When each bug's body or legs touch a tadpole the tadpole attempts to escape, but when the bug's head touches the tadpole it can eat him.

Click here for full screen mode.

In the next update I will try to give the bugs more 'intelligence' so that they can actively hunt the tadpoles. I will also write scripts that allow the tadpoles and bugs to grow as they eat more and get older, and to reproduce so that the supply of tadpoles doesn't run out.

I also want to introduce some inanimate objects, like rocks etc. that the creatures have to navigate around...

I built the game Artanoid for the 76 Creative website. It is a remake of the arcade classic Arkanoid with a 76 creative twist. The game has 5 levels, various 'power-ups' andalso saves and updates a score table using server side php. I recommend turning the music on to get the full effect, with a different soundtrack for each level.

Check out the new Artanoid Website

Back again, my pet tadpoles (they still haven't grown into frogs yet!). This time I am going to explain the actionscript that makes them move, turn and run from the mouse. Firstly, heres an example of what they do (move your mouse over them and watch 'em swim away):

The first thing is to create 2 movie clips, one which is the tadpole itself the other is the movie that the mouse drags with it, in my example it is a transparent square 20 pixels height / width. Drag them to the stage. Give the mouse movie an instance name, for example 'mouse_mc', and on the first frame of your flash project include the following actionscript:

var mouseListener:Object = new Object();

mouseListener.onMouseMove = function() {
mouse_mc._x = _xmouse;
mouse_mc._y = _ymouse;
}
Mouse.addListener(mouseListener);

This script basically attaches the movie to the mouse, so the mouse drags it around. This is used later for the hitTest which causes the tadpole to swim away when the mouse_mc touches it. OK, now for the tadpole. Open the tadpole movie and on it's first frame enter this actionscript:

acceleration = 20; // speed of the tadpole

newpos = function ()

{

ranx = random(600); // width of the area you want your tadpole to stay within

rany = random(400); // height of the area

};

newpos();

this.onEnterFrame = function()

{

// figure direction of movement, relative to current position

var dx = ranx-this._x;

var dy = rany-this._y;

// figure angle in radians

var ar = Math.atan2(dy,dx);

// convert to rotation in degrees

this._rotation = ar*180/Math.PI;

this._x += dx/acceleration;

this._y += dy/acceleration;

if (Math.abs(dx) < 1 || Math.abs(dy) < 1) {

newpos(); // move the tadpole

}

// if the mouse movie colides with it move in a different direction
if(this.hitTest(_root.mouse_mc)){ this.newpos();}
}

Once you have done this you can duplicate the tadpole movie clip as many times as you want, to create a whole swarm of tadpoles! Be sure to give each duplicate a unique instance name eg. t1, t2, t3 etc.

Q. How can I make an image or swf file load after a specified number of seconds?

A. Use the simple but effective flash_timer.swf file by Sam Burdge. Whoopeee!

Ever wanted a particular Flash movie or image to load up / start playing after the rest of your page has loaded, or after a set amount of time? This tutorial, and the support files provided with it will make it very easy indeed. The flash_timer.swf file will load a swf or image into your page after a number of seconds that you specify.

Example:

Check out this basic example to see a swf (called test.swf) load after a 10 second delay: Example 1
You can view the source code of the example to see how it works.

Usage:

1. Download the source files using the link below, and unzip the archive.
2. Embed the swf file 'flash_timer.swf' into your webpage. In my example I have used the swfObject method to embed the file, but you can use whichever method you prefer. For more information about this you can check this useful tutorial by Jeroen Wijering.
3. Set the height, width & background colour of the swf according to those of the file you want to load in.
4. Pass the two variables that the file requires to work: myswf – the file that will be loaded & mysecs – the number of seconds delay before the file is loaded. You can pass the variables in the url string, for example:

flash_timer.swf?myswf=my_movie.swf&mysecs=5

(This will load the movie 'my_movie.swf' after a 5 second delay.)

You can also pass the variables as flashvars, for example:

flashvars="myswf=example.jpg&mysecs=10"

(This will load the image 'example.jpg' after a 10 second delay.)

I hope you find this useful, if you do or if you have any questions, please feel free to leave a comment on this page (no emails please, I won't reply unless you are offering me hard cash!!). The flash_timer.swf file is only 1kb, so it will not effect the overall loading time of your page, it can be embedded at any height/width dimensions and works from flash player 7 upwards.

Download Source:

The download contains the all important flash_timer.swf plus a working example (index.html). The size of the zip is 6kb. Enjoy!!

I have given my tadpoles their first lesson in survival, they now know how to run away from danger! Previously they had two basic behaviours:

1. To face toward the direction in which they are moving.
2. To stay within the confines of the tank.

They now have a third behaviour which is to move away from the mouse when you move it over them. If they get stuck under the mouse they wriggle around until they can get free!

Introducing my new pet tadpoles! Over the coming weeks I intend to train them to do things...like make tea, or write PHP. They're not very evolved yet though, just swimming around blindly.

Here are the actionscripts used in the {{post id="flash-mousetrails-with-random-flashes" text="example" target="_self"}} swf. First the random timing script:

//random play

stop();

var delay = (Math.floor((Math.random())*10))*30000;
 
setTimeout(my_delayedFunction, delay);
 
function my_delayedFunction () {
 
play();
 
}

Random colour script:

//random color movieclip
onClipEvent(load){
 
r=Math.floor(Math.random()*255)
 
g=Math.floor(Math.random()*255)
 
b=Math.floor(Math.random()*255)
 
colourobj=new Color(this)
 
colourobj.setRGB(r<<16|g<<8|b)
 
}

[swf]/wp-content/uploads/2007/10/lazer_grid_306_200.swf,306,200,9,#000000[/swf]

This is an example of the Flash intro I created for lazer's site using a repeat pattern of his logo. It runs a random ActionScript that causes the colors to change and the logos to flicker occasionally. The logos also respond to the mouse creating a trail effect as you move the mouse over them.