AS3 Flash game creation tutorial – part 4: score

In AS3 Flash game creation tutorial – part 3: walls I introduce some obstacles to kill the circle, now it’s time to make it earn some points when it collects the coins.

As usual, I am creating a new movieclip called score with its score.as class.

This is how score.as looks like:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
package {
	import flash.display.Sprite;
	// look! you need text.TextField in order to make it work
	import flash.text.TextField;
	public class score extends Sprite {
		public function score() {
			// this.scoretext.text = "0" works
			// this.scoretext.text = 0; does not work
			this.scoretext.text = String(0);
		}
		public function updatescore(score) {
			// updating the score
			this.scoretext.text = String(score);
		}
	}
}

Look at line 4… I need to import text.TextField in order to have text fields to work (it was “native” under AS2) and at line 9 you will find you have to convert a number to a string before displaying it in the text field (you did not need to do that in AS2).

Apart from this, there is nothing interesting in the score class, but it’s more interesting how other classes call it.

This is the new coin.as

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
package {
	import flash.display.Sprite;
	import flash.events.Event;
	public class coin extends Sprite {
		// variables used in this class
		private var dist_x:int;
		private var dist_y:int;
		private var distance:int;
		// main function
		public function coin() {
			// calling place_coin function.
			// this function randomly places the coin in the field
			place_coin();
			// checking for collisions at every frame
			addEventListener(Event.ENTER_FRAME, check_collisions);
		}
		private function check_collisions(e:Event) {
			// determining the distance between the hero and the coin
			// notice how do I refer the hero
			dist_x = x - as3circle(root).circle_hero.x;
			dist_y = y - as3circle(root).circle_hero.y;
			distance = dist_x*dist_x+dist_y*dist_y;
			// 1809 = (hero radius + coin radius)^2
			// this way I don't have to perform a square root to distance
			if (distance < 1089) {
				// if the hero picks up a coin, then move it elsewhere
				as3circle(root).add_score(1);
				place_coin();
			}
		}
		private function place_coin() {
			x = Math.floor(Math.random()*400)+50;
			y = Math.floor(Math.random()*300)+50;
		}
	}
}

Look at line 27 how I am calling the add_score function adding one point for every coin collected. Where is the add_score function?

It’s on the main class, as3circle.as

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
package {
	import flash.display.Sprite;
	import flash.events.Event;
	public class as3circle extends Sprite {
		public var keyboard_input:keys;
		public var circle_hero = new circle;
		public var your_score = new score;
		public var level_wall = new wall;
		public var my_score = 0;
		public var number_of_coins = 4;
		public function as3circle() {
			for (var i=1; i<=number_of_coins; i++) {
				var ingame_coin = new coin;
				addChild(ingame_coin);
			}
			addChild(your_score);
			addChild(circle_hero);
			var keyboard_sprite = new Sprite();
			keyboard_input = new keys(this);
			addChild(level_wall);
			stage.addEventListener(Event.ENTER_FRAME,on_enter_frame);
		}
		public function on_enter_frame(event:Event) {
			if (keyboard_input.is_left()) {
				circle_hero.apply_force(-1,0);
			}
			if (keyboard_input.is_right()) {
				circle_hero.apply_force(1,0);
			}
			if (keyboard_input.is_up()) {
				circle_hero.apply_force(0,-1);
			}
			if (keyboard_input.is_down()) {
				circle_hero.apply_force(0,1);
			}
		}
		public function add_score(points) {
			my_score += points;
			your_score.updatescore(my_score);
		}
	}
}

First, at line 7 I create a score variable called your_score, then I add it to the stage at line 16, and the function that adds the score is at lines 37-40.

While I am using the score movieclip only to display the score, I am saving it in the main class thanks to my_score variable declared at line 9.

Then, add_score updates the score at line 38 and calls the function to show the updated score on screen at line 39.

Small recap: coin.as calls a function in as3circle.as that updates the score and calls score.as to write the updated score.

The other classes remain the same, and this is the result:

Download the source code. In next step, I will turn this game into a real one…

Rate this post: 1 Star2 Stars3 Stars4 Stars5 Stars (12 votes, average: 4.08 out of 5)
Loading ... Loading ...
Flash Templates provided by Template Monster are pre-made web design products developed using Flash technology.
They can be easily customized to meet the unique requirements of your project.
Be my fan on Facebook and follow me on Twitter! Exclusive content for my Facebook fans and Twitter followers

This post has 9 comments

  1. Nathan

    on November 11, 2008 at 5:04 pm

    you should lose points if you die

  2. Uchiha

    on November 11, 2008 at 5:41 pm

    Sometimes the coins will appear under the walls, and that is a problem.
    I know you will fix it on the next version though :P

  3. Graham

    on November 12, 2008 at 12:49 am

    Your feed isn’t working….

  4. Lembit

    on November 12, 2008 at 3:04 am

    As Graham already said, your feed isn’t working, gives parse error. And as I see you’ve started using FeedBurner, please consider redirecting default WP feeds to your new FB feed w/ FeedBurner FeedSmith plugin (just in case you didn’t know already).

    I find your blog very valuable, keep up the good work.

  5. Thinker

    on November 12, 2008 at 9:06 am

    I realised from coin.as you referenced the circle_hero as
    as3circle(root).circle_hero

    How do you do this for variables such as numbers and strings?

  6. Thinker

    on November 12, 2008 at 9:20 am

    Sorry – I figured it out. Looks like it doesn’t work from the function

    public function coin() {

    But it will work in other functions such as events. I don’t understand why it’s like that though.

  7. George Campos

    on November 12, 2008 at 1:58 pm

    Hi,

    I like to much your work, thanks for sharing with us.

    There is a problem with your rss feed, can you check please. :)

    Thanks

    George

  8. AS3 Flash game creation tutorial - part 5: gameplay : Emanuele Feronato

    on November 13, 2008 at 4:46 pm

    [...] introduced the score in AS3 Flash game creation tutorial – part 4: score, it’s time to create some [...]

  9. sretsam

    on May 11, 2011 at 5:12 am

    gives me an error 1119: Access of possibly undefined property scoretext through a reference with static type score

    Source:
    this.scoretext.text = String(0);
    this.scoretext.text = String(score);