Creation of a Flash highscores API – Step 2

Now that you know how to communicate between two Flash movies thanks to the Creation of a Flash highscores API tutorial, it’s time to introduce the next step that will make you save your highest score on your computer.

It’s not an hard prototype once you read Create an Eskiv Flash game tutorial (in order to have a real game) and Managing savegames with Flash shared objects (to store data on your computer)

This is the game:

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
43
44
45
46
47
48
49
50
51
var send_score:LocalConnection = new LocalConnection();
_root.attachMovie("score", "score", 1);
_root.attachMovie("hero", "hero", 2, {_x:250, _y:200});
_root.attachMovie("target", "target", 3, {_x:Math.random()*400+25, _y:Math.random()*300+25});
enemy_power = 3;
points = 0;
max_score = 0;
hero.onEnterFrame = function() {
	this._x = _root._xmouse;
	this._y = _root._ymouse;
};
target.dir = Math.random()*2*Math.PI;
target.xspeed = enemy_power*Math.cos(foe.dir);
target.yspeed = enemy_power*Math.sin(foe.dir);
target.onEnterFrame = function() {
	dist_x = this._x-hero._x;
	dist_y = this._y-hero._y;
	distance = Math.sqrt(dist_x*dist_x+dist_y*dist_y);
	if (distance<(hero._width+this._width)/2) {
		points++;
		if (points>max_score) {
			max_score = points;
			send_score.send("hall_of_fame", "compare_scores", points);
		}
		score.scoretxt.text = points;
		this._x = Math.random()*400+25;
		this._y = Math.random()*300+25;
		foe = _root.attachMovie("enemy", "enemy", _root.getNextHighestDepth(), {_x:Math.random()*400+25, _y:Math.random()*300+25});
		foe.dir = Math.random()*2*Math.PI;
		foe.xspeed = enemy_power*Math.cos(foe.dir);
		foe.yspeed = enemy_power*Math.sin(foe.dir);
		foe.onEnterFrame = function() {
			this._x += this.xspeed;
			this._y += this.yspeed;
			if ((this._x<0) or (this._x>500)) {
				this.xspeed *= -1;
			}
			if ((this._y<0) or (this._y>400)) {
				this.yspeed *= -1;
			}
			dist_x = this._x-hero._x;
			dist_y = this._y-hero._y;
			distance = Math.sqrt(dist_x*dist_x+dist_y*dist_y);
			if (distance<(hero._width+this._width)/2) {
				points--;
				score.scoretxt.text = points;
				this.removeMovieClip();
			}
		};
	}
};

The game game developer only needs to add line 1 and line 23 to his game

and this is the highscore table

1
2
3
4
5
6
7
8
9
10
11
12
13
14
var get_score:LocalConnection = new LocalConnection();
get_score.connect("hall_of_fame");
top_score = SharedObject.getLocal("feronato");
if (top_score.data.score == undefined) {
	top_score.data.score = 0;
}
_root.topscore.text = "Highest score: "+top_score.data.score;
get_score.compare_scores = function(points):Void  {
	if (points>top_score.data.score) {
		top_score.data.score = points;
	}
	_root.currentscore.text = "Score: "+points;
	_root.topscore.text = "Highest score: "+top_score.data.score;
};

Now play the game here, move the purple circle with the mouse, pick up the red circle, avoid the blue ones.

and see your best performance here.

Even if you reload, or close the page and open it again.

I noticed sometimes I need to reload the page in order to make it works. Does it happen to you too?

Having a complete online leaderboard is a long journey, but we’ll have it soon

Meanwhile, download the source codes and experiment

Rate this post: 1 Star2 Stars3 Stars4 Stars5 Stars (3 votes, average: 5.00 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 16 comments

  1. JDog

    on May 15, 2008 at 11:29 pm

    Thats great ! Is there a way to have a full ingame leaderboard which saves ? Thats a feature that i’d be tempted to add, should I gain the knowledge of how to do it !

  2. Andy Cook

    on May 15, 2008 at 11:31 pm

    Worked when I reloaded. 52 collected.

    Thanks a lot for the tutorial

  3. Javier Lázaro

    on May 16, 2008 at 2:18 am

    Awesome!
    Thanks a lot!

  4. Grifo

    on May 16, 2008 at 3:26 am

    Good work.

    I didn’t have load problems.

    Also, gameplay is much better than the original one.

    Luck.

  5. Xodus

    on May 16, 2008 at 5:05 pm

    It works fine for me. I like this one better than the other eskiv game, much better.

    I got 41 as my highscore!! XD

  6. styxtwo

    on May 16, 2008 at 5:52 pm

    it works, but the score and highscore give the same number always.

  7. gartman222

    on May 17, 2008 at 10:40 pm

    got 51

  8. Graham

    on May 18, 2008 at 11:20 pm

    59!!!!

  9. Sushi

    on July 18, 2008 at 3:14 pm

    60 :D!! Its a fun game haha

  10. giridhar

    on September 1, 2008 at 10:33 am

    its very helpful for me,
    display the making very low end games.
    and some technical scripts to go throuth some script books,plz.thanks

  11. shawn

    on September 19, 2008 at 6:09 am

    It’s having trouble running in flash mx. Unexpected file format, and when i type it in manually, the hignscore list shows this.
    **Error** Scene=Scene 1, layer=Layer 1, frame=1:Line 4: There is no property with the name ‘compare_scores’.
    get_score.compare_scores = function(points) {
    Is this only ment to work on newer flash programs?

  12. Asim

    on February 6, 2009 at 9:17 pm

    really amazing and unique game :)

  13. Red

    on April 23, 2009 at 1:37 am

    cool game. I have one quastion, how can I do to store score on a server so 2 people from 2 deferent computers can see eatchothers score ?

  14. mjb

    on May 24, 2009 at 12:12 pm

    Hi Emanuelle, Thanks for the idea for a game. I would like to add a timer for maybe 30 seconds and add lives to make the game even more addictive. What would I need to do? Your website is a fantasic aid to learning flash gaming techniques.

  15. Mike

    on June 22, 2009 at 7:33 am

    Thank You Emanuele for the great tutorial.
    I was able to add a preloader, start page, credits page and added scoring to the game itself, when at 0 it goes to a game over page where you can click a Play the game again button or click a Submit your max_score button, which will submit the score to my arcade. I also changed the blue dots to blue spiders who’s legs move, made a hero and made the red dot into a red spider, looks creepy with all those little blue spiders moving around, lol. May I use the finished game for my visitors to play for free on my website? I put Credits to you and links to your Tutorial and Home page on the Credits page in the game. New at Flash just started two weeks ago and learn a lot from these tutorials that folks like you do for all of us beginners. Thank You again, I learned a lot and had a lot of fun doing it.

  16. Hooda Math

    on June 24, 2009 at 6:34 pm

    Emanuele,
    Do you think you could re-write this tutorial for AS3?
    Thanks :)