..:: Scroll Thing ::.., Beginner - Intermediate Options

[DPC]

Second 13 dotsTut

Make a sprite scroll box that allows Static text external text xml and images to scroll....

Ok Open SwishMax and start a new Movie lets say 435*250 in size I used a Black Backgroud goto "veiw/show grid" now lets start Drawing take the Square tool and draw a Square like Below



Then Round of the corners as show below



Now add 2 Squares that will become your window and scroller like below



Mark them all and goto the shape tool and use a solid fill red they must all be the same color now goto "modify/Grouping/Group as a Shape" press yes when aksed and it should now look like the image below



We now have our window but want that metal look so mark the shape an goto the fill choose Liniar Gradiant then goto the fill transform and rotate the fill as shown below (Practice this abit) now it's starting to look trick



Add a Square in the Backgroud so you see what your doing color dosen't mater i took the standard red...
now make a Square and fill it with a liniar gradiant Black to seethrough redonce again as in the next ScreenShot....



Copy and past the new shadow looking Square so that you have 4 shadows now rotate them streach them and place them in place when your done it should look something like this.



Now lets Draw the Scroller first draw a Square and give it a gradiant fill white grey white then rotate the Square 90° and make it fit the scroll window then make another Square (Color Black Solid) and remove one of the top corner vertex's so that you have a triangle now i placed a little white line at the bottom so it gets a little 3D lookin' now take these three shapes and goto "modify/Grouping/Group as Button" then copy the Object and past it in place and Veticaly Flip it under "Modify/Transform/Flip Vertical" and move it to the bottom of the scroll window. name the top button up an the other down now make another Square with Gradiant fill Rotate it 90° and place a few black and white lines on it like bellow now mark all the lines and the new Square goto "Modify/Grouping/Group as Shape" and name it myscroller now mark the up and down buttons and the myscroller shape and goto "Modify/Grouping/Group as Sprite" name the sprite ButtonSprite (Original ha ) and make sure your Outline looks the same as the pic bellow..



now goto the myscroller shape and hit the SCRIPT tag and give it this script

CODE

onSelfEvent (press) {
thsX = this._x;
startDragUnlocked(305,305,-102,6);
//   first two X coordinates, then two Y coordinates (Xstart,Xend,Ystart,Yend)
}
onSelfEvent (release,releaseOutside) {
stopDrag();
}

you will need to adjust the (305,305,-102,6) to fit your needs they are setup like this (305 left ,305R ight ,-102 Top, Bottom 6); these are the position codes need for the scroller for the mouse ......

now for the buttons goto the up button and place this code

CODE

on (press) {
down = "true";
}
on (release,releaseOutside) {
down = "false";
}

and then the down Button

CODE

on (press) {
down = "true";
}
on (release,releaseOutside) {
down = "false";
}

The Sprite buttonSprite gets this Code

CODE

onload () {
up = "false";
down = "false";
}
onEnterFrame() {
if (up eq "true"  &&  myscroller._y > -102) {
myscroller._y  -= 2;
} else {
if (down eq "true"  &&  myscroller._y < 6) {
myscroller._y += 2;
} else {
}
}
}

The numbers here should be the same as the ones from above
(305,305,-102,6) this is for the scroller to move when you hit the up or down Button

now goto "insert/Sprite" name your sprite BOX and hit the use buttom object as mask tab then place this Script on it

CODE

onEnterFrame(includingFirstFrame) {
NegY =( -115 - _parent.ButtonSprite.myscroller._y);
NewY = NegY *2.95;

// I just guessed this number; have a play around with it.
textSprite._y =math.round (NewY);

}

to make things simple just play around with the numbers -115 this places the textsprite and the number 2.95 this will change the speed and how far you can scroll i cant say what your scroll box will exactly need so play with these till they fit but first add a new Sprit and call it textSprite now place a static text in it now make a Square as big as the window and scrollwindow and place it at the bottom of the BOX sprite name it "Mask" copy the Square and past it in place and call it "BG" this will be you background color your Outline should look like the pic bellow if not fix it so it does



so thats about it how to get a trick lookin' Sprite scroller
all you need to do is add an External Text or Xml or swf or jpg in the textSprite and your ready to scroll it

my finished Example looked like this



and if this tut was to quick then grab the zip file from the top of the thread and rip it appart to see how it's done

ok if there are any Q's related to the Scroll thingy than pls ask


Cheers Patrick

[alias.infnit]

Nice tut again DPC

[DPC]

Thanks for the kind comments InFnit.....

I have some very Advanced tuts like a XML guestbook with the ability of letteing users upload a pic as an avatar

GBOOK DEMO

or an external text file manager

open the admin make changes to the text and then view the Website link
Admin
Username: DPC
Password: Admin
See the demo this is just to view the txt files.....
Website
After you have changed a txt please reload your browser to see the changes

were would be the best place to post them ?

and a tut on masking DEVICE FONTS

Cheers Patrick

[*D*]

Awesome end result many many thankyou's for adding so many indepth tutorials.

[DPC]

your welcome

More to come


Cheers Patrick

[*D*]

Thanks for the kind comments InFnit.....

I have some very Advanced tuts like a XML guestbook with the ability of letteing users upload a pic as an avatar

GBOOK DEMO

or an external text file manager

open the admin make changes to the text and then view the Website link
Admin
Username: DPC
Password: Admin
See the demo this is just to view the txt files.....
Website
After you have changed a txt please reload your browser to see the changes

were would be the best place to post them ?

and a tut on masking DEVICE FONTS

Cheers Patrick

Apologies never saw this, I can give you ftp access, I'll send to you in around 10 or so.

[DPC]

Now that would be cool:) got so many tuts and files like complette Templates and audioplayers and games and news tickes and so much that I would like to share

Cheers Patrick

[cmonney]

Nice Tut!!!


Nice to see you here!

[DPC]

Glad to be here

Cheers and thanks for the comments...

Regards Patrick

[Eddie_K]

Very nice works. Thanks for sharing with us

Eddie