topical media & game development
sample-js-dodge.cfg / cfg
<script src="javascript-processing-example-processing.js"></script>
<script src="javascript-processing-example-init.js"></script>
<center>
<div width=400 height=400>
<script type="application/processing">
set up
int n = 10;
block[] blocks = new block[n];
void setup() {
size(400,400);
for( int i = 0; i < n; i++ ) {
blocks[i] = new block(int(random(300,400)), int(random(10,390)), int (random(1,10)));
}
}
draw
void draw() {
background(255);
for( int i = 0; i < n; i++ ) {
blocks[i].move();
}
}
class block
class block {
int x;
int y;
int xspeed;
int p;
block(int _x, int _y, int _xspeed) {
x=_x;
y=_y;
xspeed=_xspeed;
p=1;
}
move the legs in steps
void move() {
x = x-xspeed;
if(x<0) {
x=400;
y=int(random(10,390));
xspeed=int(random(1,10));
}
if((mouseX>(x-30)) && (mouseX<(x+30))) {
if(((mouseY>y-30)) && (mouseY<(y+30))) {
background(#ff0000);
}
}
rectMode(CENTER);
rect(x,y,30,30);
ellipse(mouseX,mouseY,30,30);
}
}
</script>
<canvas width="400" height="400"></canvas>
</div>
</center>
(C) Æliens
04/09/2009
You may not copy or print any of this material without explicit permission of the author or the publisher.
In case of other copyright issues, contact the author.