Viewing Program

Program Data

Program thumbnail for "{props.program.title}"

Title	Asteroids!
ID	4860514504146944
Created	10 years ago, 1442145563687
Updated	10 years ago, 1442508815958
Code	//Asteroids: //Left-Right or A-D keys to turn. //Up or W to move forward. //Space to shoot. //To try again, click anywhere on the screen. //If your game doesn't work, try pressing restart. //Warning: the code is OLD and kinda poorly written. Sorry past swax. translate(width/2, height/2);//sets the center of the canvas to [0, 0] imageMode(CENTER); noiseDetail(8, 0.5); textFont(createFont("monospace")); noStroke(); var W2 = width/2; var H2 = height/2; var SQRT2 = sqrt(2); var SQRT3 = sqrt(3); var SYMBOLS = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890[]'; var BGPIX = width/100; var NumStars = 50; var bulletSize = width/75; var keys = []; var getKey = function(keyNum){ keyNum = floor(max(0, keyNum))%65536;//ensures the input is a key. return keys[keyNum] \|\| 0;//returns key or, if key is undefined, 0. }; var HDImage = function(w, h, type, input, ea){ var low = type.toLowerCase(); this.type = low === 'grid' \|\| low === 'function' ? low : undefined; switch (this.type){ case 'grid': this.grid = input[0]; this.colors = input[1]; break; case 'function': this.func = input; break; } this.w = w; this.h = h; this.image = createGraphics(w, h, JAVA2D); this.image.background(0x00010101); this.done = false; this.y = 0; this.ea = ea; }; HDImage.prototype.run = function(x, y, w, h){ if (this.done){ image(this.image, x, y, w, h); } else { if (this.type === 'function'){ for (var i = 0; i < 10; i++){ this.image.beginDraw(); for (var x = 0; x < this.w; x++){ this.image.stroke(this.func(x, this.y, this.ea)); this.image.point(x, this.y); } this.image.endDraw(); this.y++; if (this.y >= this.h){ this.done = true; this.image = this.image.get(0, 0, this.w, this.h); return true; } } } else if (this.type === 'grid'){ this.image.beginDraw(); this.image.noStroke(); var pw = this.w/this.grid[0].length; var ph = this.h/this.grid.length; for (var y in this.grid){ for (var x in this.grid[y]){ this.image.fill(this.colors[SYMBOLS.indexOf(this.grid[y][x])]); this.image.rect(xpw, yph, pw, ph); } } this.image.endDraw(); this.done = true; } } return this.done; }; var HDAnimation = function(w, h, func, length){ this.frames = []; this.length = length\|\|1; for (var i = 0; i < this.length; i++){ this.frames.push(new HDImage(w, h, 'function', func, i)); } }; HDAnimation.prototype.run = function(x, y, w, h, frame) { return this.frames[floor(frame)%this.length].run(x, y, w, h); }; var explosions = []; var Explosion = function(x, y, r, anim, speed){ this.x = x; this.y = y; this.d = r2; this.t = 0; this.speed = speed; this.anim = anim; explosions.push(this); }; Explosion.prototype.run = function() { this.anim.run(this.x, this.y, this.d, this.d, this.t); this.t += this.speed; if (this.t > this.anim.length){ explosions.splice(explosions.indexOf(this), 1); } }; var Bullet = function(x, y, vx, vy, r, img, lifetime){ this.x = x\|\|0; this.y = y\|\|0; this.vx = vx\|\|0; this.vy = vy\|\|0; this.r = r; this.d = r2; this.gfx = img; this.life = lifetime\|\|1024; this.timeAtSpawn = millis(); this.time = 0; this.dead = false; }; Bullet.prototype.move = function(){ if (!this.dead){ this.x += this.vx; this.y += this.vy; this.time = millis()-this.timeAtSpawn; if (this.time > this.life){ this.dead = true; } this.x = (this.x + width1.5)%width-W2; this.y = (this.y + height1.5)%height-H2; } }; Bullet.prototype.draw = function() { if (!this.dead){ fill(0, 145, 255); this.gfx.run(this.x, this.y, this.d, this.d); } }; Bullet.prototype.run = function(){ this.move(); this.draw(); }; var asteroids = []; var Asteroid = function(x, y, vx, vy, w, h, astrImg, expImg){ this.x = x; this.y = y; this.vx = vx; this.vy = vy; this.ang = 0; this.angVel = random(-3, 3); this.r = sqrt(ww+hh)/4; this.w = w; this.h = h; this.img = astrImg; this.expImg = expImg; asteroids.push(this); }; Asteroid.prototype.move = function(){ this.x += this.vx; this.y += this.vy; this.x = (this.x + width1.5)%width-W2; this.y = (this.y + height1.5)%height-H2; this.ang += this.angVel; }; Asteroid.prototype.collide = function(ship){ var collision = false; var index; if (dist(ship.x, ship.y, this.x, this.y) < this.r + ship.r){ collision = true; ship.hit(); } else { for (var i in ship.bullets){ if (dist(ship.bullets[i].x, ship.bullets[i].y, this.x, this.y) < this.r + ship.bullets[i].r){ index = i; collision = true; ship.score += 25; break; } } } if (collision){ asteroids.splice(asteroids.indexOf(this), 2); new Explosion(this.x, this.y, 50, this.expImg, 0.5); if (index){ ship.bullets.splice(index, 1); } } }; Asteroid.prototype.draw = function() { pushMatrix(); translate(this.x, this.y); rotate(this.ang); this.img.run(0, 0, this.w, this.h); popMatrix(); }; Asteroid.prototype.run = function(){ this.move(); this.draw(); }; var SpaceShip = function(x, y, w, h, lives, thrustImg, idleImg, bulletImg){ this.x = x; this.y = y; this.w = w; this.h = h; this.r = sqrt(ww+hh)/4; this.spawnField = this.r8; this.vx = 0; this.vy = 0; this.ang = 0; this.rotSpeed = 0.35; this.angVel = 0; this.angDrag = 0.95; this.speed = 0; this.thrust = 0.2; this.drag = 0.99; this.gfx = [idleImg, thrustImg]; this.bulletGfx = bulletImg; this.bullets = []; this.shootTimer = 0; this.score = 0; this.lives = lives; this.survivalTime = 0; }; SpaceShip.prototype.shoot = function(){ if (keyCode===32 && this.shootTimer<0){ this.bullets.push(new Bullet(this.x + cos(this.ang)this.w/2, this.y + sin(this.ang)this.w/2, cos(this.ang)10+this.vx, sin(this.ang)10+this.vy, bulletSize, this.bulletGfx)); this.shootTimer = 15; } }; SpaceShip.prototype.doBullets = function(){ for (var i in this.bullets){ this.bullets[i].run(); } if (this.bullets.length > 0 && this.bullets[0].dead){ this.bullets.shift(); } }; SpaceShip.prototype.hit = function(){ this.score += Math.floor(this.survivalTime0.05); this.lives--; this.survivalTime = 0; }; SpaceShip.prototype.move = function(){ //Physics: //angle this.ang = (this.ang + this.angVel)%360;// add angular velocity. //velocity this.vx += cos(this.ang) * this.speed;// move x. this.vy += sin(this.ang) * this.speed;// move y this.vx = this.drag; this.vy = this.drag; //movement this.x += this.vx; this.y += this.vy; //Input: //turn this.angVel += ((getKey(RIGHT)\|\|getKey(68)) - (getKey(LEFT)\|\|getKey(65))) * this.rotSpeed; this.angVel = this.angDrag; //thrust this.speed = (getKey(UP) \|\| getKey(87)) this.thrust; //Wrap around the screen this.x = (this.x + width1.5)%width-W2; this.y = (this.y + height1.5)%height-H2; }; SpaceShip.prototype.draw = function() { fill(128); noStroke(); pushMatrix(); translate(this.x, this.y); rotate(this.ang+90); this.gfx[getKey(UP) \|\| getKey(87)].run(0, 0, this.w, this.h); popMatrix(); }; SpaceShip.prototype.run = function(){ this.move(); this.doBullets(); this.draw(); this.shootTimer--; this.survivalTime++; }; //Background { var drawStarOn = function(canvas, x, y, s){ canvas.beginDraw(); canvas.noStroke(); canvas.fill(255, 255, 255, 128); canvas.rect(x, y, 0.4, 0.4, -s); canvas.endDraw(); }; var bg = function(x, y){ var n = noise(x/48+128, y/48+128)0.8;//sin(noise(x/64+7.1, y/64+19.3)900)/2+0.5; var c = lerpColor(color(100, 100, 255), color(200, 100, 25), n); return lerpColor(c, color(red(c)/16, 6, blue(c)/16, 96), map(noise(x/64, y/64), 0.2, 0.8, 0, 0.5)); }; var Background = new HDImage(200, 200, 'function', bg); for (var i = 0; i < NumStars; i++){ drawStarOn(Background.image, random(200), random(200), random(5, 10)); } } //images { var shipThrustIm = new HDImage(32,32,'grid',[['AAAAAAAFFAAAAAAA', 'AAAAAAFFFFAAAAAA', 'AAAAAACCCCAAAAAA', 'AAAAAACBBCAAAAAA', 'AAAAACBDDBCAAAAA', 'AAAACCBDDBCCAAAA', 'AAAACBDDDDBCAAAA', 'AAAACBDDDDBCAAAA', 'AAACBDDDDDDBCAAA', 'AACCBDDDDDDBCCAA', 'ACBBDDDBBDDDBBCA', 'CCCBDDBCCBDDBCCC', 'AAGGEEGGGGEEGGAA', 'AAAGGGGAAGGGGAAA', 'AAAAGGAAAAGGAAAA', 'AAAAAGAAAAGAAAAA'], [color(0,0,0,1),color(128),color(196),color(64),color(150,90,5),color(0,200,200),color(255, 149, 36)]]); var shipIdleIm = new HDImage(32,32, 'grid', [['AAAAAAAEEAAAAAAA', 'AAAAAAEEEEAAAAAA', 'AAAAAACCCCAAAAAA', 'AAAAAACBBCAAAAAA', 'AAAAACBDDBCAAAAA', 'AAAACCBDDBCCAAAA', 'AAAACBDDDDBCAAAA', 'AAAACBDDDDBCAAAA', 'AAACBDDDDDDBCAAA', 'AACCBDDDDDDBCCAA', 'ACBBDDDBBDDDBBCA', 'CCCBDDBCCBDDBCCC', 'AAAAEEAAAAEEAAAA', 'AAAAAEAAAAEAAAAA', 'AAAAAAAAAAAAAAAA', 'AAAAAAAAAAAAAAAA'], [color(0,0,0,1),color(128),color(196),color(64),color(0,200,200)]]); var bulletIm = new HDImage(4, 4, 'grid',[['ADDA', 'DBCD', 'DBBD', 'ADDA'], [color(0,0,0,1),color(225,255,255),color(175,225,255),color(50,180,255)]]); var explosionAnim = new HDAnimation(32, 32, function(x,y,t){ x-=16; y-=16; t-=12; x = x * 1.5; y = y * 1.5; var d = constrain(random(0.8, 1) * sqrt(xx+yy+tt)/SQRT3/8+noise(x/16, y/16, t/4)-0.5, 0.1, 1.1)-0.1; return lerpColor(color(240,200,0),color(220,100,0,1),d); }, 24, 1); var asteroidIm = new HDImage(32,32, 'grid', [['AAAAAAAAAAAAAAAA', 'AAAAAAABBBBBAAAA', 'AAAAABBBCCCCBAAA', 'AAAABCCDCCCDBAAA', 'AAAABCCCDDDCCBAA', 'AAAABCCCDDBCCBAA', 'AAABCCCCCBCCCBAA', 'ABBCCCCDCCCCCDBA', 'BDDCCCDDBCCCCBBA', 'BBBDCCCBBCDCCBAA', 'BCCCCDDCCCCCBAAA', 'BDCCCCBCCDCCBAAA', 'ABCCDCCDCCCCBAAA', 'ABCCCCCCCCDCBAAA', 'AABBDDBCBBBBAAAA', 'AAAABBBBAAAAAAAA'], [color(0,0,0,1),color(87),color(112), color(135)]]); var asteroidIm2 = new HDImage(32,32,'grid', [['AAAAAAAAAAAAAAAA', 'AAAAAAABBBBAAAAA', 'AABBBBBCCDDBAAAA', 'ABCCDDDDCCCCBAAA', 'BCCCCBBBDCCCCBAA', 'BBCCCCCCCCCCCDBA', 'BBCCCCCCCCDDCDBA', 'BCCCCDCCCBBCCBBA', 'BDCCCBCCDCCCCCBA', 'BDDCCCCCBDCCCBAA', 'BBCCCDCCCCCCBAAA', 'BCCCDDCCCDCCBAAA', 'ABCBDBCCCCCBAAAA', 'ABCCCCCCCCCBAAAA', 'AABBDDCCBBBAAAAA', 'AAAABBBBAAAAAAAA'], [color(0,0,0,1),color(89,64,42),color(110,80,56), color(161,113,77)]]); var asteroidIm3 = new HDImage(32,32,'grid', [ ['AAAAAAAAAAAAAAAA', 'AAAAAAABBBBAAAAA', 'AABBBBBCCDDBAAAA', 'ABCCDDDDCCCCBAAA', 'BCCCCBBBDCCCCBAA', 'BBCCCCCCCCCCCDBA', 'BBCCCCCCCCDDCDBA', 'BCCCCDCCCBBCCBBA', 'BDCCCBCCDCCCCCBA', 'BDDCCCCCBDCCCBAA', 'BBCCCDCCCCCCBAAA', 'BCCCDDCCCDCCBAAA', 'ABCBDBCCCCCBAAAA', 'ABCCCCCCCCCBAAAA', 'AABBDDCCBBBAAAAA', 'AAAABBBBAAAAAAAA'], [color(0,0,0,1),color(30, 30, 100), color(62, 62, 130),color(90, 122, 173)]]); var asteroidIms = [asteroidIm, asteroidIm2, asteroidIm3]; } var myShip = new SpaceShip(0, 0, width/10, height/10, 3, shipThrustIm, shipIdleIm, bulletIm); //Asteroids and Explosions { var spawnAsteroid = function(){ var x = random(-W2, W2); var y = random(-H2, H2); if (dist(myShip.x, myShip.y, x, y) > myShip.spawnField){ var im = asteroidIms[floor(random(asteroidIms.length))]; asteroids.push(new Asteroid(x, y, random(-1, 1), random(-1, 1), width/8, height/8, im, explosionAnim)); } else { spawnAsteroid(); } }; var runAsteroids = function(){ for (var i in asteroids){ asteroids[i].run(); asteroids[i].collide(myShip); } if (asteroids.length < 16 && frameCount % 50 === 0){ spawnAsteroid(); } }; var runExplosions = function(){ for (var i in explosions){ explosions[i].run(); } }; } var Reset = function(){ myShip = new SpaceShip(0, 0, width/10, height/10, 3, shipThrustIm, shipIdleIm, bulletIm); asteroids = []; }; var gameLoaded = false; var draw = function() { background(0); if (gameLoaded){ Background.run(0, 0, width, height); if (myShip.lives > 0){ myShip.run(); runAsteroids(); runExplosions(); fill(255); textAlign(LEFT, CENTER); text('Score: '+myShip.score+'\nLives: '+myShip.lives, -190, -180); } else { fill(255); textSize(40); textAlign(CENTER, CENTER); text('You died.\nYour Score Was:\n'+myShip.score+"\n\nClick to Restart", -200, -200, width, height); if (mouseIsPressed){ Reset(); textSize(15); } } } else { gameLoaded = Background.run(width,height,0,0)&&explosionAnim.run(70,70,20,20,frameCount); var sum = Background.y + explosionAnim.frames[0].y; var total = Background.h + explosionAnim.frames[0].h; var percent = floor(sum/total100); fill(255); text(percent+'%', -190, -180); textSize(15); } }; keyPressed = function(){ myShip.shoot(); keys[keyCode] = 1; }; keyReleased = function(){ keys[keyCode] = 0; };
Folds	39,62,63,100,103,109,110,112,117,128,129,135,138,153,154,168,169,174,175,178,182,199,200,208,209,235,236,242,243,246,282,292,293,301,302,306,307,336,347,353,357,379
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgMjDy5PRCAw
Votes	218
Spin-Offs	40
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	◄▓▒░Swax97░▒▓►
Author Name	swax97
Author ID	kaid_923591327600038001835478
Author Profile Access	COACH

Archive Data

Added	10 months ago, 1739370992673
Updated	10 months ago, 1739370998528
Source Deleted	unknown