Featured Flash FLA 11336 Flash Movies | 2 New Flash Movies Added What's New | Top 100 Featured FLA » Author: Surjit Dhami » Title: Book » Description: Book » More by Surjit Dhami Random FLAs | Add Flash Movie Featured Flash Site 5848 Flash Sites | 0 New Flash Links What's New | Top 100 Flash Site Featured Site » Posted in the Flash Kit Links section » Title: All-American Rejects » Description: Get to know this great band by exploring their "practice room". Random Links | Add your own Flash Related Links

1277 Tutorials 7 New Tutorials Added! What's New | Top100 » Create xml slideshow with free template » How to Insert a Multilingual Subtitle Into Your Flash Video Studio » How to Create Cool Halloween Slideshow » Debugging flash using the Firebug console » Create Flash Slideshow on Blogger » FLASH TRICKS IN WEB ADVERTISING: FLASH BANNERS » HTML Photo Gallery Tutorial » Create your first flash site – PART 1 » How to Make a Flash Photo Gallery » Unknown Tag: Title10 Random Tutorial | Add Site

Trading Customer Accounting (IL) Next Step Systems US-IL-Chicago Post A Job | Post A Resume

Tutorials Home What's New Top Rated Submit myTutes Random!

Tutorials » Games

Building Games in Flash 5 - Part 2 - Scrolling
Author: David Doull | Website: http://www.artifactinteractive.com.au |

Step 4 : Parallax scrolling

This example only has one scrolling background but you can improve the look of your game by adding in a second scrolling background. Your second background could be some stars or distant mountains. If you set the scrollSpeed for this background to a slower amount you will get an effect known as parallax scrolling - it gives a nice feeling of depth to the game.

Try adding in a second scrolling background yourself. You will follow the same steps and use the exact same code as you did for the ground. The only difference is that the graphic will be something different (eg: stars) and that the movie clip instance names will be different (eg: stars and mainStars). And the set the speed to a slower speed such as 4.

The code for you mainStars movie clip should be something like (assuming you have named your movie as stars)

onClipEvent (load) {
stars.duplicateMovieClip("stars2", 1000);
stars2._x = stars._x+stars._width;
starsStartx = this._x;
starsSpeed=4;
}


onClipEvent (enterFrame) {
if (_root.spaceship.scrollStart){
 this._x-=starsSpeed;
 if (this._x<= (starsStartx-stars._width)){
 this._x=starsStartx-starsSpeed;
 }
}
}

This source file demonstrates parallax scrolling with a stars background: tutorial2_partd.fla and can be found in this tutorials zip file.

That concludes this tutorial, the next part of this series will finish the game by adding enemies to fire at and scoring.

cheers David

» Forums
	More help? Search our boards for quick answers!

Please rate this tutorial, 10 is the top rating, you can also click the comments link to read/write a review.

10 9 8 7 6 5 4 3 2 1