Part 3

In this part we will set up our ‘game’ ready for the next tutorial.

You can view the demo at

Anyway, in the above demo when you move your mouse towards the walls you may see a black line on the scope this is the edge of the stage. As you may see, the scope renders past the stage boundaries because we rotate the contents. Even when the scope is rotated, the contents of the scope appears the right way up – and we’ll come to that shortly. Firstly we need the background…

Create a movieclip and instance it as “Background”, no quotes. Then draw in your background. This could be anything – a street or a house for example. Any place, this will be the backdrop for your sniper game. When you have finished drawing then add a loop effect. All you need to do is extend the border like in the following image (the black lines represent the stage border).

And also – when you zoom in (space) the crosshair ‘closes’. To do this go into your crosshair movieclip and convert the lines to a movieclip, you can then tween them to open from being closed. Duplicate this animation and add it to the second frame of your crosshair. Dont forget to add

1

stop()

to frame one either.

So..

Crosshair -> Frame 1 -> Movieclip -> Opening of cross animation
———> Frame 2 -> Movieclip -> Closing of cross animation

Now, on your stage movieclip update the code to:

1
2
3
4
5
6
7
8
9

onClipEvent(enterFrame){
	if(Key.isDown(Key.SPACE)){
		this.gotoAndStop(2)
		_root.cross.gotoAndStop(2)
	}else{
		this.gotoAndStop(1)
		_root.cross.gotoAndStop(1)
	}
}

Part 3 is now complete, part 4 will be extending this tutorial, hopefully transforming your flash to look like the demo at the top!

Part 1 eh?

Yeah, in this tutorial we’ll develop a basic gun movement…

So, we need 3 movie-clips, one the gun (sniper) and two the cross hair, the third will contain everything.

Now, let’s setup our environment…

On the stage i have two movieclips; Stage and Cursor.
The Cursor has the actionscript:

1
2
3
4
5
6
7
8
9
10
11

onClipEvent(load){
	function actAsCursor(){
		_x = _root._xmouse
		_y = _root._ymouse
		Mouse.hide()
	}
	actAsCursor()
}
onClipEvent(enterFrame){
	actAsCursor()
}

A simple cursor script and the stage movieclip at (250,400) / (middle, bottom) contains the gun.

Now for some real movement… on the gun inside the stage add the actionscript:
READ MORE »