View
Theme
Font Style
7pt
8pt
9pt
10pt
11pt
Line Style
100%
110%
120%
130%
140%
Bold Keyword
Default
Inspector
Kkaefer
Eclipse
SQ Light
Lesser
Dark
Cobalt
Monokai
Rubyblue
Night
SQ Dark
Ambiance
Blackboard
Line Num.
Wrap Lines
Preview
Redraw
JS Tab
HTML Tab
CSS Tab
Live Tab
Prev. Tab
Next Tab
Browser
History…
Help
Edit
Settings
Auto Complete
Match Brackets
Match Highlight
Strip Whitespace
Auto Close Brackets
Auto Close Quotes
Show Print Margin
Undo
Redo
Delete
Select Line
Select All
Find & Replace
Find
Find in Repo.
Find Next
Find Previous
Replace Single
Replace All
Wrap Search
Revert
As Template
Diff Revision
Format
Compress
Text
Zen Coding
Indent
Tab Width
1
2
3
4
5
6
7
8
Indent Unit
1
2
3
4
5
6
7
8
Smart Indent
Use Tabs
Visible Tabs
Shift Left
Shift Right
Put Indent
Number
Increment by 1
Decrement by 1
Increment by 0.1
Decrement by 0.1
Increment by 10
Decrement by 10
Simple Math
Comment
Line
Move Up
Move Down
Copy Up
Copy Down
Go to Line…
Remove Line
Next Point
Prev. Point
Help
Share
Login
You can jump to the latest bin by adding
/latest
to your URL
×
z
Find
→
←
⟲
Replace
⊗
All
Replace
// mathlib-min.js var RAD=Math.PI/180;var TWOPI=Math.PI*2;function randomInt(a,b){return Math.floor(Math.random()*(b-a+1)+a)}function calcNormalVector(b,d,f,a,c,e){return new Vector3D((d*e)-(f*c),-((e*b)-(a*f)),(b*c)-(d*a)).norm()}function extend(d,e,c){var b=function(){},a;b.prototype=e.prototype;d.prototype=new b();d.prototype.constructor=d;d.superclass=e.prototype;if(e.prototype.constructor==Object.prototype.constructor){e.prototype.constructor=e}if(c){for(a in c){if(c.hasOwnProperty(a)){d.prototype[a]=c[a]}}}}function isArray(a){return(a.constructor.toString().indexOf("Array")!==-1)}(function(){Vector=function(x,y){this.x=x;this.y=y;return this};Vector.prototype={x:0,y:0,clone:function(){return new Vector(this.x,this.y)},set:function(v){this.x=v.x;this.y=v.y;return this},add:function(v){this.x+=v.x;this.y+=v.y;return this},sub:function(v){this.x-=v.x;this.y-=v.y;return this},dot:function(v){return this.x*v.x+this.y*v.y},length:function(){return Math.sqrt(this.x*this.x+this.y*this.y)},distance:function(v){var xx=this.x-v.x;var yy=this.y-v.y;return Math.sqrt(xx*xx+yy*yy)},theta:function(){return Math.atan2(this.y,this.x)},thetaTo:function(vec){var v=this.clone().norm();var w=vec.clone().norm();return Math.acos(v.dot(w))},thetaTo2:function(vec){return Math.atan2(vec.y,vec.x)-Math.atan2(this.y,this.x)},norm:function(){var len=this.length();this.x/=len;this.y/=len;return this},rotate:function(a){var ca=Math.cos(a);var sa=Math.sin(a);with(this){var rx=x*ca-y*sa;var ry=x*sa+y*ca;x=rx;y=ry}return this},invert:function(){this.x=-this.x;this.y=-this.y;return this},scale:function(s){this.x*=s;this.y*=s;return this}}})();(function(){Vector3D=function(a,c,b){this.x=a;this.y=c;this.z=b;return this};Vector3D.prototype={x:0,y:0,z:0,clone:function(){return new Vector3D(this.x,this.y,this.z)},set:function(a){this.x=a.x;this.y=a.y;this.z=a.z;return this},add:function(a){this.x+=a.x;this.y+=a.y;this.z+=a.z;return this},sub:function(a){this.x-=a.x;this.y-=a.y;this.z-=a.z;return this},dot:function(a){return this.x*a.x+this.y*a.y+this.z*a.z},cross:function(a){return new Vector3D(this.y*a.z-this.z*a.y,this.z*a.x-this.x*a.z,this.x*a.y-this.y*a.x)},length:function(){return Math.sqrt(this.x*this.x+this.y*this.y+this.z*this.z)},distance:function(b){var c=this.x-b.x;var d=this.y-b.y;var a=this.z-b.z;return Math.sqrt(c*c+d*d+a*a)},thetaTo:function(b){var a=this.y*b.z-this.z*b.y,d=this.z*b.x-this.x*b.z,c=this.x*b.y-this.y*b.x;return Math.atan2(Math.sqrt(a*a+d*d+c*c),this.dot(b))},norm:function(){var a=this.length();this.x/=a;this.y/=a;this.z/=a;return this},scale:function(a){this.x*=a;this.y*=a;this.z*=a;return this}}})(); // gamelib-min.js var KEY={SHIFT:16,CTRL:17,ESC:27,RIGHT:39,UP:38,LEFT:37,DOWN:40,SPACE:32,A:65,E:69,G:71,L:76,P:80,R:82,Z:90};var GameHandler={game:null,paused:false,canvas:null,width:0,height:0,frameCount:0,maxfps:0,init:function(){this.canvas=document.getElementById("canvas");this.width=this.canvas.height;this.height=this.canvas.width},start:function(a){if(a){this.game=a}GameHandler.game.tick()},pause:function(){if(this.paused){this.paused=false;GameHandler.game.tick()}else{this.paused=true}}};if(typeof Game=="undefined"||!Game){var Game={}}(function(){Game.Main=function(){var d=this;document.onkeydown=function(e){var f=(e===null?window.event.keyCode:e.keyCode);if(d.sceneIndex!==-1){if(d.scenes[d.sceneIndex].onKeyDownHandler(f)){if(e){e.preventDefault();e.stopPropagation()}}}};document.onkeyup=function(e){var f=(e===null?window.event.keyCode:e.keyCode);if(d.sceneIndex!==-1){if(d.scenes[d.sceneIndex].onKeyUpHandler(f)){if(e){e.preventDefault();e.stopPropagation()}}}}};Game.Main.prototype={scenes:[],startScene:null,endScene:null,currentScene:null,sceneIndex:-1,fps:33,lastFrameStart:0,interval:null,tick:function a(){var g=new Date().getTime();var f=this.currentScene;if(f===null){this.sceneIndex=0;f=this.scenes[0];f.onInitScene()}else{if(this.isGameOver()){this.sceneIndex=-1;f=this.endScene;f.onInitScene()}}if((f.interval===null||f.interval.complete)&&f.isComplete()){this.sceneIndex++;if(this.sceneIndex<this.scenes.length){f=this.scenes[this.sceneIndex]}else{this.sceneIndex=0;f=this.scenes[0]}f.onInitScene()}var e=GameHandler.canvas.getContext("2d");if(f.interval===null||f.interval.complete){f.onBeforeRenderScene();this.onRenderGame(e);f.onRenderScene(e)}else{this.onRenderGame(e);f.interval.intervalRenderer.call(f,f.interval,e)}this.currentScene=f;GameHandler.frameCount++;var d=Math.floor(1000/this.fps)-(new Date().getTime()-g);GameHandler.maxfps=Math.round(1000/(g-this.lastFrameStart));this.lastFrameStart=g;if(!GameHandler.paused){setTimeout(GameHandler.start,d<=0?1:d)}},onRenderGame:function b(d){},isGameOver:function c(){return false}}})();(function(){Game.Scene=function(j,i){this.playable=j;this.interval=i};Game.Scene.prototype={playable:true,interval:null,isPlayable:function d(){return this.playable},onInitScene:function c(){if(this.interval!==null){this.interval.reset()}},onBeforeRenderScene:function e(){},onRenderScene:function a(i){},onRenderInterval:function f(i){},onKeyDownHandler:function g(i){},onKeyUpHandler:function b(i){},isComplete:function h(){return false}}})();(function(){Game.Interval=function(b,c){this.label=b;this.intervalRenderer=c;this.framecounter=0;this.complete=false};Game.Interval.prototype={label:null,intervalRenderer:null,framecounter:0,complete:false,reset:function a(){this.framecounter=0;this.complete=false}}})();(function(){Game.Actor=function(e,d){this.position=e;this.vector=d;return this};Game.Actor.prototype={position:null,vector:null,onUpdate:function a(){},onRender:function c(d){},expired:function b(){return false}}})();(function(){Game.SpriteActor=function(d,b,c){Game.SpriteActor.superclass.constructor.call(this,d,b);if(c){this.frameSize=c}return this};extend(Game.SpriteActor,Game.Actor,{frameSize:64,animImage:null,animLength:0,animForward:true,animSpeed:1,animFrame:0,renderSprite:function a(e,c,h,d,g){var f=this.animFrame<<6,b=this.frameSize;e.drawImage(this.animImage,0,f,b,b,c,h,d,d);if(g){if(c<0||h<0){e.drawImage(this.animImage,0,f,b,b,(c<0?(GameHandler.width+c):c),(h<0?(GameHandler.height+h):h),d,d)}if(c+d>=GameHandler.width||h+d>=GameHandler.height){e.drawImage(this.animImage,0,f,b,b,(c+d>=GameHandler.width?(c-GameHandler.width):c),(h+d>=GameHandler.height?(h-GameHandler.height):h),d,d)}}if(this.animForward){this.animFrame+=this.animSpeed;if(this.animFrame>=this.animLength){this.animFrame=0}}else{this.animFrame-=this.animSpeed;if(this.animFrame<0){this.animFrame=this.animLength-1}}}})})();(function(){Game.EnemyActor=function(d,c){this.position=d;this.vector=c;return this};extend(Game.EnemyActor,Game.SpriteActor,{alive:true,expired:function a(){return !(this.alive)},hit:function b(c){this.alive=false;return true}})})();(function(){Game.EffectActor=function(d,b,c){Game.EffectActor.superclass.constructor.call(this,d,b);this.lifespan=c;return this};extend(Game.EffectActor,Game.Actor,{lifespan:0,expired:function a(){return(--this.lifespan===0)}})})();(function(){Game.Preloader=function(){this.images=new Array();return this};Game.Preloader.prototype={images:null,callback:null,counter:0,addImage:function b(c,d){var e=this;c.url=d;c.onload=function(){e.counter++;if(e.counter===e.images.length){e.callback.call(e)}};this.images.push(c)},onLoadCallback:function a(e){this.counter=0;this.callback=e;for(var d=0,c=this.images.length;d<c;d++){this.images[d].src=this.images[d].url}}}})();Game.drawText=function(e,b,c,a,f,d){e.save();if(d){e.strokeStyle=d}if(e.strokeText){e.font=c;e.strokeText(b,a,f)}else{if(e.mozDrawText){e.translate(a,f);e.mozTextStyle=c;e.mozDrawText(b)}}e.restore()};Game.fillText=function(e,b,c,a,f,d){e.save();if(d){e.fillStyle=d}if(e.fillText){e.font=c;e.fillText(b,a,f)}else{if(e.mozDrawText){e.translate(a,f);e.mozTextStyle=c;e.mozDrawText(b)}}e.restore()};Game.hasAudio=function(){var b=false;try{var a=new Audio("");b=!!(a.canPlayType&&a.play)}catch(c){b=false}return b}; // asteroids-min.js var BITMAPS=true;var DEBUG=false;var GLOWEFFECT=true;var SCOREDBKEY="asteroids-score-1.0";var g_asteroidImg1=new Image();var g_asteroidImg2=new Image();var g_asteroidImg3=new Image();var g_asteroidImg4=new Image();var g_shieldImg=new Image();var g_backgroundImg=new Image();var g_playerImg=new Image();var g_enemyshipImg=new Image();var g_bombAudio=null;var g_laserAudio=null;function onloadHandler(){g_backgroundImg.src="/assets/asteroids/bg3.jpg";g_backgroundImg.onload=function(){GameHandler.init();GameHandler.start(new Asteroids.Main())}}if(typeof Asteroids=="undefined"||!Asteroids){var Asteroids={}}(function(){Asteroids.Main=function(){Asteroids.Main.superclass.constructor.call(this);var f=new Asteroids.AttractorScene(this);var d=new Game.Preloader();d.addImage(g_playerImg,"/assets/asteroids/player.png");d.addImage(g_asteroidImg1,"/assets/asteroids/asteroid1.png");d.addImage(g_asteroidImg2,"/assets/asteroids/asteroid2.png");d.addImage(g_asteroidImg3,"/assets/asteroids/asteroid3.png");d.addImage(g_asteroidImg4,"/assets/asteroids/asteroid4.png");d.addImage(g_shieldImg,"/assets/asteroids/shield.png");d.addImage(g_enemyshipImg,"/assets/asteroids/enemyship1.png");d.onLoadCallback(function(){f.ready()});this.player=new Asteroids.Player(new Vector(GameHandler.width/2,GameHandler.height/2),new Vector(0,0),0);this.scenes.push(f);for(var j,e=0;e<12;e++){j=new Asteroids.GameScene(this,e+1);this.scenes.push(j)}this.scenes.push(new Asteroids.GameCompleted(this));this.endScene=new Asteroids.GameOverScene(this);for(var g,e=0;e<this.STARFIELD_SIZE;e++){g=new Asteroids.Star();g.init();this.starfield.push(g)}if(localStorage){var h=localStorage.getItem(SCOREDBKEY);if(h){this.highscore=h}}};extend(Asteroids.Main,Game.Main,{STARFIELD_SIZE:32,player:null,lives:3,score:0,highscore:0,lastscore:0,backgroundX:0,starfield:[],onRenderGame:function b(d){if(BITMAPS){d.drawImage(g_backgroundImg,this.backgroundX++,0,GameHandler.width,GameHandler.height,0,0,GameHandler.width,GameHandler.height);if(this.backgroundX==(g_backgroundImg.width/2)){this.backgroundX=0}d.shadowBlur=0}else{d.fillStyle="black";d.fillRect(0,0,GameHandler.width,GameHandler.height);d.shadowBlur=GLOWEFFECT?8:0;this.updateStarfield(d)}},isGameOver:function c(){var d=(this.lives===0&&(this.currentScene.effects&&this.currentScene.effects.length===0));if(d){this.lastscore=this.score;this.score=0;this.lives=3}return d},updateStarfield:function a(d){for(var g,f=0,e=this.starfield.length;f<e;f++){g=this.starfield[f];g.render(d);g.z-=g.VELOCITY*0.1;if(g.z<0.1||g.prevx>GameHandler.height||g.prevy>GameHandler.width){g.init()}}}})})();(function(){Asteroids.AttractorScene=function(g){this.game=g;Asteroids.AttractorScene.superclass.constructor.call(this,false,null)};extend(Asteroids.AttractorScene,Game.Scene,{game:null,start:false,imagesLoaded:false,fadeRGB:0,fadeIncrement:0,sine:0,mult:0,multIncrement:0,isComplete:function f(){return this.start},onInitScene:function b(){this.start=false;this.fadeRGB=0;this.fadeIncrement=0.01;this.mult=512;this.multIncrement=1},onRenderScene:function a(g){this.fadeRGB+=this.fadeIncrement;if(this.fadeRGB>1){this.fadeRGB=1;this.fadeIncrement=-this.fadeIncrement}else{if(this.fadeRGB<0){this.fadeRGB=0;this.fadeIncrement=-this.fadeIncrement}}this.sineText(g,"ASTEROIDS");var h=(BITMAPS?Game.fillText:Game.drawText);if(this.imagesLoaded){var i="rgba(255,255,255,"+this.fadeRGB+")";h(g,"Press SPACE to continue","18pt Courier New",GameHandler.width/2-150,GameHandler.height/2,i)}else{h(g,"Please wait... Loading Images...","18pt Courier New",GameHandler.width/2-200,GameHandler.height/2,"white")}},ready:function c(){this.imagesLoaded=true},sineText:function e(r,n){this.mult+=this.multIncrement;if(this.mult>1024){this.multIncrement=-this.multIncrement}else{if(this.mult<128){this.multIncrement=-this.multIncrement}}var h=this.sine;var m=(GameHandler.width/2-125);var g=(GameHandler.height/2-48);for(var l=0,k=n.length;l<k;l++){var p=g+(Math.sin(h)*RAD)*this.mult;var q=m+(Math.cos(h++)*RAD)*(this.mult/2);var o=(BITMAPS?Game.fillText:Game.drawText);o(r,n[l],"36pt Courier New",q+l*30,p,"white")}this.sine+=0.1},onKeyDownHandler:function d(g){switch(g){case KEY.SPACE:if(this.imagesLoaded){this.start=true}return true;break;case KEY.R:BITMAPS=!BITMAPS;return true;break}}})})();(function(){Asteroids.GameOverScene=function(d){this.game=d;this.player=d.player;var c=new Game.Interval("GAME OVER",this.intervalRenderer);Asteroids.GameOverScene.superclass.constructor.call(this,false,c)};extend(Asteroids.GameOverScene,Game.Scene,{game:null,isComplete:function b(){return true},intervalRenderer:function a(d,c){if(d.framecounter++===0){if(this.game.lastscore===this.game.highscore){if(localStorage){localStorage.setItem(SCOREDBKEY,this.game.lastscore)}}}if(d.framecounter<150){Game.fillText(c,d.label,"18pt Courier New",GameHandler.width/2-64,GameHandler.height/2-32,"white");Game.fillText(c,"Score: "+this.game.lastscore,"14pt Courier New",GameHandler.width/2-64,GameHandler.height/2,"white");if(this.game.lastscore===this.game.highscore){Game.fillText(c,"New High Score!","14pt Courier New",GameHandler.width/2-64,GameHandler.height/2+24,"white")}}else{d.complete=true}}})})();(function(){Asteroids.GameCompleted=function(d){this.game=d;this.player=d.player;var c=new Game.Interval("CONGRATULATIONS!",this.intervalRenderer);Asteroids.GameCompleted.superclass.constructor.call(this,false,c)};extend(Asteroids.GameCompleted,Game.Scene,{game:null,isComplete:function b(){return true},intervalRenderer:function a(d,c){if(d.framecounter++===0){if(this.game.lastscore===this.game.highscore){if(localStorage){localStorage.setItem(SCOREDBKEY,this.game.lastscore)}}}if(d.framecounter<500){Game.fillText(c,d.label,"18pt Courier New",GameHandler.width/2-96,GameHandler.height/2-32,"white");Game.fillText(c,"Score: "+this.game.lastscore,"14pt Courier New",GameHandler.width/2-64,GameHandler.height/2,"white");if(this.game.lastscore===this.game.highscore){Game.fillText(c,"New High Score!","14pt Courier New",GameHandler.width/2-64,GameHandler.height/2+24,"white")}}else{d.complete=true}}})})();(function(){Asteroids.GameScene=function(game,wave){this.game=game;this.wave=wave;this.player=game.player;var interval=new Game.Interval("Wave "+wave,this.intervalRenderer);Asteroids.GameScene.superclass.constructor.call(this,true,interval)};extend(Asteroids.GameScene,Game.Scene,{game:null,wave:0,input:{left:false,right:false,thrust:false,shield:false,fireA:false,fireB:false},player:null,actors:null,playerBullets:null,enemies:null,enemyBullets:null,effects:null,collectables:null,enemyShipCount:0,scoredisplay:0,skipLevel:false,onInitScene:function onInitScene(){this.actors=[];this.enemies=[];this.actors.push(this.enemies);this.actors.push(this.playerBullets=[]);this.actors.push(this.enemyBullets=[]);this.actors.push(this.effects=[]);this.actors.push(this.collectables=[]);this.resetPlayerActor(true);var factor=1+((this.wave-1)*0.15);for(var i=1,j=(4+this.wave);i<j;i++){this.enemies.push(this.generateAsteroid(factor))}this.interval.reset();this.skipLevel=false},resetPlayerActor:function resetPlayerActor(persistPowerUps){this.actors.push([this.player]);with(this.player){position.x=GameHandler.width/2;position.y=GameHandler.height/2;vector.x=0;vector.y=0;heading=0;reset(persistPowerUps)}with(this.input){left=false;right=false;thrust=false;shield=false;fireA=false;fireB=false}},onBeforeRenderScene:function onBeforeRenderScene(){if(this.input.left){this.player.heading-=8}if(this.input.right){this.player.heading+=8}if(this.input.thrust){this.player.thrust()}if(this.input.shield){if(!this.player.expired()){this.player.activateShield()}}if(this.input.fireA){this.player.firePrimary(this.playerBullets)}if(this.input.fireB){this.player.fireSecondary(this.playerBullets)}if(this.enemyShipCount<=(this.wave<5?0:1)&&(GameHandler.frameCount%(500-(this.wave<<5))===0)){this.enemies.push(new Asteroids.EnemyShip(this,(this.wave<3?0:randomInt(0,1))));this.enemyShipCount++}this.updateActors()},onRenderScene:function onRenderScene(ctx){this.renderActors(ctx);if(DEBUG&&DEBUG.COLLISIONRADIUS){this.renderCollisionRadius(ctx)}this.renderOverlay(ctx);this.collisionDetectBullets();if(!this.player.expired()){this.collisionDetectPlayer()}else{if(this.player.killedOnFrame+80<GameHandler.frameCount){var tooClose=false;var playerPos=new Vector(GameHandler.width/2,GameHandler.height/2);for(var i=0,j=this.enemies.length;i<j;i++){var enemy=this.enemies[i];if(playerPos.distance(enemy.position)<80){tooClose=true;break}}if(tooClose===false){this.resetPlayerActor()}}}},isComplete:function isComplete(){return(this.skipLevel||(this.enemies.length===0&&this.effects.length===0))},intervalRenderer:function intervalRenderer(interval,ctx){if(interval.framecounter++<50){var f=(BITMAPS?Game.fillText:Game.drawText);f(ctx,interval.label,"18pt Courier New",GameHandler.width/2-48,GameHandler.height/2-8,"white")}else{interval.complete=true}},onKeyDownHandler:function onKeyDownHandler(keyCode){switch(keyCode){case KEY.LEFT:this.input.left=true;return true;break;case KEY.RIGHT:this.input.right=true;return true;break;case KEY.UP:this.input.thrust=true;return true;break;case KEY.DOWN:case KEY.SHIFT:this.input.shield=true;return true;break;case KEY.SPACE:this.input.fireA=true;return true;break;case KEY.Z:this.input.fireB=true;return true;break;case KEY.A:this.enemies.push(this.generateAsteroid(1));return true;break;case KEY.R:BITMAPS=!BITMAPS;return true;break;case KEY.G:GLOWEFFECT=!GLOWEFFECT;return true;break;case KEY.L:this.skipLevel=true;return true;break;case KEY.E:this.enemies.push(new Asteroids.EnemyShip(this,randomInt(0,1)));return true;break;case KEY.ESC:GameHandler.pause();return true;break}},onKeyUpHandler:function onKeyUpHandler(keyCode){switch(keyCode){case KEY.LEFT:this.input.left=false;return true;break;case KEY.RIGHT:this.input.right=false;return true;break;case KEY.UP:this.input.thrust=false;return true;break;case KEY.DOWN:case KEY.SHIFT:this.input.shield=false;return true;break;case KEY.SPACE:this.input.fireA=false;return true;break;case KEY.Z:this.input.fireB=false;return true;break}},generateAsteroid:function generateAsteroid(speedFactor){while(true){var apos=new Vector(Math.random()*GameHandler.width,Math.random()*GameHandler.height);if(this.player.position.distance(apos)>125){var vec=new Vector(((Math.random()*2)-1)*speedFactor,((Math.random()*2)-1)*speedFactor);var asteroid=new Asteroids.Asteroid(apos,vec,(randomInt(0,2)===0?3:4));return asteroid}}},updateActors:function updateActors(){for(var i=0,j=this.actors.length;i<j;i++){var actorList=this.actors[i];for(var n=0;n<actorList.length;n++){var actor=actorList[n];actor.onUpdate(this);if(actor.expired()){actorList.splice(n,1)}else{actor.position.add(actor.vector);if(actor.position.x>=GameHandler.width){actor.position.x=0}else{if(actor.position.x<0){actor.position.x=GameHandler.width-1}}if(actor.position.y>=GameHandler.height){actor.position.y=0}else{if(actor.position.y<0){actor.position.y=GameHandler.height-1}}}}}},collisionDetectPlayer:function collisionDetectPlayer(){var playerRadius=this.player.radius();var playerPos=this.player.position;for(var n=0,m=this.enemies.length;n<m;n++){var enemy=this.enemies[n];if(playerPos.distance(enemy.position)<=playerRadius+enemy.radius()){if(this.player.isShieldActive()){this.player.vector.scale(0.75);enemy.hit(-1);this.destroyEnemy(enemy,this.player.vector,true)}else{if(!(DEBUG&&DEBUG.INVINCIBLE)){this.player.kill();this.game.lives--;var boom=new Asteroids.PlayerExplosion(this.player.position.clone(),this.player.vector.clone());this.effects.push(boom)}}}}for(var i=0;i<this.enemyBullets.length;i++){var bullet=this.enemyBullets[i];if(playerPos.distance(bullet.position)<=playerRadius+bullet.radius()){if(this.player.isShieldActive()){this.enemyBullets.splice(i,1)}else{if(!(DEBUG&&DEBUG.INVINCIBLE)){this.player.kill();this.game.lives--;var boom=new Asteroids.PlayerExplosion(this.player.position.clone(),this.player.vector.clone());this.effects.push(boom)}}}}for(var i=0;i<this.collectables.length;i++){var item=this.collectables[i];if(playerPos.distance(item.position)<=playerRadius+item.radius()){this.collectables.splice(i,1);item.collected(this.game,this.player,this)}}},collisionDetectBullets:function collisionDetectBullets(){for(var i=0,n,m;i<this.playerBullets.length;i++){var bullet=this.playerBullets[i];var bulletRadius=bullet.radius();var bulletPos=bullet.position;for(n=0,m=this.enemies.length,enemy,z;n<m;n++){enemy=this.enemies[n];if(bulletPos.distance(enemy.position)<=bulletRadius+enemy.radius()){var effectRad=bullet.effectRadius();if(effectRad===0){if(enemy.hit(bullet.power())){this.destroyEnemy(enemy,bullet.vector,true);this.generatePowerUp(enemy)}else{for(z=0;z<3;z++){var effect=new Asteroids.Impact(bullet.position.clone(),bullet.vector.clone().scale(0.5+Math.random()/2).rotate(Math.random()/2));this.effects.push(effect)}}}else{if(g_bombAudio){g_bombAudio.play()}enemy.hit(-1);this.generatePowerUp(enemy);var comboCount=1;var boom=new Asteroids.Explosion(bullet.position.clone(),bullet.vector.clone().scale(0.5),5);this.effects.push(boom);this.destroyEnemy(enemy,bullet.vector,true);for(var x=0,z=this.enemies.length,e;x<z;x++){e=this.enemies[x];if(bulletPos.distance(e.position)<=effectRad+e.radius()){e.hit(-1);this.generatePowerUp(e);this.destroyEnemy(e,bullet.vector,true);comboCount++}}if(comboCount>4){var inc=comboCount*1000*this.wave;this.game.score+=inc;var vec=new Vector(0,-3);var effect=new Asteroids.ScoreIndicator(new Vector(enemy.position.x,enemy.position.y-(enemy.size*8)),vec.add(enemy.vector.clone().scale(0.5)),inc,16,"COMBO X"+comboCount,"rgb(255,255,55)",24);this.effects.push(effect);this.generatePowerUp(enemy,true)}}this.playerBullets.splice(i,1);break}}}for(var i=0,n,m;i<this.enemyBullets.length;i++){var bullet=this.enemyBullets[i];var bulletRadius=bullet.radius();var bulletPos=bullet.position;for(n=0,m=this.enemies.length,z;n<m;n++){var enemy=this.enemies[n];if(enemy instanceof Asteroids.Asteroid){if(bulletPos.distance(enemy.position)<=bulletRadius+enemy.radius()){if(enemy.hit(1)){this.destroyEnemy(enemy,bullet.vector,false)}else{for(z=0;z<3;z++){var effect=new Asteroids.Impact(bullet.position.clone(),bullet.vector.clone().scale(0.5+Math.random()/2).rotate(Math.random()/2));this.effects.push(effect)}}this.enemyBullets.splice(i,1);break}}}}},generatePowerUp:function generatePowerUp(enemy,force){if(this.collectables.length<5&&(force||randomInt(0,((enemy instanceof Asteroids.Asteroid)?25:1))===0)){var vec=enemy.vector.clone();var t=new Vector(0,-(Math.random()*3));t.rotate(enemy.vector.theta()*(Math.random()*Math.PI));vec.add(t);this.collectables.push(new Asteroids.PowerUp(new Vector(enemy.position.x,enemy.position.y-(enemy.size*8)),vec))}},destroyEnemy:function destroyEnemy(enemy,parentVector,player){if(enemy instanceof Asteroids.Asteroid){this.generateBabyAsteroids(enemy,parentVector);var boom=new Asteroids.Explosion(enemy.position.clone(),enemy.vector.clone(),enemy.size);this.effects.push(boom);if(player){var inc=((5-enemy.size)*4)*100*this.wave;this.game.score+=inc;var vec=new Vector(0,-3).add(enemy.vector.clone().scale(0.5));var effect=new Asteroids.ScoreIndicator(new Vector(enemy.position.x,enemy.position.y-(enemy.size*8)),vec,inc);this.effects.push(effect)}}else{if(enemy instanceof Asteroids.EnemyShip){var boom=new Asteroids.Explosion(enemy.position.clone(),enemy.vector.clone(),3);this.effects.push(boom);if(player){var inc=2000*this.wave*(enemy.size+1);this.game.score+=inc;var vec=new Vector(0,-3).add(enemy.vector.clone().scale(0.5));var effect=new Asteroids.ScoreIndicator(new Vector(enemy.position.x,enemy.position.y-16),vec,inc);this.effects.push(effect)}this.enemyShipCount--}}},generateBabyAsteroids:function generateBabyAsteroids(asteroid,parentVector){if(asteroid.size>1){for(var x=0,xc=randomInt(asteroid.size/2,asteroid.size-1);x<xc;x++){var babySize=randomInt(1,asteroid.size-1);var vec=asteroid.vector.clone();var t=new Vector(0,-(Math.random()*3));t.rotate(asteroid.vector.theta()*(Math.random()*Math.PI));vec.add(t);vec.add(parentVector.clone().scale(0.2));var baby=new Asteroids.Asteroid(new Vector(asteroid.position.x+(Math.random()*5)-2.5,asteroid.position.y+(Math.random()*5)-2.5),vec,babySize,asteroid.type);this.enemies.push(baby)}}},renderActors:function renderActors(ctx){for(var i=0,j=this.actors.length;i<j;i++){var actorList=this.actors[i];for(var n=actorList.length-1;n>=0;n--){actorList[n].onRender(ctx)}}},renderCollisionRadius:function renderCollisionRadius(ctx){ctx.save();ctx.strokeStyle="rgb(255,0,0)";ctx.lineWidth=0.5;ctx.shadowBlur=0;for(var i=0,j=this.actors.length;i<j;i++){var actorList=this.actors[i];for(var n=actorList.length-1,actor;n>=0;n--){actor=actorList[n];if(actor.radius){ctx.beginPath();ctx.arc(actor.position.x,actor.position.y,actor.radius(),0,TWOPI,true);ctx.closePath();ctx.stroke()}}}ctx.restore()},renderOverlay:function renderOverlay(ctx){ctx.save();ctx.strokeStyle="rgb(50,50,255)";ctx.strokeRect(4,4,101,6);ctx.fillStyle="rgb(100,100,255)";var energy=this.player.energy;if(energy>this.player.ENERGY_INIT){energy=this.player.ENERGY_INIT}ctx.fillRect(5,5,(energy/(this.player.ENERGY_INIT/100)),5);for(var i=0;i<this.game.lives;i++){if(BITMAPS){ctx.drawImage(g_playerImg,0,0,64,64,350+(i*20),0,16,16)}else{ctx.save();ctx.shadowColor=ctx.strokeStyle="rgb(255,255,255)";ctx.translate(360+(i*16),8);ctx.beginPath();ctx.moveTo(-4,6);ctx.lineTo(4,6);ctx.lineTo(0,-6);ctx.closePath();ctx.stroke();ctx.restore()}}var score=this.game.score;var inc=(score-this.scoredisplay)/10;this.scoredisplay+=inc;if(this.scoredisplay>score){this.scoredisplay=score}var sscore=Math.ceil(this.scoredisplay).toString();for(var i=0,j=8-sscore.length;i<j;i++){sscore="0"+sscore}Game.fillText(ctx,sscore,"12pt Courier New",120,12,"white");if(score>this.game.highscore){this.game.highscore=score}sscore=this.game.highscore.toString();for(var i=0,j=8-sscore.length;i<j;i++){sscore="0"+sscore}Game.fillText(ctx,"HI: "+sscore,"12pt Courier New",220,12,"white");if(DEBUG&&DEBUG.FPS){Game.fillText(ctx,"FPS: "+GameHandler.maxfps,"12pt Courier New",0,GameHandler.height-2,"lightblue")}ctx.restore()}})})();(function(){Asteroids.Star=function(){return this};Asteroids.Star.prototype={MAXZ:12,VELOCITY:1.5,MAXSIZE:5,x:0,y:0,z:0,prevx:0,prevy:0,init:function b(){this.x=(Math.random()*GameHandler.width-(GameHandler.width*0.5))*this.MAXZ;this.y=(Math.random()*GameHandler.height-(GameHandler.height*0.5))*this.MAXZ;this.z=this.MAXZ},render:function a(c){var e=this.x/this.z;var f=this.y/this.z;var d=1/this.z*this.MAXSIZE+1;c.save();c.fillStyle="rgb(200,200,200)";c.beginPath();c.arc(e+(GameHandler.width/2),f+(GameHandler.height/2),d/2,0,TWOPI,true);c.closePath();c.fill();c.restore();this.prevx=e;this.prevy=f}}})();(function(){Asteroids.Player=function(n,l,m){Asteroids.Player.superclass.constructor.call(this,n,l);this.heading=m;this.energy=this.ENERGY_INIT;this.animImage=g_shieldImg;this.animLength=this.SHIELD_ANIM_LENGTH;this.primaryWeapons=[];this.primaryWeapons.main=new Asteroids.PrimaryWeapon(this);return this};extend(Asteroids.Player,Game.SpriteActor,{MAX_PLAYER_VELOCITY:10,PLAYER_RADIUS:10,SHIELD_RADIUS:14,SHIELD_ANIM_LENGTH:100,SHIELD_MIN_PULSE:20,ENERGY_INIT:200,THRUST_DELAY:1,BOMB_RECHARGE:20,BOMB_ENERGY:40,heading:0,energy:0,shieldCounter:0,alive:true,primaryWeapons:null,bombRecharge:0,thrustRecharge:0,engineThrust:false,killedOnFrame:0,fireWhenShield:false,onRender:function k(l){var o=this.heading*RAD;if(this.engineThrust){l.save();l.translate(this.position.x,this.position.y);l.rotate(o);l.globalAlpha=0.4+Math.random()/2;if(BITMAPS){l.fillStyle="rgb(25,125,255)"}else{l.shadowColor=l.strokeStyle="rgb(25,125,255)"}l.beginPath();l.moveTo(-5,8);l.lineTo(5,8);l.lineTo(0,15+Math.random()*7);l.closePath();if(BITMAPS){l.fill()}else{l.stroke()}l.restore();this.engineThrust=false}if(BITMAPS){var n=(this.PLAYER_RADIUS*2)+4;var m=this.heading%360;if(m<0){m=360+m}l.drawImage(g_playerImg,0,m*16,64,64,this.position.x-(n/2),this.position.y-(n/2),n,n)}else{l.save();l.shadowColor=l.strokeStyle="rgb(255,255,255)";l.translate(this.position.x,this.position.y);l.rotate(o);l.beginPath();l.moveTo(-6,8);l.lineTo(6,8);l.lineTo(0,-8);l.closePath();l.stroke();l.restore()}if(this.shieldCounter>0&&this.energy>0){if(BITMAPS){l.save();l.translate(this.position.x,this.position.y);l.rotate(o);this.renderSprite(l,-this.SHIELD_RADIUS-1,-this.SHIELD_RADIUS-1,(this.SHIELD_RADIUS*2)+2);l.restore()}else{l.save();l.translate(this.position.x,this.position.y);l.rotate(o);l.shadowColor=l.strokeStyle="rgb(100,100,255)";l.beginPath();l.arc(0,2,this.SHIELD_RADIUS,0,TWOPI,true);l.closePath();l.stroke();l.restore()}this.shieldCounter--;this.energy--}},thrust:function a(){if(GameHandler.frameCount-this.thrustRecharge>this.THRUST_DELAY){this.thrustRecharge=GameHandler.frameCount;var l=new Vector(0,-0.55);l.rotate(this.heading*RAD);var m=this.vector.clone();if(m.add(l).length()<this.MAX_PLAYER_VELOCITY){this.vector.add(l)}}this.engineThrust=true},activateShield:function c(){if(this.energy>0){this.shieldCounter=this.SHIELD_MIN_PULSE}},isShieldActive:function j(){return(this.shieldCounter>0&&this.energy>0)},radius:function f(){return(this.isShieldActive()?this.SHIELD_RADIUS:this.PLAYER_RADIUS)},expired:function h(){return !(this.alive)},kill:function g(){this.alive=false;this.killedOnFrame=GameHandler.frameCount},firePrimary:function e(o){if(this.alive&&(!this.isShieldActive()||this.fireWhenShield)){for(var m in this.primaryWeapons){var l=this.primaryWeapons[m].fire();if(l){if(isArray(l)){for(var n=0;n<l.length;n++){o.push(l[n])}}else{o.push(l)}}}}},fireSecondary:function i(m){if(this.alive&&(!this.isShieldActive()||this.fireWhenShield)&&this.energy>this.BOMB_ENERGY){if(GameHandler.frameCount-this.bombRecharge>this.BOMB_RECHARGE){this.bombRecharge=GameHandler.frameCount;this.energy-=this.BOMB_ENERGY;var l=new Vector(0,-6);l.rotate(this.heading*RAD);l.add(this.vector);m.push(new Asteroids.Bomb(this.position.clone(),l))}}},onUpdate:function b(){if(!this.isShieldActive()&&this.energy<this.ENERGY_INIT){this.energy+=0.1}},reset:function d(l){this.alive=true;if(!l){this.primaryWeapons=[];this.primaryWeapons.main=new Asteroids.PrimaryWeapon(this);this.fireWhenShield=false}this.energy=this.ENERGY_INIT+this.SHIELD_MIN_PULSE;this.activateShield()}})})();(function(){Asteroids.Asteroid=function(p,v,s,t){Asteroids.Asteroid.superclass.constructor.call(this,p,v);this.size=s;this.health=s;if(t===undefined){t=randomInt(1,4)}eval("this.animImage=g_asteroidImg"+t);this.type=t;this.animForward=(Math.random()<0.5);this.animSpeed=0.25+Math.random();this.animLength=this.ANIMATION_LENGTH;this.rotation=randomInt(0,180);this.rotationSpeed=randomInt(-1,1)/25;return this};extend(Asteroids.Asteroid,Game.EnemyActor,{ANIMATION_LENGTH:180,size:0,type:1,health:0,rotation:0,rotationSpeed:0,onRender:function onRender(ctx){var rad=this.size*8;ctx.save();if(BITMAPS){this.renderSprite(ctx,this.position.x-rad-2,this.position.y-rad-2,(rad*2)+4,true)}else{ctx.shadowColor=ctx.strokeStyle="white";ctx.translate(this.position.x,this.position.y);ctx.scale(this.size*0.8,this.size*0.8);ctx.rotate(this.rotation+=this.rotationSpeed);ctx.lineWidth=(0.8/this.size)*2;ctx.beginPath();switch(this.type){case 1:ctx.moveTo(0,10);ctx.lineTo(8,6);ctx.lineTo(10,-4);ctx.lineTo(4,-2);ctx.lineTo(6,-6);ctx.lineTo(0,-10);ctx.lineTo(-10,-3);ctx.lineTo(-10,5);break;case 2:ctx.moveTo(0,10);ctx.lineTo(8,6);ctx.lineTo(10,-4);ctx.lineTo(4,-2);ctx.lineTo(6,-6);ctx.lineTo(0,-10);ctx.lineTo(-8,-8);ctx.lineTo(-6,-3);ctx.lineTo(-8,-4);ctx.lineTo(-10,5);break;case 3:ctx.moveTo(-4,10);ctx.lineTo(1,8);ctx.lineTo(7,10);ctx.lineTo(10,-4);ctx.lineTo(4,-2);ctx.lineTo(6,-6);ctx.lineTo(0,-10);ctx.lineTo(-10,-3);ctx.lineTo(-10,5);break;case 4:ctx.moveTo(-8,10);ctx.lineTo(7,8);ctx.lineTo(10,-2);ctx.lineTo(6,-10);ctx.lineTo(-2,-8);ctx.lineTo(-6,-10);ctx.lineTo(-10,-6);ctx.lineTo(-7,0);break}ctx.closePath();ctx.stroke()}ctx.restore()},radius:function radius(){return this.size*8},hit:function hit(force){if(force!==-1){this.health-=force}else{this.health=0}return !(this.alive=(this.health>0))}})})();(function(){Asteroids.EnemyShip=function(i,g){this.size=g;if(this.size===1){this.BULLET_RECHARGE=45;this.RADIUS=8}var h,f;if(i.player.position.x<GameHandler.width/2){if(i.player.position.y<GameHandler.height/2){h=new Vector(GameHandler.width-48,GameHandler.height-48)}else{h=new Vector(GameHandler.width-48,48)}f=new Vector(-(Math.random()+1+g),Math.random()+0.5+g)}else{if(i.player.position.y<GameHandler.height/2){h=new Vector(0,GameHandler.height-48)}else{h=new Vector(0,48)}f=new Vector(Math.random()+1+g,Math.random()+0.5+g)}this.animImage=g_enemyshipImg;this.animLength=this.SHIP_ANIM_LENGTH;Asteroids.EnemyShip.superclass.constructor.call(this,h,f);return this};extend(Asteroids.EnemyShip,Game.EnemyActor,{SHIP_ANIM_LENGTH:90,RADIUS:16,BULLET_RECHARGE:60,alive:true,size:0,bulletRecharge:0,onUpdate:function b(h){if(this.size===0){if(Math.random()<0.01){this.vector.y=-(this.vector.y+(0.25-(Math.random()/2)))}}else{if(Math.random()<0.02){this.vector.y=-(this.vector.y+(0.5-Math.random()))}}if(GameHandler.frameCount-this.bulletRecharge>this.BULLET_RECHARGE&&h.player.alive){this.bulletRecharge=GameHandler.frameCount;var g=h.player.position.clone().sub(this.position);var i=(this.size===0?5:6)/g.length();g.x*=i;g.y*=i;g.x+=(this.size===0?(Math.random()*2-1):(Math.random()-0.5));g.y+=(this.size===0?(Math.random()*2-1):(Math.random()-0.5));var f=new Asteroids.EnemyBullet(this.position.clone(),g);h.enemyBullets.push(f)}},onRender:function e(g){if(BITMAPS){var f=this.RADIUS+2;this.renderSprite(g,this.position.x-f,this.position.y-f,f*2,true)}else{g.save();g.translate(this.position.x,this.position.y);if(this.size===0){g.scale(2,2)}g.beginPath();g.moveTo(0,-4);g.lineTo(8,3);g.lineTo(0,8);g.lineTo(-8,3);g.lineTo(0,-4);g.closePath();g.shadowColor=g.strokeStyle="rgb(100,150,100)";g.stroke();g.beginPath();g.moveTo(0,-8);g.lineTo(4,-4);g.lineTo(0,0);g.lineTo(-4,-4);g.lineTo(0,-8);g.closePath();g.shadowColor=g.strokeStyle="rgb(150,200,150)";g.stroke();g.restore()}},radius:function a(){return this.RADIUS},hit:function d(){this.alive=false;return true},expired:function c(){return !this.alive}})})();(function(){Asteroids.Weapon=function(a){this.player=a;return this};Asteroids.Weapon.prototype={WEAPON_RECHARGE:3,weaponRecharge:0,player:null,fire:function(){if(GameHandler.frameCount-this.weaponRecharge>this.WEAPON_RECHARGE){this.weaponRecharge=GameHandler.frameCount;return this.doFire()}},doFire:function(){}}})();(function(){Asteroids.PrimaryWeapon=function(a){Asteroids.PrimaryWeapon.superclass.constructor.call(this,a);return this};extend(Asteroids.PrimaryWeapon,Asteroids.Weapon,{doFire:function(){var a=new Vector(0,-8);a.rotate(this.player.heading*RAD);a.add(this.player.vector);return new Asteroids.Bullet(this.player.position.clone(),a,this.player.heading)}})})();(function(){Asteroids.TwinCannonsWeapon=function(a){Asteroids.TwinCannonsWeapon.superclass.constructor.call(this,a);return this};extend(Asteroids.TwinCannonsWeapon,Asteroids.Weapon,{doFire:function(){var a=new Vector(0,-8);a.rotate(this.player.heading*RAD);a.add(this.player.vector);return new Asteroids.BulletX2(this.player.position.clone(),a,this.player.heading)}})})();(function(){Asteroids.VSprayCannonsWeapon=function(a){this.WEAPON_RECHARGE=5;Asteroids.VSprayCannonsWeapon.superclass.constructor.call(this,a);return this};extend(Asteroids.VSprayCannonsWeapon,Asteroids.Weapon,{doFire:function(){var b,c;var a=[];c=this.player.heading-15;b=new Vector(0,-7).rotate(c*RAD).add(this.player.vector);a.push(new Asteroids.Bullet(this.player.position.clone(),b,c));c=this.player.heading;b=new Vector(0,-7).rotate(c*RAD).add(this.player.vector);a.push(new Asteroids.Bullet(this.player.position.clone(),b,c));c=this.player.heading+15;b=new Vector(0,-7).rotate(c*RAD).add(this.player.vector);a.push(new Asteroids.Bullet(this.player.position.clone(),b,c));return a}})})();(function(){Asteroids.SideGunWeapon=function(a){this.WEAPON_RECHARGE=5;Asteroids.SideGunWeapon.superclass.constructor.call(this,a);return this};extend(Asteroids.SideGunWeapon,Asteroids.Weapon,{doFire:function(){var b,c;var a=[];c=this.player.heading-90;b=new Vector(0,-8).rotate(c*RAD).add(this.player.vector);a.push(new Asteroids.Bullet(this.player.position.clone(),b,c,25));c=this.player.heading+90;b=new Vector(0,-8).rotate(c*RAD).add(this.player.vector);a.push(new Asteroids.Bullet(this.player.position.clone(),b,c,25));return a}})})();(function(){Asteroids.RearGunWeapon=function(a){this.WEAPON_RECHARGE=5;Asteroids.RearGunWeapon.superclass.constructor.call(this,a);return this};extend(Asteroids.RearGunWeapon,Asteroids.Weapon,{doFire:function(){var a=new Vector(0,-8);var b=this.player.heading+180;a.rotate(b*RAD);a.add(this.player.vector);return new Asteroids.Bullet(this.player.position.clone(),a,b,25)}})})();(function(){Asteroids.Bullet=function(j,f,g,i){Asteroids.Bullet.superclass.constructor.call(this,j,f);this.heading=g;if(i){this.lifespan=i}return this};extend(Asteroids.Bullet,Game.Actor,{BULLET_WIDTH:2,BULLET_HEIGHT:6,FADE_LENGTH:5,heading:0,lifespan:40,powerLevel:1,onRender:function e(h){var i=this.BULLET_WIDTH;var g=this.BULLET_HEIGHT;h.save();h.globalCompositeOperation="lighter";if(this.lifespan<this.FADE_LENGTH){h.globalAlpha=(1/this.FADE_LENGTH)*this.lifespan}if(BITMAPS){h.shadowBlur=8;h.shadowColor=h.fillStyle="rgb(50,255,50)"}else{h.shadowColor=h.strokeStyle="rgb(50,255,50)"}h.translate(this.position.x,this.position.y);h.rotate(this.heading*RAD);var f=-(i/2);var j=-(g/2);if(BITMAPS){h.fillRect(f,j,i,g);h.fillRect(f,j+1,i,g-1)}else{h.strokeRect(f,j-1,i,g+1);h.strokeRect(f,j,i,g)}h.restore()},expired:function d(){return(--this.lifespan===0)},effectRadius:function b(){return 0},radius:function a(){return(this.BULLET_HEIGHT+this.BULLET_WIDTH)/2},power:function c(){return this.powerLevel}})})();(function(){Asteroids.BulletX2=function(e,c,d){Asteroids.BulletX2.superclass.constructor.call(this,e,c,d);this.lifespan=50;this.powerLevel=2;return this};extend(Asteroids.BulletX2,Asteroids.Bullet,{onRender:function b(e){var f=this.BULLET_WIDTH;var d=this.BULLET_HEIGHT;e.save();e.globalCompositeOperation="lighter";if(this.lifespan<this.FADE_LENGTH){e.globalAlpha=(1/this.FADE_LENGTH)*this.lifespan}if(BITMAPS){e.shadowBlur=8;e.shadowColor=e.fillStyle="rgb(50,255,128)"}else{e.shadowColor=e.strokeStyle="rgb(50,255,128)"}e.translate(this.position.x,this.position.y);e.rotate(this.heading*RAD);var c=-(f/2);var g=-(d/2);if(BITMAPS){e.fillRect(c-4,g,f,d);e.fillRect(c-4,g+1,f,d-1);e.fillRect(c+4,g,f,d);e.fillRect(c+4,g+1,f,d-1)}else{e.strokeRect(c-4,g-1,f,d+1);e.strokeRect(c-4,g,f,d);e.strokeRect(c+4,g-1,f,d+1);e.strokeRect(c+4,g,f,d)}e.restore()},radius:function a(){return(this.BULLET_HEIGHT)}})})();(function(){Asteroids.Bomb=function(e,d){Asteroids.Bomb.superclass.constructor.call(this,e,d);return this};extend(Asteroids.Bomb,Asteroids.Bullet,{BOMB_RADIUS:4,FADE_LENGTH:5,EFFECT_RADIUS:45,lifespan:80,onRender:function c(e){var d=this.BOMB_RADIUS;e.save();e.globalCompositeOperation="lighter";var g=0.8;if(this.lifespan<this.FADE_LENGTH){g=(0.8/this.FADE_LENGTH)*this.lifespan;d=(this.BOMB_RADIUS/this.FADE_LENGTH)*this.lifespan}e.globalAlpha=g;if(BITMAPS){e.fillStyle="rgb(155,255,155)"}else{e.shadowColor=e.strokeStyle="rgb(155,255,155)"}e.translate(this.position.x,this.position.y);e.rotate(GameHandler.frameCount%360);if(!BITMAPS){e.scale(0.8,0.8)}e.beginPath();e.moveTo(d*2,0);for(var f=0;f<15;f++){e.rotate(Math.PI/8);if(f%2==0){e.lineTo((d*2/0.525731)*0.200811,0)}else{e.lineTo(d*2,0)}}e.closePath();if(BITMAPS){e.fill()}else{e.stroke()}e.restore()},effectRadius:function b(){return this.EFFECT_RADIUS},radius:function a(){var d=this.BOMB_RADIUS;if(this.lifespan<=this.FADE_LENGTH){d=(this.BOMB_RADIUS/this.FADE_LENGTH)*this.lifespan}return d}})})();(function(){Asteroids.EnemyBullet=function(e,d){Asteroids.EnemyBullet.superclass.constructor.call(this,e,d);return this};extend(Asteroids.EnemyBullet,Game.Actor,{BULLET_RADIUS:4,FADE_LENGTH:5,lifespan:60,onRender:function c(e){var d=this.BULLET_RADIUS;e.save();e.globalCompositeOperation="lighter";var g=0.7;if(this.lifespan<this.FADE_LENGTH){g=(0.7/this.FADE_LENGTH)*this.lifespan;d=(this.BULLET_RADIUS/this.FADE_LENGTH)*this.lifespan}e.globalAlpha=g;if(BITMAPS){e.fillStyle="rgb(150,255,150)"}else{e.shadowColor=e.strokeStyle="rgb(150,255,150)"}e.beginPath();e.arc(this.position.x,this.position.y,(d-1>0?d-1:0.1),0,TWOPI,true);e.closePath();if(BITMAPS){e.fill()}else{e.stroke()}e.translate(this.position.x,this.position.y);e.rotate((GameHandler.frameCount%720)/2);e.beginPath();e.moveTo(d*2,0);for(var f=0;f<7;f++){e.rotate(Math.PI/4);if(f%2==0){e.lineTo((d*2/0.525731)*0.200811,0)}else{e.lineTo(d*2,0)}}e.closePath();if(BITMAPS){e.fill()}else{e.stroke()}e.restore()},expired:function b(){return(--this.lifespan===0)},radius:function a(){var d=this.BULLET_RADIUS;if(this.lifespan<=this.FADE_LENGTH){d=(d/this.FADE_LENGTH)*this.lifespan}return d}})})();(function(){Asteroids.Explosion=function(d,b,c){Asteroids.Explosion.superclass.constructor.call(this,d,b,this.FADE_LENGTH);this.size=c;return this};extend(Asteroids.Explosion,Game.EffectActor,{FADE_LENGTH:10,size:0,onRender:function a(c){var e=Math.floor((255/this.FADE_LENGTH)*this.lifespan);var b=(this.size*8/this.FADE_LENGTH)*this.lifespan;var d=e.toString();c.save();c.globalAlpha=0.75;c.fillStyle="rgb("+d+",0,0)";c.beginPath();c.arc(this.position.x,this.position.y,b,0,TWOPI,true);c.closePath();c.fill();c.restore()}})})();(function(){Asteroids.PlayerExplosion=function(c,b){Asteroids.PlayerExplosion.superclass.constructor.call(this,c,b,this.FADE_LENGTH);return this};extend(Asteroids.PlayerExplosion,Game.EffectActor,{FADE_LENGTH:15,onRender:function a(c){c.save();var d=(1/this.FADE_LENGTH)*this.lifespan;c.globalCompositeOperation="lighter";c.globalAlpha=d;var b;if(this.lifespan>5&&this.lifespan<=15){var e=this.lifespan-5;b=(48/this.FADE_LENGTH)*e;c.fillStyle="rgb(255,170,30)";c.beginPath();c.arc(this.position.x-2,this.position.y-2,b,0,TWOPI,true);c.closePath();c.fill()}if(this.lifespan>2&&this.lifespan<=12){var e=this.lifespan-2;b=(32/this.FADE_LENGTH)*e;c.fillStyle="rgb(255,255,50)";c.beginPath();c.arc(this.position.x+2,this.position.y+2,b,0,TWOPI,true);c.closePath();c.fill()}if(this.lifespan<=10){var e=this.lifespan;b=(24/this.FADE_LENGTH)*e;c.fillStyle="rgb(255,70,100)";c.beginPath();c.arc(this.position.x+2,this.position.y-2,b,0,TWOPI,true);c.closePath();c.fill()}c.restore()}})})();(function(){Asteroids.Impact=function(c,b){Asteroids.Impact.superclass.constructor.call(this,c,b,this.FADE_LENGTH);return this};extend(Asteroids.Impact,Game.EffectActor,{FADE_LENGTH:12,onRender:function a(b){var c=(1/this.FADE_LENGTH)*this.lifespan;b.save();b.globalAlpha=c*0.75;if(BITMAPS){b.fillStyle="rgb(50,255,50)"}else{b.shadowColor=b.strokeStyle="rgb(50,255,50)"}b.beginPath();b.arc(this.position.x,this.position.y,2,0,TWOPI,true);b.closePath();if(BITMAPS){b.fill()}else{b.stroke()}b.globalAlpha=c;b.beginPath();b.arc(this.position.x,this.position.y,1,0,TWOPI,true);b.closePath();if(BITMAPS){b.fill()}else{b.stroke()}b.restore()}})})();(function(){Asteroids.TextIndicator=function(f,b,g,d,e,c){this.fadeLength=(c?c:this.DEFAULT_FADE_LENGTH);Asteroids.TextIndicator.superclass.constructor.call(this,f,b,this.fadeLength);this.msg=g;if(d){this.textSize=d}if(e){this.colour=e}return this};extend(Asteroids.TextIndicator,Game.EffectActor,{DEFAULT_FADE_LENGTH:16,fadeLength:0,textSize:12,msg:null,colour:"rgb(255,255,255)",onRender:function a(b){var c=(1/this.fadeLength)*this.lifespan;b.save();b.globalAlpha=c;Game.fillText(b,this.msg,this.textSize+"pt Courier New",this.position.x,this.position.y,this.colour);b.restore()}})})();(function(){Asteroids.ScoreIndicator=function(f,a,h,d,c,e,b){var g=h.toString();if(c){g=c+" "+g}Asteroids.ScoreIndicator.superclass.constructor.call(this,f,a,g,d,e,b);return this};extend(Asteroids.ScoreIndicator,Asteroids.TextIndicator,{})})();(function(){Asteroids.PowerUp=function(e,d){Asteroids.PowerUp.superclass.constructor.call(this,e,d);return this};extend(Asteroids.PowerUp,Game.EffectActor,{RADIUS:8,pulse:128,pulseinc:8,onRender:function c(d){d.save();d.globalAlpha=0.75;var e="rgb(255,"+this.pulse.toString()+",0)";if(BITMAPS){d.fillStyle=e;d.strokeStyle="rgb(255,255,128)"}else{d.lineWidth=2;d.shadowColor=d.strokeStyle=e}d.beginPath();d.arc(this.position.x,this.position.y,this.RADIUS,0,TWOPI,true);d.closePath();if(BITMAPS){d.fill()}d.stroke();d.restore();this.pulse+=this.pulseinc;if(this.pulse>255){this.pulse=256-this.pulseinc;this.pulseinc=-this.pulseinc}else{if(this.pulse<0){this.pulse=0-this.pulseinc;this.pulseinc=-this.pulseinc}}},radius:function a(){return this.RADIUS},collected:function b(o,l,i){var q=null;switch(randomInt(0,9)){case 0:case 1:q="Energy Boost!";l.energy+=l.ENERGY_INIT/2;if(l.energy>l.ENERGY_INIT){l.energy=l.ENERGY_INIT}break;case 2:q="Fire When Shielded!";l.fireWhenShield=true;break;case 3:q="Extra Life!";o.lives++;break;case 4:q="Slow Down Asteroids!";for(var f=0,g=i.enemies.length,h;f<g;f++){h=i.enemies[f];if(h instanceof Asteroids.Asteroid){h.vector.scale(0.75)}}break;case 5:q="Smart Bomb!";var j=96;var e=new Asteroids.Explosion(this.position.clone(),this.vector.clone().scale(0.5),j/8);i.effects.push(e);for(var f=0,h,k=this.position;f<i.enemies.length;f++){h=i.enemies[f];if(k.distance(h.position)<=j+h.radius()){h.hit(-1);i.generatePowerUp(h);i.destroyEnemy(h,this.vector,true)}}break;case 6:q="Twin Cannons!";l.primaryWeapons.main=new Asteroids.TwinCannonsWeapon(l);break;case 7:q="Spray Cannons!";l.primaryWeapons.main=new Asteroids.VSprayCannonsWeapon(l);break;case 8:q="Rear Gun!";l.primaryWeapons.rear=new Asteroids.RearGunWeapon(l);break;case 9:q="Side Guns!";l.primaryWeapons.side=new Asteroids.SideGunWeapon(l);break}if(q){var d=new Vector(0,-3);var p=new Asteroids.TextIndicator(new Vector(this.position.x,this.position.y-this.RADIUS),d,q,null,null,32);i.effects.push(p)}}})})();
<!DOCTYPE html> <html lang="en"> <head> <title>Asteroids - HTML 5 Canvas and JavaScript demo</title> <meta name="description" content="Asteroids - HTML 5 Canvas and JavaScript demo by Kevin Roast - an example of what can be acheived without Flash plugins using the canvas APIs" /> </head> <body onload="onloadHandler();" style="background-color: #000000"> <div class="title">Asteroids - HTML 5 Canvas and JavaScript demo</div> <div style="padding: 12px; min-width: 900px"> <table align="center"> <tr> <td> <canvas id="canvas" width="640" height="640" style="border: 2px solid #aaaaaa;"></canvas> </td> <td> <div> <p class="left bold">Control Keys:</p> <p>Left and Right Arrows: Rotate</p> <p>Up Arrow: Thrust</p> <p>Down Arrow or SHIFT: Shield (will recharge...)</p> <p>SPACE: Fire main weapon</p> <p>Z: Fire bomb weapon (area effect damage, uses shield energy)</p> <p>NOTE: collect the glowing power-ups to enhance your ship!</p> <p class="left bold">Other Keys:</p> <p>L: Skip level (later levels more difficult but score higher)</p> <p>R: Switch between Modern and Retro graphics</p> <p>A: Add asteroid - go crazy!</p> <p>E: Add enemy ship - they will hurt you!</p> <p>Escape: Pause the game</p> </div> <div> <p class="left">Use <a href="http://www.google.co.uk/chrome" target="new">Chrome</a> or <a href="http://www.mozilla.com/firefox" target="new">FireFox</a> or <a href="http://www.apple.com/safari/download" target="new">Safari</a> or <a href="http://www.opera.com/download" target="new">Opera</a> browser to play!</p> </div> <div> <p class="left"><a href="asteroids-src.zip">Download the JavaScript source code</a></p> </div> <div> <p class="left"><a href="../index.html">See more HTML5 Canvas demos!</a></p> </div> </td> </tr> </table> </div> <div class="small">Game demo by Kevin Roast - written to learn the new <a href="http://www.whatwg.org/specs/web-apps/current-work/#the-canvas-element" target="new">HTML 5 Canvas API</a> while reading about the concepts in the the first few chapters of <a href="http://www.amazon.co.uk/exec/obidos/ASIN/0123742978" target="new">this book on game maths</a>.<br> You can <a href="http://twitter.com/kevinroast" target="new">follow me on Twitter</a> or just <a href="http://twitter.com/home/?status=http://bit.ly/asteroids%20Asteroids%20-%20%23HTML5%20%23Canvas%20and%20%23JavaScript%20demo%20(by%20@kevinroast)" target="new">Tweet This!</a> Last updated: 6/9/2010</div> </body> </html>
body { font-family: Arial, Helvetica; color: lightblue } .title { padding-top: 6px; text-align: center; font-weight: bold; color: red } P { padding-left: 2em; padding-top: 0; padding-bottom: 0; line-height: 1.0em } P.left { padding-left: 1em; line-height: 1.4em } .bold { font-weight: bold } .small { text-align:center; font-size: 0.75em } a, a:visited, a:active, a:hover { color: #ffffff }
Pop out
Help
About
×
×