Prototype of a Flash game like Floaty Light

May 7, 2008 • Actionscript 2, Flash, Game design, Tutorials by Emanuele Feronato • 10 Comments

Do we really need another “move a ball in some way from A to B avoiding C” game?

Floaty Light

Noooooooo… but it seems two or three people still like this kind of games, so the new torture branded Game Garage is Floaty Light.

Just kidding, of course.

I made this prototype using the gravity and speed as described in the Flash game creation tutorial – part 1 post, the collision detection as shown in the Create a flash draw game like Line Rider or others – part 2 post and the control system already seen at A new player control concept, with only a minor change.

As said, nothing new, but it’s an interesting concept anyway

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

_root.attachMovie("ball", "ball", _root.getNextHighestDepth(), {_x:50, _y:50});
_root.attachMovie("wall", "wall", _root.getNextHighestDepth(), {_x:240, _y:200});
_root.attachMovie("arrow", "arrow", _root.getNextHighestDepth());
moving = false;
gravity = 0.01;
xspeed = 0;
yspeed = 0;
precision = 24;
radius = 15;
Mouse.hide();
arrow.onEnterFrame = function() {
	this._x = _xmouse;
	this._y = _ymouse;
	dist_x = ball._x-this._x;
	dist_y = ball._y-this._y;
	total_dist = Math.sqrt(dist_x*dist_x+dist_y*dist_y);
	if (total_dist>300) {
		total_dist = 300;
	}
	total_dist = (300-total_dist)/500;
	angle = Math.atan2(dist_y, dist_x);
	this._rotation = angle*57.2957795;
};
ball.onEnterFrame = function() {
	if (moving) {
		dir = arrow._rotation;
		xspeed += total_dist*Math.cos(dir*0.0174532925);
		yspeed += total_dist*Math.sin(dir*0.0174532925);
	}
	yspeed += gravity;
	this._x += xspeed;
	this._y += yspeed;
	xspeed *= 0.99;
	yspeed *= 0.99;
	for (x=1; x<precision; x++) {
		spot_x = this._x+radius*Math.sin(x*360/precision*0.0174532925);
		spot_y = this._y-radius*Math.cos(x*360/precision*0.0174532925);
		if (wall.hitTest(spot_x, spot_y, true)) {
			xspeed = 0;
			yspeed = 0;
			this._x = 50;
			this._y = 50;
		}
	}
};
_root.onMouseDown = function() {
	moving = true;
};
_root.onMouseUp = function() {
	moving = false;
};

Let’s play it!

Download the source code and give me feedback

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

  1. Jack Hopkisn

    on May 7, 2008 at 7:54 pm

    awesome work!
    btw, why did you use 0.0174532925 where you could have used radians?

  2. JDog

    on May 7, 2008 at 9:47 pm

    Thats really good ! I think of it more as a clone of Nitrome’s Hot Air !

  3. Maniac

    on May 9, 2008 at 9:17 pm

    It’s nice, but…How do you give the game “lives”, time-based scoring, and a game-over screen when you run out of lives? O_o?

  4. Quintus

    on May 10, 2008 at 10:58 pm

    Your Cewl! :D

  5. Amy

    on May 14, 2008 at 12:57 am

    It’s good but how do you make it go to different levels and add lives etc?

  6. Nate

    on May 17, 2008 at 7:36 pm

    @Amy

    He does this on purpose, you are supposed to do that stuff yourself, he doesn’t want to just give you a game, your supposed to work on it!

  7. gartman222

    on May 17, 2008 at 8:24 pm

    i have an idea for a game. (mumbles)

  8. Amy

    on May 24, 2008 at 10:49 pm

    Im a newbie at coding, i can normally figure it out myself but this type of game confuses me alot.

  9. JulianDoom

    on June 9, 2008 at 5:20 am

    Very similar to this:
    http://ripe-cheese.deviantart.com/art/BALL-MAZE-BETA-47144115

  10. Eduardo Brito

    on May 3, 2009 at 4:45 pm

    hello I am Brazilian, he was seeing his site and I liked a lot, I adored the tutorial!

< >