Creation of a Flash highscores API – Step 2

May 15, 2008 by Emanuele Feronato
Filed Under Actionscript 2, Flash, Game design, Tutorials • 16 Comments

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:

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

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 Star

(3 votes, average: 5.00 out of 5)

Loading ...

Share on Facebook
Be my fan on Facebook - exclusive content

» 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.

16 Responses to “Creation of a Flash highscores API – Step 2”

JDog on May 15th, 2008 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 !
Andy Cook on May 15th, 2008 11:31 pm

Worked when I reloaded. 52 collected.

Thanks a lot for the tutorial
Javier LÃ¡zaro on May 16th, 2008 2:18 am

Awesome!
Thanks a lot!
Grifo on May 16th, 2008 3:26 am

Good work.

I didn’t have load problems.

Also, gameplay is much better than the original one.

Luck.
Xodus on May 16th, 2008 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
styxtwo on May 16th, 2008 5:52 pm

it works, but the score and highscore give the same number always.
gartman222 on May 17th, 2008 10:40 pm

got 51
Graham on May 18th, 2008 11:20 pm

59!!!!
Sushi on July 18th, 2008 3:14 pm

60 :D!! Its a fun game haha
giridhar on September 1st, 2008 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
shawn on September 19th, 2008 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?
Asim on February 6th, 2009 9:17 pm

really amazing and unique game :)
Red on April 23rd, 2009 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 ?
mjb on May 24th, 2009 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.
Mike on June 22nd, 2009 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.
Hooda Math on June 24th, 2009 6:34 pm

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

Leave a Reply

Flash game creation tutorial – part 5.2 (4.88/5)
Create a flash artillery game – step 1 (4.79/5)
Create a Flash Racing Game Tutorial (4.76/5)
Create a survival horror game in Flash tutorial – part 1 (4.74/5)
Create a flash artillery game – step 2 (4.74/5)
Creation of a Flash arcade site using WordPress – step 2 (4.73/5)
Flash game creation tutorial – part 1 (4.71/5)
Flash game creation tutorial – part 2 (4.71/5)
Create a flash draw game like Line Rider or others – part 1 (4.69/5)
Creation of a platform game with Flash – step 2 (4.68/5)