{"id":8838,"date":"2015-01-03T13:43:25","date_gmt":"2015-01-03T13:43:25","guid":{"rendered":"http:\/\/2slick.com\/web\/?p=8838"},"modified":"2015-01-03T13:43:25","modified_gmt":"2015-01-03T13:43:25","slug":"stage-scroll-with-player-as3","status":"publish","type":"post","link":"https:\/\/2slick.com\/web\/stage-scroll-with-player-as3\/affordablewebsitestips\/tutorials","title":{"rendered":"Stage scroll with player as3"},"content":{"rendered":"

Here is a function in ActionScript 3 that allows the stage to scroll with the player. This is perfect for platform side scrolling games. Variable 'player1' is the name of the player movie clip and level1 in the name of the movieclip container containing your level content, platforms, enemies etc.<\/p>\n

 Javascript | <\/td><\/td> copy code |<\/td>?<\/td> <\/td><\/tr><\/tbody><\/table>
01<\/td>
<\/pre><\/td><\/tr>
02<\/td>
stage.addEventListener<\/span>(<\/span>Event.ENTER_FRAME<\/span>,<\/span>stage_x)<\/span>;<\/span><\/pre><\/td><\/tr>
03<\/td>
 <\/pre><\/td><\/tr>
04<\/td>
function<\/span> stage_x(<\/span>e:<\/span>Event)<\/span>\/\/scroll stage with player<\/span><\/pre><\/td><\/tr>
05<\/td>
\t\t{<\/span><\/pre><\/td><\/tr>
06<\/td>
\t\t\tvar<\/span> distance:<\/span>Number =<\/span> player1.x<\/span>-<\/span>(<\/span>(<\/span>stage.stageWidth<\/span>\/<\/span>2<\/span>)<\/span>+<\/span>offset)<\/span>;<\/span><\/pre><\/td><\/tr>
07<\/td>
\t\t\tvar<\/span> ease:<\/span>int =<\/span> 5<\/span>;<\/span><\/pre><\/td><\/tr>
08<\/td>
\t\t\tvar<\/span> offset:<\/span>int=<\/span>10<\/span>;<\/span><\/pre><\/td><\/tr>
09<\/td>
\t\t\tif<\/span>(<\/span>distance<<\/span>0<\/span>)<\/span>{<\/span><\/pre><\/td><\/tr>
10<\/td>
\t\t\t\tdistance*=-<\/span>1<\/span>;<\/span><\/pre><\/td><\/tr>
11<\/td>
\t\t\t}<\/span><\/pre><\/td><\/tr>
12<\/td>
 <\/pre><\/td><\/tr>
13<\/td>
\t\t\tif<\/span>(<\/span>player1.x<\/span><<\/span>(<\/span>stage.stageWidth<\/span>\/<\/span>2<\/span>)<\/span>)<\/span>{<\/span><\/pre><\/td><\/tr>
14<\/td>
\t\t\t\tvar<\/span> variable:<\/span>int=<\/span>distance\/<\/span>ease;<\/span><\/pre><\/td><\/tr>
15<\/td>
\t\t\t\tlevel1.x<\/span>+=<\/span>variable;<\/span><\/pre><\/td><\/tr>
16<\/td>
\t\t\t\tplayer1.x<\/span>+=<\/span>variable;<\/span><\/pre><\/td><\/tr>
17<\/td>
\t\t\t}<\/span><\/pre><\/td><\/tr>
18<\/td>
\t\t\tif<\/span>(<\/span>player1.x<\/span>><\/span>(<\/span>stage.stageWidth<\/span>\/<\/span>2<\/span>)<\/span>)<\/span>{<\/span><\/pre><\/td><\/tr>
19<\/td>
\t\t\t\tvar<\/span> variable2:<\/span>int=<\/span>distance\/<\/span>ease;<\/span><\/pre><\/td><\/tr>
20<\/td>
\t\t\t\tlevel1.x<\/span>-=<\/span>variable2;<\/span><\/pre><\/td><\/tr>
21<\/td>
\t\t\t\tplayer1.x<\/span>-=<\/span>variable2;<\/span><\/pre><\/td><\/tr>
22<\/td>
\t\t\t}<\/span>   <\/pre><\/td><\/tr>
23<\/td>
\t\t}<\/span><\/pre><\/td><\/tr>
24<\/td>
<\/pre><\/td><\/tr><\/table><\/div><\/pre><\/p>\n","protected":false},"excerpt":{"rendered":"
Here is a function in ActionScript 3 that allows the stage to scroll with the player. This is perfect for platform side scrolling games. Variable ‘player1’ is the name of the player movie clip and level1 in the name of the movieclip container containing your level content, platforms, enemies etc.  Javascript |  copy code |? 0102stage.addEventListener(Event.ENTER_FRAME,stage_x);03 04function stage_x(e:Event)\/\/scroll stage with player05 […]<\/p>\n","protected":false},"author":1,"featured_media":8748,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[751,734],"class_list":["post-8838","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","tag-actionscript2","tag-as3"],"_links":{"self":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts\/8838","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/comments?post=8838"}],"version-history":[{"count":1,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts\/8838\/revisions"}],"predecessor-version":[{"id":8839,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts\/8838\/revisions\/8839"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/media\/8748"}],"wp:attachment":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/media?parent=8838"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/categories?post=8838"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/tags?post=8838"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}