{"id":11315,"date":"2011-10-14T03:38:14","date_gmt":"2011-10-14T07:38:14","guid":{"rendered":"http:\/\/info.template-help.com\/?p=11315"},"modified":"2020-02-06T09:11:33","modified_gmt":"2020-02-06T14:11:33","slug":"flashxml-flash-how-to-create-a-scroll-using-as3","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/flashxml-flash-how-to-create-a-scroll-using-as3.html","title":{"rendered":"Flash\/XML Flash. How to create a scroll using AS3"},"content":{"rendered":"

This tutorial will teach you how to add a Scroll in Flash and\/or XML Flash template in Action Script 3.<\/p>\r\n\r\n\r\n\r\n

1. Open the .FLA file, located in the ‘sources\/flash’ folder of your downloaded archive.<\/p>\r\n\r\n

2. Locate the ‘pages’ movie clip and navigate to the Page in to which you need to add a scroll function.<\/p>\r\n\r\n\"\"<\/a>\r\n\r\n

NOTE: if you are editing the XML Flash template, you need to remove the dynamic text script, as we will not need it. Then Navigate to the action script layer (layer 3, frame 3 in this example), press F9 key to open the action script panel and remove the dynamic text script.<\/p>\r\n\r\n\"\"<\/a>\r\n\r\n

3. Click on the text box on the Scene to select and change the Dynamic Text to Input Text in the properties panel.<\/p>\r\n\r\n

4. Name this text field ‘scrollText’<\/p>\r\n\r\n\"\"<\/a>\r\n \r\n

5. Navigate to the timeline and insert a new layer. We will name it ‘line’<\/p>\r\n\r\n

6. On the Scene, draw a line and convert it into a movie clip.<\/p>\r\n\r\n\"\"<\/a>\r\n \r\n

7. Insert another layer in the timeline. We will name it ‘scrollMC’<\/p>\r\n\r\n\"\"<\/a>\r\n \r\n

8. Draw a rectangle and convert the rectangle into a movie clip. Give it an instance name of ‘scrollMC’ .<\/p>\r\n\r\n\"\"<\/a>\r\n \r\n

9. Insert another layer in the time line for the Action Script. Press F9 key to open the AS panel, so we can add script.<\/p>\r\n\r\n\"\"<\/a>\r\n \r\n

10. We will assign some text to the scrollText text field. We want it to be multiline and wrap text:<\/p>\r\n\r\n

\r\n\tvar someText:String = \"New Text Here,\" + \"Another New Text here\";\r\n  \r\n\tscrollText.text = someText;\r\n\tscrollText.multiline = true;\r\n\tscrollText.wordWrap = true;\r\n<\/pre>\r\n\r\n  \r\n
NOTE:  insert your text in this manner: “ Your text here” + “ Another new text here ”  ;<\/p>\r\n\r\n
11. Now, we will add the scrolling functionality to the scrollbar:<\/p>\r\n\r\n
\r\nvar bounds:Rectangle = new Rectangle(scrollMC.x, scrollMC.y, 0, 200);\r\nvar scrolling:Boolean = false;\r\n \r\nfunction startScroll (e:Event):void {\r\n\tscrolling = true;\r\n\tscrollMC.startDrag (false,bounds);\r\n}\r\n \r\nfunction stopScroll (e:Event):void {\r\n\tscrolling = false;\r\n\tscrollMC.stopDrag ();\r\n}\r\n \r\nscrollMC.addEventListener (MouseEvent.MOUSE_DOWN, startScroll);\r\nstage.addEventListener (MouseEvent.MOUSE_UP, stopScroll);\r\n<\/pre>\r\n\r\n\r\n
12. Now, we will make the scrollMC to scroll the text: <\/p>\r\n\r\n
\r\n\r\n addEventListener (Event.ENTER_FRAME, enterHandler);\r\n \r\n       function enterHandler (e:Event):void {\r\n\tif (scrolling == true) {\r\n\tscrollText.scrollV = Math.round(((scrollMC.y - bounds.y)\/200)*scrollText.maxScrollV);\r\n\t}\r\n}\r\n\r\n<\/pre>\r\n\r\n  
13. Press CTRL+ENTER or File->Publish Preview->Flash<\/p>\r\n\r\n
 <\/p>\r\n
Feel free to check the detailed video tutorial below:<\/p>\r\nFlash\/XML Flash. How to create a scroll using AS3","protected":false},"excerpt":{"rendered":"
This tutorial will teach you how to add a Scroll in Flash and\/or XML Flash template in Action Script 3.<\/p>\n","protected":false},"author":12,"featured_media":11327,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[742,279,287,760],"tags":[1070,486,528,570],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/11315"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=11315"}],"version-history":[{"count":2,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/11315\/revisions"}],"predecessor-version":[{"id":86392,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/11315\/revisions\/86392"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/11327"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=11315"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=11315"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=11315"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}