Categories

How to create a scroll

Ray Taylor May 23, 2011
No votes yet.
Please wait...

1. Open your .FLA file located in the "sources/flash" folder

2. Find the text, for which you wish to add the scroll and switch that text to a "Dynamic" Type:

3. Set the Label to "textcont" and the Variable to "txt":

4. Navigate to the Timeline and create a new layer:

5. Open the Action Script panel ( you may use a shortkey "F9") and type in the text:

6. Select the text box and switch the display as HTML in the Properties Panel:

7. Insert new layer (you may call it scroll box for example) and paint your Scroll Box:

8. Add another new layer (lets call it "scroll stop"):

9. Draw a line and Make it a Symbol:

10. Move the new Symbol (movie clip) into the bottom of your painted Scroll box:

11. Open the Action Script Panel to add some script (you may use "F9" short key):

  onClipEvent(load){
this._visible = 0;
baseYEnd = this._y
_root.baseYEnd = this._y
}

12. Specify the Movie Clip Instance Name in the properties panel. In other words set the movie clip label to "end":

13. Create another new layer for the scroll slider itself. Lets Name it "scroll":

14. Paint the scroll slider and make it a symbol (button) Make sure to make it a Button:

15. Open the Action Script Panel, for this new button, to add some script (you may use "F9" short key):

  on(press){
this.startDrag(false, base X, baseY, baseX, _root.baseYEnd);
}
on (release){
stopDrag();
}

16. Place the Scroll Slider to the top if the Scroll Box:

17. Set the Movie Clip Label to "dv":

18. Add some script to it (you may press "F9" key):

  onClipEvent(load){
baseX = this._x;
baseY=this._y;
} onClipEvent(enterFrame){
range=Math.abs(_root.baseYEnd-baseY);
m_scroll=_parent.txtcont.maxscroll;
perem=(this._y – baseY)/range
perem=perem*m_scroll;
_perem.txtcont.scroll = perem+1;
}

19. You may now navigate back to the HTML text (step 5 above) and enter the text you wish to use for the Scroll Area.

20. Publish the .FLA file using the short key CTRL+ENTER or File->Publish Preview->Flash

 

Feel free to check the detailed video tutorial below:

how to change Google Map location in WordPress

Themes for Wordpress
This entry was posted in Working with Flash and tagged AS2.0, flash, scroll. Bookmark the permalink.

Submit a ticket

If you are still unable to find a sufficient tutorial regarding your issue please use the following link to submit a request to our technical support team. We'll provide you with our help and assistance within next 24 hours: Submit a ticket

Live Chat
We help you to choose the right product.