---
title: Shatneroids
---
<style>
	* { padding: 0; margin: 0; }
	canvas { 
				background: #000; 
				display: block; 
				margin: 0 auto; 
				border: 2px solid #ffffff;
		}
	body { 
		background-color: black;
		color: white;
	}
	h1 {
		color: yellow;
	}
	
</style>

<a href="http://www.darkbluemonkey.com"> &lt;- back to main site </a>
<br>

<table width="100%"><tr><td width="80%">
<canvas id="Shatneroids" width="640" height="480"></canvas>
</td>
<td>
<table border="1"><tr><td align="center">
       <font color="yellow">Keys</font><br/>
Z - left&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;X-Right<br/>
K - Thrust&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;M-Fire<br/>
S - Sound Toggle&nbsp;&nbsp;A-Aim<br/>  
 <hr>
 Space - Hyperspace<br/>
  Click - Focus/Pause/Unpause<br/>
  <hr>
 Hold fire for plasma.</br>
 <hr>
 </td></tr></table>
</td></tr></table>

<script>






function ArrayList(){
	this.createList(arguments);
}

ArrayList.prototype = {

	list: [],

	add: function(){
		for(var i = 0; i < arguments.length; i++){
			this.list.push(arguments[i]);
		}
	},

	addTo: function(index, value){
		this.shiftForwardFrom(index, this.list);
		this.list[index] = value;
	},

	get: function(index){
		return this.list[index] ? this.list[index] : -1;
	},

	last: function(){
		return this.list[this.list.length - 1];
	},

	indexOf: function(element){
		return this.list.indexOf(element);
	},

	contains: function(element){
		return this.list.indexOf(element) == -1 ? false : true;
	},

	removeByObject: function(object){
		var index = this.list.indexOf(object);
		this.removeByIndex(index);
	},

	removeByIndex: function(index){
		this.list[index] = null;
		this.list = this.cleanArray(this.list, null);
	},

	pop: function(){
		this.list.pop();
	},

	push: function(element){
		this.list.push(element);
	},

	clear: function(){
		this.list = [];
	},

	size: function(){
		return this.list.length;
	},

	filter: function(callback){
		var filteredList = this.list.filter(callback);
		var newList = new ArrayList();
		newList.create(filteredList);
		return newList;
	},

	map: function(callback){
		var mappedList = this.list.map(callback);
		var newList = new ArrayList();
		newList.create(mappedList);
		return newList;
	},

	create: function(array){
		this.list = array;
	},

	isEqualTo: function(other){
		if(this.size() == other.size()){

			var result = true;

			for(var i = 0; i < this.size(); i++){
				if(this.get(i) != other.get(i))
					result = false;
			}

			return result;
		}
		
		else
			return false;
	},

	createList: function(arguments){
		this.list = [];
		for(var i = 0; i < arguments.length; i++){
			this.list[i] = arguments[i];
		}
	},

	cleanArray: function(array, toRemove){
		var result = array.filter(function(element){
			if(element != toRemove)
				return true;
		});

		return result;
	},

	shiftForwardFrom: function(index, array){
		for(var i = array.length - 1; i >= index; i--){
			array[i + 1] = array[i];
		}
	}




}

class Channel {

	constructor(audio_uri) {
		this.audio_uri = audio_uri;
		this.resource = new Audio(audio_uri);
		this.resource.preload = "auto";
	}

	play(){
		if (this.resource.readyState > 1) { 	
			this.resource.play();
		}
	}

	stop() {
		if (this.resource.readyState > 1) {
			this.resource.pause();
			this.resource.currentTime = 0;
		}
	}

	loop(){
		if (this.resource.readyState > 1) { 	
			this.resource.loop = true;
			this.resource.play();
		}
	}
	
	stopLoop(){
		this.resource.loop = false;
		this.resource.pause();	
	}
}

class AudioMuxer {

	constructor(audio_uri, num) {
		this.channels = [];
		this.num = num;
		this.index = 0;
		this.looping = -1;
		
		var i = 0;
	
		for (i = 0 ; i < num ; i++){
			this.channels.push(new Channel(audio_uri));
			
		}
	}
	
	
	ready() {
		var rValue = 0;
		var i = 0;
		for (i = 0 ; i < this.num ; i++){
			if (this.channels[i].resource.readyState > 1) {
				rValue++;
			}
		}
		return rValue / this.num;
	}
	
	play () {
		this.index++;
		if (this.index == this.looping) {
			this.index++;
		}
		if (this.index >= this.num) { this.index = 0; }
		if (this.index != this.looping) {
			this.channels[this.index].play();
		}
	}
	
	stop() {
		for (var i = 0 ; i < this.num ; i++) {
			this.channels[this.index].stop();
		}
	}

	loop () {
			
		if (this.looping == -1) {
			this.looping = this.index;
		}
		this.channels[this.looping].loop();
		if (this.index >= this.num) { this.index = 0; }
	}

	stopLoop() {
		if (this.looping >=0)
		{ this.channels[this.looping].stopLoop(); }
	}
	
	
}




class SoundPlayer {

	defineInstanceVariables() {
		this.self = this;
		this.applet = null;
		this.count = 0;
		this.maxcount = 0;
		this.loaded = "";
		this.files = [];
		this.filecnt = 0;
		this.done = 0;
		this.clips = [];
	}
	
	constructor(app,numfiles){
		this.defineInstanceVariables();
		
		this.applet = app;
		this.maxcount = numfiles;

		this.files = new Array(this.maxcount);
		this.clips = new Array(this.maxcount);
		
		for (var i = 0; i < this.maxcount ; i++)
		{
			this.files[i] = "";
			this.clips[i] = null;
		}
	}

	ready() {
		var i = 0;
		var rValue = 0;
		
		for (i = 0 ; i < this.maxcount ; i++)
		{
			if (this.clips[i] != null){
				rValue += this.clips[i].ready();
			}
		}
		
		rValue = (rValue * 100.0) / this.maxcount;
		return rValue;
	}
	
	play(name){
		if (this.applet.soundops != 2){
			for (var i = 0 ; i < this.maxcount ; i++)
			{
				if (this.files[i] == name)
				{
					if (this.clips[i] == null){}
					else{this.clips[i].play();}
					break;
				}
			}
		}
	}
	
	loop(name){
		if (this.applet.soundops == 0){
			for (var i = 0 ; i < this.maxcount ; i++)
			{
				if (this.files[i] == name)
				{
					if (this.clips[i] == null){}
					else { this.clips[i].loop(); }
					break;
				}
			}
		}
	}
	
	stop(name){
		var i = 0;
		for (i = 0 ; i < this.maxcount ; i++)
		{
			if (this.files[i] == name)
			{
				if (this.clips[i] != null)
				{
					this.clips[i].stop();
				}
			}
		}
	
	
	}
	
	stopLoop(name){
		var i = 0;
		for (i = 0 ; i < this.maxcount ; i++)
		{
			if (this.files[i] == name)
			{
				if (this.clips[i] != null)
				{
					this.clips[i].stopLoop();
				}
			}
		}
	}
	
	prepare(name){
		this.files[this.filecnt++] = name;
	}

	canStart()
	{
		if (this.count >= this.maxcount) { return true;}
		else { return false;}
	}
	
	progress(g)
	{
		var i = 0;

		if (this.maxcount == 0) { return;}
		var increment = (this.applet.height()-100)/this.maxcount;

		for (i = 0 ; i < this.filecnt ; i++)
		{
			if (this.files[i] != null && this.files[i].length > 2)
			{
				if (this.clips[i] != null && this.clips[i].ready() >= 1) {
					g.strokeStyle = "green";}
				else { g.strokeStyle = "red";	}
				g.beginPath();
				g.strokeText(this.files[i],20,60+((i+1)*increment));
				g.closePath();
			
			}
		}
	}
	
	mainloop() {
		var i = 0;
		for (i = 0 ; i < this.maxcount ; i++)
		{
			if ((this.files[i] != null && this.files[i].length > 0))
			{
				if (this.clips[i] == null)	{
					this.clips[i] = new AudioMuxer("audio/"+this.files[i],2);
				}
			}
		}
		
	}

}


class Roid{

	defineInstanceVariables() {
		this.self = this;
		this.type = 0;
		this.x = 0.0;
		this.y = 0.0;
		this.vx = 0.0;
		this.vy = 0.0;
		this.w = 0;
		this.h = 0;
		this.life = 0;
		this.size = 0;
	}

	constructor(rt,rx,ry,rvx,rvy,rw,rh,LEVEL){
		this.defineInstanceVariables();
		this.size = (3-rt)*10.0;
		this.type = rt;
		this.life = (3-rt)*LEVEL;
		this.x= rx;
		this.y = ry;
		this.vx = rvx;
		this.vy = rvy;
		this.w = rw;
		this.h = rh;
		if ((this.vx == 0.0) && (this.vy == 0.0)){
			this.vx = Math.random()-0.5;
			this.vy = Math.random()-0.5;
		}
		
		var vel = Math.sqrt((this.vx*this.vx) + (this.vy*this.vy));
		if (vel > 5.0)
		{
			this.vx = this.vx * 5.0 / vel;
			this.vy = this.vy * 5.0 / vel;
		}
	}

	collide(px,py,maxx,maxy){
		var vertic = 0;
		var horiz = 0;
		
		if ((px >= this.x) && (px <= this.x+this.w)) { horiz = 1;}
		if ((this.x+this.w >= maxx) && (px < this.x+this.w-maxx)){horiz = 1;}
		if ((py >= this.y) && (py <= this.y+this.h)) { vertic = 1;}
		if ((this.y+this.h >= maxy) && (py < this.y+this.h-maxy)){vertic = 1;}
		if ((horiz == 1) && (vertic == 1)){return true;}
		else
		{ return false;}
	}
	
	bulletCollide(b,maxx,maxy){
		if ((b.size > 0) && (this.collide(b.x,b.y,maxx,maxy))){
				this.vx += (b.vx * b.size) / (this.size);
				this.vy += (b.vy * b.size) / (this.size);
				
				var vel = Math.sqrt((this.vx*this.vx)+(this.vy * this.vy));
				if (vel > 5.0)
				{
					this.vx = this.vx * 5.0 / vel;
					this.vy = this.vy * 5.0 / vel;
				}
			return true;
		}
		return false;
	
	}
	
	shipCollide(shipx,shipy,shipang,maxx,maxy){
		var xo = [0,0,0,0];
		var yo = [0,0,0,0];
		var i = 0;
		
		xo[0] = (shipx-(14.0*Math.sin((shipang/180.0)*Math.PI)));
		xo[1] = (shipx-(14.0*Math.sin(((shipang+150.0)/180)*Math.PI)));
		xo[2] = (shipx-(5.0*Math.sin(((shipang+180.0)/180)*Math.PI)));
		xo[3] = (shipx-(14.0*Math.sin(((shipang+210.0)/180)*Math.PI)));
		yo[0] = (shipy-(14.0*Math.cos(((shipang)/180.0)*Math.PI)));
		yo[1] = (shipy-(14.0*Math.cos(((shipang+150.0)/180)*Math.PI)));
		yo[2] = (shipy-(5.0*Math.cos(((shipang+180.0)/180)*Math.PI)));
	    yo[3] = (shipy-(14.0*Math.cos(((shipang+210.0)/180)*Math.PI)));
	 
		for (i = 0 ; i < 4 ; i++){
			if (this.collide(xo[i],yo[i],maxx,maxy)){return true;}
		}
	 
		return false;
	}
		
}

class Explosion {

	defineInstanceVariables (){
		this.self = this;
		this.x = [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0];
		this.y = [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0];
		this.vx = [0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0];
		this.vy = [0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0];
		this.life = [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0];
		this.count = 0;
		this.chunk = 0;
		this.ticks = 0;
	}

	constructor(){
		this.defineInstanceVariables();
	}

    createFromBullet(b){
		this.chunk = 1;
		this.count = b.size;
		if (this.count > 20) {this.count = 20;}
		var i = 0;
		for (i = 0 ; i < this.count ; i++){
			this.x[i] = b.x;
			this.y[i] = b.y;
			this.vx[i] = ((Math.random()*4.0)-2.0) - (b.vx/6.0);
			this.vy[i] = ((Math.random()*4.0)-2.0) - (b.vy/6.0);
			this.life[i] = ((4+Math.random()*4.0));
		}
	}

	createFromShipWithAng(shipx,shipy,shipang,shipvx,shipvy){
		var j = 0.0;
		var i = 0;

		this.count = 5;
		for (i = 0 ; i < this.count ; i++){
			j = (Math.random()*45.0)-22.5;
			this.x[i] = shipx;
			this.y[i] = shipy;
			this.vx[i] = (3.0*Math.sin(((shipang+j)/180.0)*Math.PI)-shipvx);
			this.vy[i] = (3.0*Math.cos(((shipang+j)/180.0)*Math.PI)-shipvy);
			this.life[i] = (10+Math.random()*8.0);
		}
	}

	createFromShip(shipx,shipy,shipvx,shipvy){
		var i = 0;
		var j = 0.0;
		this.count = 10;
		for (i = 0 ; i < this.count ; i++){
			j = (Math.random()*360.0)-180.0;
			this.x[i] = shipx;
			this.y[i] = shipy;
			this.vx[i] = (10.0*Math.sin((j/180.0)*Math.PI)-shipvx);
			this.vy[i] = (10.0*Math.cos((j/180.0)*Math.PI)-shipvy);
			this.life[i] = Math.round((5+Math.random()*25.0));
		}
	}

	move (maxx,maxy){
		var i = 0;
		this.ticks+=1+(this.count/3);
		for (i = 0 ; i < this.count && i < this.ticks ; i++){
			this.vx[i] = this.vx[i] * 0.985;
			this.vy[i] = this.vy[i] * 0.985;
			this.x[i] = this.x[i] + this.vx[i];
			this.y[i] = this.y[i] + this.vy[i];
			if (this.x[i] > maxx) { this.x[i] = 1;}
			if (this.x[i] < 0) { this.x[i] = maxx-1;}
			if (this.y[i] > maxy) { this.y[i] = 1;}
			if (this.y[i] < 0) { this.y[i] = maxy-1;}
			this.life[i]--;
		}
	}
 
	draw(g){
		var i = 0;
		var j = 0;

		for (i = 0 ; i < this.count && i < this.ticks ; i++) {
			if (this.life[i] > 14) {
				j = 1;
				if (this.chunk == 0){g.fillStyle = "white";}
				else {g.fillStyle = "gray";}
				g.fillRect(this.x[i],this.y[i],6,6);
			}
			if (this.life[i] > 10) {
				j = 1;
				if (this.chunk == 0){g.fillStyle= "yellow";}
				else { g.fillStyle = "gray";}
				g.fillRect(this.x[i],this.y[i],4,4);
			}
			if (this.life[i] > 0) {
				j = 1;
				if (this.chunk == 0){g.fillStyle = "red"; g.strokeStyle = "red";}
				else { g.fillStyle = "gray"; g.strokeStyle = "gray";}
				g.fillRect(this.x[i],this.y[i],2,2);
			}
			
		}
		if (j == 1){ return true;}
		else { return false;}
	}
	
}

class Bullet {

	 defineInstanceVariables(){
	    this.self = this;
		this.x = 0;
		this.y = 0;
		this.vx = 0;
		this.vy = 0;
		this.life = 0;
		this.size = 0;
	 }

	constructor (sx,sy,sdx,sdy,sang,siz){
		this.defineInstanceVariables();
		this.x = (sx - (14.0*Math.sin((sang/180.0)*Math.PI)));
		this.y = (sy - (14.0*Math.cos((sang/180.0)*Math.PI)));
		this.vx = (-20*Math.sin((sang/180.0)*Math.PI)-sdx);
		this.vy = (-20*Math.cos((sang/180.0)*Math.PI)-sdy);
		this.size = (siz/2)+1;
		this.life = 30;

		// bigger = slower
		this.vx *= (40.0-this.size)/40.0;
		this.vy *= (40.0-this.size)/40.0;
		this.life *= 40.0/(40.0-this.size);

		
	}

	move(maxx, maxy){
		var gravity = shatneroids.game.gravity;	
		if (gravity == 1)
		{
			var accelx = 0;
			var accely = 0;
			var accel = 0;
			var theta = 0;
			var px = shatneroids.game.planetx;
			var py = shatneroids.game.planety;
			var LEVEL = shatneroids.game.LEVEL;
			if ((Math.abs(this.y-py)<10) && (Math.abs(this.x-px)<10)){accel =- 0; accelx=0; accely=0;}
			else {
				var maccel = LEVEL * 20.0;
				if (maccel > 300) { maccel = 300;}
				accel = Math.sqrt(maccel/(((this.x-px)*(this.x-px))+((this.y-py)*(this.y-py))));
				if ((this.x-px) == 0)
				{
					if ((this.y-py) > 0) { theta = Math.PI/2.0;}
					else { theta = 3.0*Math.PI/2.0;}
				}
				else
				{
					theta = Math.atan2(this.y-py,this.x-px);
				}
				accelx = accel * Math.cos(theta);
				accely = accel * Math.sin(theta);
			}
			this.vx += accelx; this.vy += accely;
		}
		this.x += this.vx;
		this.y += this.vy;
		if (this.x > maxx-3){this.x = 3;}
		if (this.x < 3){this.x = maxx-3;}
		if (this.y > maxy-3){this.y = 3;}
		if (this.y < 3){this.y = maxy-3;}
		this.life--;
	}
}



class Game {

	defineInstanceVariables() {
	    this.self = this;
		this.g = null;
		this.parent = null;
		this.state = -1;
		this.shipinvincible = 1;
		this.xportercnt = 0;
		this.aim = 0;
		this.scottymsgctr = 0;
		this.flipper = 0;
		this.flipdir = 10;
		this.bonus = 1000;
		this.thrusting = false;
		this.bulletsize = 0;
		this.thrustlen = 0;
		this.bulletfire = false;
		this.bulletflip = false;
		this.bulletdelay = 0;
		this.turning = 0;
		this.soundcnt = 0;
		this.planetx = 0;
		this.planety = 0;
		this.gravity = 0;
		this.bgImage = null;
		this.master = null;
		this.roids = [];
		this.maxx = 0;
		this.maxy = 0;
		this.ctr = 0;
		this.shipx = -1;
		this.shipy = 0;
		this.shipdx = 0;
		this.shipdy = 0;
		this.shipang = 0;
		this.LEVEL = 1;
		this.LIVES = 3;
		this.SCORE = 0;
		this.HISCORE = 5000;
		this.ATMOSPHERE = 0.98;
		this.XPORTLENGTH = 80;
		this.xl = [0,5,0,-5,0];
		this.yl = [1,15,12,15,1];
		this.bullets = new ArrayList();
		this.asteroids = new ArrayList();
		this.explosions = new ArrayList();
		this.MAXBULLETS = 10;
		this.mouthstate = 0;
		this.ix = 0;
		this.iy = 0;
	}
		
	
	constructor(par, pg, m)
	{
		this.defineInstanceVariables();
		
		this.master = m;
		this.g = pg;
		this.parent = par;
		this.maxx = par.width();
		this.maxy = par.height();
	
		
	}
	
	putCrossHairs(){
		var x = (this.shipx-(105.0*Math.sin((this.shipang/180.0)*Math.PI)));
		var y = (this.shipy-(105.0*Math.cos((this.shipang/180.0)*Math.PI)));
		
		if (x > this.maxx) {x -= this.maxx;}
		if (x < 0) {x += this.maxx;}
		if (y > this.maxy) {y -= this.maxy;}
		if (y < 0) {y += this.maxy;}
		
		this.g.strokeStyle = "red";
		this.g.beginPath();
		this.g.moveTo(x-10,y);
		this.g.lineTo(x+10,y);
		this.g.stroke();
		this.g.beginPath();
		this.g.moveTo(x,y-10);
		this.g.lineTo(x,y+10);
		this.g.stroke();
	}
	
	putStars(){
		this.g.drawImage(this.bgImage,0,0);
	}


	thrust(){
		this.thrustlen+=2;
		if (this.thrustlen>20){this.thrustlen=20.0;}
		this.shipdx += Math.sin((this.shipang/180.0)*Math.PI)*(this.thrustlen/8.0);
		this.shipdy += Math.cos((this.shipang/180.0)*Math.PI)*(this.thrustlen/8.0);
		var e = new Explosion()
		e.createFromShipWithAng(this.shipx,this.shipy,this.shipang,this.shipdx/2.0,this.shipdy/2.0);
		this.explosions.push(e);
	
	}

	fireBullet(){
		this.bulletdelay += this.bulletsize;
		var b = new Bullet(this.shipx,this.shipy,this.shipdx,this.shipdy,this.shipang,this.bulletsize);
		this.bullets.push(b);
			if (this.bulletsize > 5) { 
				this.parent.audio.play("photorp.ogg");
				}
			else { this.parent.audio.play("disruptor.ogg"); 
			}
		this.bulletsize = 0;
	}


	turn(){
		this.shipang += this.turning;
		if (this.shipang > 360.0){  this.shipang-=360.0;}
		if (this.shipang < 0.0){ this.shipang+=360.0;}
	}

	putKeys(){
		var i = 0;
		this.g.strokeStyle = "black";
		this.g.fillStyle = "black";
		sw = this.g.measureText("Z - Left                                    X - Right").width;
		sw += 20;
		this.g.fillRect((this.maxx/2)-(sw/2),this.maxy/2-40,sw,125);
		this.g.strokeStyle = "blue";
		this.g.strokeRect((this.maxx/2)-(sw/2),this.maxy/2-40,sw,125);
		sw -= 20;
	
		this.g.font = "16px Arial";   
		this.g.strokeStyle = "white";
		this.g.strokeText("Z - Left                                    X - Right",(this.maxx/2)-(sw/2),(this.maxy/2)-20);
		this.g.strokeText("K - Thrust                               M - Fire",(this.maxx/2)-(sw/2),(this.maxy/2)+0);
		this.g.strokeText("S - Sound [All/No Music/Off]   A - Aim",(this.maxx/2)-(sw/2),(this.maxy/2)+20);
		sw = this.g.measureText("Space - Hyperspace").width;		this.g.strokeText("Space - Hyperspace",(this.maxx/2)-sw/2,(this.maxy/2)+60);
		sw = this.g.measureText("Click - Focus/Pause/Unpause").width;				
		this.g.strokeText("Click - Focus/Pause/Unpause",(this.maxx/2)-(sw/2),(this.maxy/2)+80);
		this.g.strokeStyle = "green";
		var sw = this.g.measureText("Click me, then Press any key").width;
		this.g.strokeText("Click me, then Press any key",(this.maxx/2)-(sw/2),this.maxy-10);
		this.g.strokeStyle = "black";
		this.g.font = "14px Arial";
	}

	putSuluMessage(){
		this.flipper++;
		if (this.flipper > 5){this.flipper = 0;}
		else{
			this.g.strokeStyle = "white";
			this.g.strokeText("Warp" + (this.LEVEL.toString()) + " Mr. Sulu!",(this.maxx/2)-30,(this.maxy/3));
			this.g.strokeStyle = "red";
			if (this.gravity == 1){this.g.strokeText(" Warning: Gravity Well!",(this.maxx/2)-20,(this.maxy/3)+25);}
		}
		
	}

	putScottyMessage(){
		this.g.strokeStyle = "white";
		this.g.strokeText("Good Shooting Mr. Scott!",30,this.maxy-20);
	}

	putSoundMessage(){
		this.soundcnt--;
		this.g.beginPath();
		this.g.font = "14px Arial";
		switch(this.parent.soundops){
			case 0: 		this.g.strokeStyle = "green";
							this.g.strokeText("All Sounds Enabled",10,this.maxy-10); break;
			case 1: 		this.g.strokeStyle = "yellow";
							this.g.strokeText("Music off",10,this.maxy-10); break;
			case 2: 		this.g.strokeStyle = "red";
							this.g.strokeText("Sounds disabled",10,this.maxy-10); break;
			default: break;
		}
		this.g.closePath();
	}

	putResistMessage(){
		var open = [64,60,55,40,25,20,17];
		var close = [62,58,52,42,24,18,16];
		var srcx = 0.0;
		var srcy = 0.0;
		var ang = 0.0;
		var ang2 = 0.0;
		this.g.fillStyle = "white";
		var i = 0;
		var j = 0;

		this.g.strokeStyle = "red";
		
		if (this.ctr < 64){this.g.strokeText("Resistance",(this.maxx/2)+62,this.maxy-60);}
		if (this.ctr < 40){this.g.strokeText("is",(this.maxx/2)+70,this.maxy-40);}
		if (this.ctr < 25){this.g.strokeText("Futile",(this.maxx/2)+65,this.maxy-20);}
		
		if (this.ctr < 18){this.g.strokeText("Game Over",(this.maxx/2)-59,(this.maxy/2)+100);}
		this.g.strokeStyle = "black";
		
		if (this.ctr > 70)
		{
			this.ix = 0; this.iy = 0;
			this.g.drawImage(this.parent.locutus,(this.maxx/2)-49,(this.maxy-94)+((this.ctr-70)*7));
			this.g.drawImage(this.parent.mouth,(this.maxx/2)-24,(this.maxy-24)+((this.ctr-70)*7));
			return;
		}
		if (this.ctr < 15)
		{
			this.g.drawImage(this.parent.locutus,(this.maxx/2)-49,(this.maxy-94)+((15-this.ctr)*7));
			this.g.drawImage(this.parent.mouth,(this.maxx/2)-24,(this.maxy-24)+((15-this.ctr)*7));
			return;
		}

		if (this.ctr > 65){
			this.parent.audio.play("resistance_is_futile.ogg"); 
		this.ctr = 65;}
		
		for (i = 0 ; i < 7 ; i++)
		{
			if (open[i] == this.ctr){this.mouthstate = 1;}
			if (close[i] == this.ctr){this.mouthstate = 0;}
		}
		
		this.g.drawImage(this.parent.locutus,(this.maxx/2)-49,this.maxy-94);
		if (this.mouthstate == 0) {this.g.drawImage(this.parent.mouth,(this.maxx/2)-24,this.maxy-24); }
		else { this.g.drawImage(this.parent.mouth,(this.maxx/2)-24,this.maxy-18); }
		
		this.g.strokeStyle = "red";
		var bx = (this.maxx/2.0)-40.0;
		var by = this.maxy-45;
		
		this.ix = 15 + ((Math.random() * 9.0) - 4.5);
		this.iy = 4 + ((Math.random() * 9.0) - 4.5);
		this.g.beginPath();
		this.g.moveTo(bx,by);
		this.g.lineTo(bx+this.ix,by+this.iy);
		this.g.stroke();
		this.g.closePath();
		this.g.beginPath();
		this.g.moveTo(bx,by);
		this.g.lineTo(bx+this.ix+2,by+this.iy);
		this.g.stroke();
		this.g.closePath();
		this.g.beginPath();
		this.g.moveTo(bx,by);
		this.g.lineTo(bx+this.ix-2,by+this.iy);
		this.g.stroke();
		this.g.closePath();
		for (j = 0 ; j < 15 ; j++){
			ang = Math.random() * 2.0 * Math.PI;
			ang2 = (Math.PI/4.0) - (Math.random()*Math.PI/2.0);
			srcx = 6.0*Math.cos(ang);
			srcy = 6.0*Math.sin(ang);
			this.g.beginPath();
			this.g.moveTo(bx+srcx,by+srcy);
			this.g.lineTo(bx-srcx,by-srcy);
			this.g.stroke();
			this.g.closePath();
			this.g.beginPath();
			this.g.moveTo(bx+srcx,by+srcy);
			this.g.lineTo(bx+6.0*Math.cos(ang+ang2),by+6.0*Math.sin(ang+ang2));
			this.g.closePath();
			this.g.beginPath();
			this.g.stroke();
			this.g.moveTo(bx-srcx,by-srcy);
			this.g.lineTo(bx-6.0*Math.cos(ang+ang2),by-6.0*Math.sin(ang+ang2));
			this.g.stroke();
			this.g.closePath();
		}
	
		
	}


	putGetReady()
	{
		var ly = 0;
		var lx = 0;
		var col = 0;
		var x1 = [2-75,30-75,30-75,120-75,120-75,148-75,125-75,25-75,2-75];
		var y1 = [75-30,75-10,75-55,75-55,75-10,75-30,75-65,75-65,75-30];
		var x2 = [2,30,30,120,120,148,125,25,2];
		var y2 = [120,140,95,95,140,120,85,85,120];
		var numcolors = 20;
		var cs = [];
		var yscale = 2;
		var i = 0;
		
		for (i = 0 ; i < 9 ; i++) {
			x1[i] = x1[i]*yscale ;
			y1[i] = y1[i]*yscale;
		}
		
		for (i = 0 ; i < numcolors / 2 ; i++){
			cs[i] = "rgb("+(i*(500/numcolors)).toString()+",0,0)"; 
		}
		for (i = numcolors/2 ; i < numcolors ; i++){
			cs[i] = "rgb("+((numcolors-i)*(500/numcolors)).toString()+",0,0)"; 
		}

		lx = (this.maxx/2.0);
		ly = (this.maxy/2.0);
		
				
		this.flipper++;
		if (this.flipper > 50) { this.flipper = 0;}
		col = Math.round((this.flipper/4))%6;
		this.g.fillStyle = "red";
		this.g.beginPath();
		this.g.moveTo(lx+x1[0],ly-y1[0]);
		for (i = 1; i < 9 ; i++)
		{
			this.g.lineTo(lx+x1[i],ly-y1[i]);
		}
		this.g.closePath();
		this.g.fill();
		this.g.beginPath();
		this.g.moveTo(lx+x1[0],ly+y1[0]);
		for (i = 1; i < 9 ; i++)
		{
			this.g.lineTo(lx+x1[i],ly+y1[i]);
		}
		this.g.closePath();
		this.g.fill();
		this.g.fillRect(lx-85*yscale,ly-10*yscale,20*yscale,20*yscale);
		this.g.fillRect(lx+65*yscale,ly-10*yscale,20*yscale,20*yscale);
		for (i = 0 ; i < numcolors ; i++)
		{
			col = Math.round((i + (this.flipper / 3))) % numcolors;
			this.g.strokeStyle = cs[col];
			this.g.fillStyle = cs[col];
			this.g.fillRect(lx-45*yscale,ly+((20+((i)*(45/numcolors)))*yscale),90*yscale,(1+(45/numcolors))*yscale);
			this.g.fillRect(lx-45*yscale,ly-((20+((i)*(45/numcolors)))*yscale),90*yscale,(1+(45/numcolors))*yscale);
		}
		this.g.strokeStyle = cs[col];
		this.g.font = Math.round((18*yscale)).toString()+"px Arial";
		var sw = this.g.measureText("RED ALERT").width;
		var sh = Math.round(18*yscale);
		this.g.beginPath();
		this.g.strokeText("RED ALERT",lx-(sw/2),ly+(sh/2)-(2*yscale));
		this.g.closePath();
		this.g.font = "12px Arial";
	}
	
	putBulletThing() {
		this.g.strokeStyle = "blue";
		this.g.strokeRect(1,3,124,10);
		this.g.beginPath();
		this.g.moveTo(46,14);
		this.g.lineTo(46,20);
		this.g.stroke();
		this.g.closePath();

		if (this.bulletdelay < 7){
			this.g.fillStyle = "green";
			this.g.strokeStyle = "green";
		}
		else if (this.bulletdelay < 15){
			this.g.fillStyle = "yellow";
			this.g.strokeStyle = "yellow";
		}
		else {
			this.g.fillStyle = "red";
			this.g.strokeStyle = "red";
		}
	
		this.g.fillRect(2,4,(this.bulletdelay*3),8);
		this.g.beginPath();
		this.g.moveTo(2+(this.bulletdelay*3),2);
		this.g.lineTo(2+(this.bulletdelay*3),25);
		this.g.stroke();
		this.g.closePath();

		if (this.bulletsize < 7){
			this.g.fillStyle = "green";
			this.g.strokeStyle = "green";
		}
		else if (this.bulletsize < 15){
			this.g.fillStyle = "yellow";
			this.g.strokeStyle = "yellow";
		}
		else {
			this.g.fillStyle = "red";
			this.g.strokeStyle = "red";
		}
		this.g.fillRect(2+(this.bulletdelay*3),4,(this.bulletsize*3),8);
		this.g.strokeStyle = "green";
		this.g.beginPath();
		this.g.moveTo(2+(this.bulletdelay*3)+(this.bulletsize*3),2);
		this.g.lineTo(2+(this.bulletdelay*3)+(this.bulletsize*3),25);
		this.g.stroke();
		this.g.closePath();
	}

	putScoreBoard(){
		var xll = [0,0,0,0,0];
		var i = 0;
		var j = 0;
		this.g.font = "14px Arial";
		this.g.strokeStyle = "green";
		if (this.SCORE > this.HISCORE) {this.HISCORE = this.SCORE;}
		
		this.g.strokeText("Score "+this.SCORE.toString(),this.maxx/4,10);
		this.g.strokeStyle = "red";
		this.g.strokeText("HI "+this.HISCORE.toString(),this.maxx/2,10);
		this.g.strokeStyle = "blue";
		this.g.strokeText("L "+this.LEVEL.toString(),2*this.maxx/3,10);
		this.g.strokeStyle = "yellow";
		this.g.strokeText("Bonus: "+this.bonus.toString(),this.maxx-100,this.maxy-30);
		for( j = 0 ; j < 5 ; j++){
			xll[j] = (this.xl[j]+(3*this.maxx/4));
		}
 		this.g.fillStyle = "white";
		for ( i = 0 ; i < this.LIVES ; i++){
		
			this.g.beginPath();
			this.g.moveTo(xll[0],this.yl[0]);
			for (j = 1 ; j < 5 ; j++) {
				this.g.lineTo(xll[j],this.yl[j]);
			}
			this.g.closePath();
			this.g.fill();
			for( j = 0 ; j < 5 ; j++){
				xll[j] += 16;
			}
		}
	}
	


	initScreen(){
		var sw = 0;
		var col = 0;
		var i = 0;
		
		if (this.bgImage == null)
		{
			var planet = [null,null,null];
			var rx = [43,45,30,32,27,27];
			var ry = [64,48,34,29,17,14];
			var roffx = [0,-45,-92,-90,-123,-123];
			var roffy = [0,0,0,-34,-16,0];
			var i = 0;
			this.bgImage = document.createElement('canvas');
			this.bgImage.width = this.maxx;
			this.bgImage.height = this.maxy;
			var bgi = this.bgImage.getContext('2d');
			bgi.fillStyle = "black";
			bgi.strokeStyle = "black";
			bgi.fillRect(0,0,this.maxx,this.maxy);
			bgi.fillStyle = "yellow"
			bgi.strokeStyle = "yellow";
			
			for (i = 0 ; i < 50 ; i++)
				bgi.fillRect(Math.random()*this.maxx,Math.random()*this.maxy,1,1);
			
	
			for (i = 0 ; i < 3 ; i++)
			{
				this.roids[i] = document.createElement('canvas');
				this.roids[i].width = rx[i];
				this.roids[i].height = ry[i];
				this.roids[i].getContext('2d').drawImage(this.master,roffx[i],roffy[i]);
				planet[i] = document.createElement('canvas');
				planet[i].width = rx[i+3];
				planet[i].height = ry[i+3];
				planet[i].getContext('2d').drawImage(this.master,roffx[i+3],roffy[i+3]);
			}
			
			for (i = 1 ; i >= 0 ; i--)
			{
				this.planetx = Math.random()*this.maxx;
				this.planety = Math.random()*this.maxy;
				bgi.drawImage(planet[i],this.planetx,this.planety);
			}

			bgi.drawImage(planet[2],this.maxx-34,this.maxy-15);		

		}		
		
		
		this.putStars();
		this.putScoreBoard();
		
		if (this.state == 0)
		{
			this.flipper += this.flipdir;
			if (this.flipper > 250) { this.flipper = 250; this.flipdir = -10;}
			if (this.flipper < 50) { this.flipper = 50; this.flipdir = 10; }
			col = "rgb("+this.flipper.toString()+",0,0)";
			this.g.strokeStyle = col;
		}
		else { this.g.strokeStyle = "red"; }
		this.g.font = "32px Arial";
		sw = this.g.measureText("Shatneroids").width;
		this.g.beginPath();
		this.g.strokeText("Shatneroids",(this.maxx/2)-(sw/2),80);
		this.g.closePath();
		this.g.strokeStyle = "lightGray";
		this.g.beginPath();
		this.g.moveTo((this.maxx/2)-(sw/2),90);
		this.g.lineTo((this.maxx/2)+(sw/2),90);
		this.g.stroke();
		this.g.closePath();
		this.g.font = "16px Arial";
		this.g.strokeStyle = "red";
		sw = this.g.measureText("by Dark Blue Monkey").width;
		this.g.beginPath();
		this.g.strokeText("by Dark Blue Monkey",(this.maxx/2)-(sw/2),(this.maxy/2)-80);
		this.g.closePath();
		this.g.strokeStyle = "yellow";
		this.g.drawImage(this.roids[0],this.maxx/3,3*this.maxy/4);
		this.g.drawImage(this.roids[1],this.maxx/2,3*this.maxy/4);
		this.g.drawImage(this.roids[2],2*this.maxx/3,3*this.maxy/4);
		this.g.strokeText("400",this.maxx/3+10, 80+(3*this.maxy/4));
		this.g.strokeText("300",this.maxx/2+10, 65+(3*this.maxy/4));
		this.g.strokeText("200",2*this.maxx/3, 50+(3*this.maxy/4));
	
	}


	putPlay(){
		var xo = [50,100,50,50];
		var yo = [50,75,100,50];
		
		this.flipper++;
		if (this.flipper > 15){
			this.flipper = 0;
		}
		else if (this.flipper > 7){
			this.g.fillStyle = "green";
			this.g.strokeStyle = "green";
			this.g.beginPath();
			this.g.moveTo(xo[0],yo[0]);
			this.g.lineTo(xo[1],yo[1]);
			this.g.lineTo(xo[2],yo[2]);
			this.g.lineTo(xo[3],yo[3]);
			this.g.closePath();
			this.g.fill();
		}
	}
	
	
	putPause(){
		this.flipper++;
		if (this.flipper > 15){
			this.flipper = 0;
		}
		else if (this.flipper > 7){
			this.g.fillStyle = "green";
			this.g.strokeStyle = "green";
			this.g.fillRect(50,50,20,50);
			this.g.fillRect(85,50,20,50);
		
		}
	
	}


	drawOval(x, y, w, h) {
		this.makeOval(this.g,x,y,w,h);
		this.g.stroke();
	}
	
	fillOval(x, y, w, h) {
		this.makeOval(this.g,x,y,w,h);
		this.g.fill();
	}
	
	
	makeOval(ctx,x,y,w,h) {
	  var kappa = .5522848,
		  ox = (w / 2) * kappa, // control point offset horizontal
		  oy = (h / 2) * kappa, // control point offset vertical
		  xe = x + w,           // x-end
		  ye = y + h,           // y-end
		  xm = x + w / 2,       // x-middle
		  ym = y + h / 2;       // y-middle

	  ctx.beginPath();
	  ctx.moveTo(x, ym);
	  ctx.bezierCurveTo(x, ym - oy, xm - ox, y, xm, y);
	  ctx.bezierCurveTo(xm + ox, y, xe, ym - oy, xe, ym);
	  ctx.bezierCurveTo(xe, ym + oy, xm + ox, ye, xm, ye);
	  ctx.bezierCurveTo(xm - ox, ye, x, ym + oy, x, ym);
	  //ctx.closePath(); // not used correctly, see comments (use to close off open path)
	  ctx.stroke();
	}
	

	drawRoundRect(x,y,width,height,radius) {
		this.makeRoundRect(this.g,x,y,width,height,radius,false,true);
	}
	
	fillRoundRect(x,y,width,height,radius) {
		this.makeRoundRect(this.g,x,y,width,height,radius,true,false);
	}
	

	makeRoundRect(ctx, x, y, width, height, radius, fill, stroke) {
	  if (typeof stroke === 'undefined') {
		stroke = true;
	  }
	  if (typeof radius === 'undefined') {
		radius = 5;
	  }
	  if (typeof radius === 'number') {
		radius = {tl: radius, tr: radius, br: radius, bl: radius};
	  } else {
		var defaultRadius = {tl: 0, tr: 0, br: 0, bl: 0};
		for (var side in defaultRadius) {
		  radius[side] = radius[side] || defaultRadius[side];
		}
	  }
	  ctx.beginPath();
	  ctx.moveTo(x + radius.tl, y);
	  ctx.lineTo(x + width - radius.tr, y);
	  ctx.quadraticCurveTo(x + width, y, x + width, y + radius.tr);
	  ctx.lineTo(x + width, y + height - radius.br);
	  ctx.quadraticCurveTo(x + width, y + height, x + width - radius.br, y + height);
	  ctx.lineTo(x + radius.bl, y + height);
	  ctx.quadraticCurveTo(x, y + height, x, y + height - radius.bl);
	  ctx.lineTo(x, y + radius.tl);
	  ctx.quadraticCurveTo(x, y, x + radius.tl, y);
	  ctx.closePath();
	  if (fill) {
		ctx.fill();
	  }
	  if (stroke) {
		ctx.stroke();
	  }
	}


	putShip(){
		var xo = [0,0,0,0,0];
		var yo = [0,0,0,0,0];
		var tmpdx = 0;
		var tmpdy = 0;
		if (this.state == 7){return;}
		if (this.shipinvincible == 0){
			this.g.fillStyle = "white"; 
			this.g.strokeStyle = "white";
			}
		else{
			if ((this.flipper % 2) == 0){ 
				this.g.fillStyle = "gray"; 
				this.g.strokeStyle = "gray";
			}
			else { 	this.g.fillStyle = "black"; 
					this.g.strokeStyle = "black";
			}
			this.drawOval(this.shipx-12,this.shipy-12,24,24);
		}
		xo[0] = (this.shipx - (12*Math.sin((this.shipang/180.0)*Math.PI)));
		xo[1] = (this.shipx - (12*Math.sin(((this.shipang+150.0)/180.0)*Math.PI)));
		xo[2] = (this.shipx - (3*Math.sin(((this.shipang+180.0)/180.0)*Math.PI)));
		xo[3] = (this.shipx - (12*Math.sin(((this.shipang+210.0)/180.0)*Math.PI)));
		xo[4] = xo[0];
		yo[0] = (this.shipy - (12*Math.cos((this.shipang/180.0)*Math.PI)));
		yo[1] = (this.shipy - (12*Math.cos(((this.shipang+150.0)/180.0)*Math.PI)));
		yo[2] = (this.shipy - (3*Math.cos(((this.shipang+180.0)/180.0)*Math.PI)));
		yo[3] = (this.shipy - (12*Math.cos(((this.shipang+210.0)/180.0)*Math.PI)));
		yo[4] = yo[0];
		this.g.beginPath();
		this.g.moveTo(xo[0],yo[0]);
		this.g.lineTo(xo[1],yo[1]);
		this.g.lineTo(xo[2],yo[2]);
		this.g.lineTo(xo[3],yo[3]);
		this.g.lineTo(xo[4],yo[4]);
		this.g.closePath();
		this.g.fill();
		
		var px = this.planetx+10;
		var py = this.planety+10;
		var accelx = 0;
		var accely = 0;
		var accel = 0;
		var theta = 0;
		if ((Math.abs(this.shipy-py)<10) && (Math.abs(this.shipx-px)<10)){accel =- 0; accelx=0; accely=0;}
		else {
			var maccel = this.LEVEL *33.0;
			if (maccel > 300) { maccel = 300;}
			accel = Math.sqrt(maccel/(((this.shipx-px)*(this.shipx-px))+((this.shipy-py)*(this.shipy-py))));
			if ((this.shipx-px) == 0)
			{
				if ((this.shipy-py) > 0) { theta = Math.PI/2.0;}
				else { theta = 3.0*Math.PI/2.0;}
			}
			else
			{
				theta = Math.atan2(this.shipy-py,this.shipx-px);
			}
			accelx = accel * Math.cos(theta);
			accely = accel * Math.sin(theta);
		}
		if (this.shipx > px){accelx = -accelx; accely = -accely;}
		if (this.gravity == 1){ this.shipdx -= accelx; this.shipdy -= accely;}
		if (this.shipx < 5){tmpdx = this.maxx;}
		if (this.shipx > this.maxx-5){tmpdx = -this.maxx;}
		if (this.shipy < 5){tmpdy = this.maxy;}
		if (this.shipy > this.maxy-5){tmpdy = -this.maxy;}
		var i = 0;
		if ((tmpdx != 0) || (tmpdy != 0)){
			for (i = 0 ; i < 5 ; i++){
				xo[i] += tmpdx;
				yo[i] += tmpdy;
			}
			this.g.beginPath();
			this.g.moveTo(xo[0],yo[0]);
			this.g.lineTo(xo[1],yo[1]);
			this.g.lineTo(xo[2],yo[2]);
			this.g.lineTo(xo[3],yo[3]);
			this.g.lineTo(xo[4],yo[4]);
			this.g.closePath();
			this.g.fill();
		}

		if (this.thrusting == true && this.xportercnt == 0){
			if (this.bulletdelay < 40) { this.bulletdelay++;}
			if (this.bulletdelay > 15) {
				this.g.strokeStyle = "red";
				this.g.strokeRect(70,10,5,5);
			}
			var f = Math.random();
			xo[0] = (this.shipx-(12*Math.sin(((this.shipang+150)/180)*Math.PI)));
			xo[1] = (this.shipx-((f*(this.thrustlen/2)+8+this.thrustlen)*Math.sin(((this.shipang+180)/180)*Math.PI)));
			xo[2] = (this.shipx-(12*Math.sin(((this.shipang+210)/180)*Math.PI)));
			xo[3] = (this.shipx-(3*Math.sin(((this.shipang+180)/180)*Math.PI)));
			xo[4] = xo[0];
			yo[0] = (this.shipy-(12*Math.cos(((this.shipang+150)/180)*Math.PI)));
			yo[1] = (this.shipy-((f*(this.thrustlen/2)+8+this.thrustlen)*Math.cos(((this.shipang+180)/180)*Math.PI)));
			yo[2] = (this.shipy-(12*Math.cos(((this.shipang+210)/180)*Math.PI)));
			yo[3] = (this.shipy-(3*Math.cos(((this.shipang+180)/180)*Math.PI)));
			yo[4] = yo[0];
			if (this.thrustlen < 22){ this.g.strokeStyle = "yellow"; this.g.fillStyle = "yellow"; }
			else { this.g.strokeStyle = "red"; this.g.fillStyle = "red"; }
			this.g.beginPath();
			this.g.moveTo(xo[0],yo[0]);
			this.g.lineTo(xo[1],yo[1]);
			this.g.lineTo(xo[2],yo[2]);
			this.g.lineTo(xo[3],yo[3]);
			this.g.lineTo(xo[4],yo[4]);
			this.g.closePath();
			this.g.fill();
		
			if ((tmpdx != 0 || tmpdy != 0)){
		
				for (i = 0 ;  i < 5 ; i++){
					xo[i] += tmpdx;
					yo[i] += tmpdy;
				}
				this.g.beginPath();
				this.g.moveTo(xo[0],yo[0]);
				this.g.lineTo(xo[1],yo[1]);
				this.g.lineTo(xo[2],yo[2]);
				this.g.lineTo(xo[3],yo[3]);
				this.g.lineTo(xo[4],yo[4]);
				this.g.closePath();
				this.g.fill();
			}
		}
	}
		
		
	putBullets(){
		var srcx = 0;
		var srcy = 0;
		var ang = 0;
		var ang2 = 0;
		var i = 0;
		var j = 0;
		
		this.g.fillStyle = "yellow";
		this.g.strokeStyle = "yellow";
		
		var b = null;
		
		for (i = 0 ; i < this.bullets.size() ; i++)
		{
			b = this.bullets.get(i);
			if (b.size/3 < 2)
			{
				this.g.fillRect(b.x-(b.size/2),b.y-(b.size/2),1+(b.size),1+(b.size));
			}
			else
			{
				if (b.size > 10)
				{
					this.g.fillStyle = "red";
					this.g.strokeStyle = "red";
					this.fillOval(b.x-b.size/2,b.y-b.size/2,b.size,b.size);
				}
				this.g.fillStyle = "yellow";
				this.g.strokeStyle = "yellow";

				this.g.beginPath();
				for (j = 0 ; j < b.size/3 ; j++)
				{
					ang = Math.random()*2.0*Math.PI;
					ang2 = (Math.PI/4.0) - (Math.random() * Math.PI / 2.0);
					srcx = b.size * Math.cos(ang);
					srcy = b.size * Math.sin(ang);
					this.g.moveTo(b.x+srcx,b.y+srcy);
					this.g.lineTo(b.x-srcx,b.y-srcy);
					this.g.stroke();
					this.g.moveTo(b.x+srcx,b.y+srcy);
					this.g.lineTo(b.x+b.size*Math.cos(ang+ang2) , b.y+b.size*Math.sin(ang+ang2));
					this.g.stroke();
					this.g.moveTo(b.x-srcx,b.y-srcy);
					this.g.lineTo(b.x-b.size*Math.cos(ang+ang2), b.y-b.size*Math.sin(ang+ang2));
					this.g.stroke();
				}
				this.g.closePath();
			}
		}
	}


	putRoids(){
		var r = null;
		var i = 0;
		for (i = 0 ; i < this.asteroids.size(); i++){
			r = this.asteroids.get(i);
			this.g.drawImage(this.roids[r.type],Math.round(r.x),Math.round(r.y));
			if (r.x + this.roids[r.type].width > this.maxx){
				this.g.drawImage(this.roids[r.type], Math.round(r.x)-this.maxx, Math.round(r.y)); }
			if (r.y + this.roids[r.type].height > this.maxy){
				this.g.drawImage(this.roids[r.type], Math.round(r.x), Math.round(r.y)-this.maxy); }

		}
	
	}


	gameScreen(){
		var i = 0;
		var e = null;
		
		this.putStars();
		this.putScoreBoard();
		if (this.xportercnt == 0){this.putShip();}
						 else    {this.transport();}
	
		this.putBullets();
		this.putRoids();
		this.putBulletThing();
		if (this.soundcnt > 0){this.putSoundMessage();}
		if (this.scottymsgctr > 0){this.putScottyMessage(); this.scottymsgctr--;}
		if (this.aim == 1){this.putCrossHairs();}
		for (i = 0 ; i < this.explosions.size() ;) {
		   e = this.explosions.get(i);
		   e.move(this.maxx,this.maxy);
		   
		   if (!e.draw(this.g)){this.explosions.removeByIndex(i);}
		   else {i++;}
		}
	
	}

	min (a,b,c){
		var small;
		if (a < b) { small = a;} else {small = b;}
		if (small < c) { return small;}
		else { return c;}
	}


	max (a,b,c){
		var big;
		if (a > b) { big = a;} else {big = b;}
		if (big > c) { return big;}
		else { return c;}
	}

	transport(){
		var xo = [0,0,0,0,0];
		var yo = [0,0,0,0,0];
		var x = 0;
		var y = 0;
		var z = 0;
		var i = 0;
		
		 xo[0] = (this.shipx-(12.0*Math.sin((this.shipang/180.0)*Math.PI)));
		 xo[1] = (this.shipx-(12.0*Math.sin(((this.shipang+150.0)/180)*Math.PI)));
		 xo[2] = (this.shipx-(4.0*Math.sin(((this.shipang+180.0)/180)*Math.PI)));
		 xo[3] = (this.shipx-(12.0*Math.sin(((this.shipang+210.0)/180)*Math.PI)));
		 xo[4] = xo[0];
		 yo[0] = (this.shipy-(12.0*Math.cos(((this.shipang)/180.0)*Math.PI)));
		 yo[1] = (this.shipy-(12.0*Math.cos(((this.shipang+150.0)/180)*Math.PI)));
		 yo[2] = (this.shipy-(4.0*Math.cos(((this.shipang+180.0)/180)*Math.PI)));
		 yo[3] = (this.shipy-(12.0*Math.cos(((this.shipang+210.0)/180)*Math.PI)));
		 yo[4] = yo[0];
	
		this.xportercnt --;
		if (this.xportercnt > 0) { this.shipinvincible = 1;  this.ATMOSPHERE = 0.7;}
		else { this.xportercnt = 0; this.shipinvincible = 0; this.ATMOSPHERE = 0.98;}
		
		this.g.fillStyle = "lightGray";
		this.g.beginPath();
		this.fillRoundRect(1,this.maxy-(this.XPORTLENGTH+35),60,this.XPORTLENGTH+10,8);
		this.g.closePath();
		this.g.strokeStyle = "white";
		this.g.beginPath();
		this.drawRoundRect(1,this.maxy-(this.XPORTLENGTH+35),60,this.XPORTLENGTH+10,8);
		this.g.closePath();
		this.g.strokeStyle = "black";
		this.g.beginPath();
		this.g.moveTo(13,this.maxy-(this.XPORTLENGTH+30)+(Math.abs((this.XPORTLENGTH/2)*2)));
		this.g.lineTo(13,this.maxy-(this.XPORTLENGTH+30));
		this.g.stroke();
		this.g.moveTo(23,this.maxy-(this.XPORTLENGTH+30)+(Math.abs((this.XPORTLENGTH/2)*2)));
		this.g.lineTo(23,this.maxy-(this.XPORTLENGTH+30));
		this.g.stroke();
		this.g.moveTo(33,this.maxy-(this.XPORTLENGTH+30)+(Math.abs((this.XPORTLENGTH/2)*2)));
		this.g.lineTo(33,this.maxy-(this.XPORTLENGTH+30));
		this.g.stroke();
		this.g.moveTo(12,this.maxy-(this.XPORTLENGTH+30)+(Math.abs((this.XPORTLENGTH/2)*2)));
		this.g.lineTo(12,this.maxy-(this.XPORTLENGTH+28));
		this.g.stroke();
		this.g.moveTo(22,this.maxy-(this.XPORTLENGTH+30)+(Math.abs((this.XPORTLENGTH/2)*2)));
		this.g.lineTo(22,this.maxy-(this.XPORTLENGTH+28));
		this.g.stroke();
		this.g.moveTo(32,this.maxy-(this.XPORTLENGTH+30)+(Math.abs((this.XPORTLENGTH/2)*2)));
		this.g.lineTo(32,this.maxy-(this.XPORTLENGTH+28));
		this.g.stroke();
		this.g.closePath();
		this.g.fillStyle = "red";
		this.g.beginPath();
		this.g.fillRect(10,this.maxy-(this.XPORTLENGTH+30)+(Math.abs((this.XPORTLENGTH/2)-this.xportercnt)*2),5,5);
		this.g.fillRect(20,this.maxy-(this.XPORTLENGTH+30)+(Math.abs((this.XPORTLENGTH/2)-this.xportercnt)*2),5,5);
		this.g.fillRect(30,this.maxy-(this.XPORTLENGTH+30)+(Math.abs((this.XPORTLENGTH/2)-this.xportercnt)*2),5,5);
		this.g.closePath();
		
		
		for (z = 0 ; z < this.XPORTLENGTH/3 ; z++) {
			if (z > this.xportercnt/3)
			{
				this.g.fillStyle = "red";
				this.g.fillRect(40,this.maxy-(this.XPORTLENGTH+30)+(z/4)*10,5,5);
			}
			else
			{
				this.g.fillStyle = "black";
				this.g.fillRect(40,this.maxy-(this.XPORTLENGTH+30)+(z/4)*10,5,5);
			
			}
		}
		
		var sminx = this.min(xo[0],xo[1],xo[3]);
		var smaxx = this.max(xo[0],xo[1],xo[3]);
		var sminy = this.min(yo[0],yo[1],yo[3]);
		var smaxy = this.max(yo[0],yo[1],yo[3]);
		
		for (i = 0 ; i < 25 ; i++){
			y = Math.random()*10.0;
			if (y < 3) {      this.g.strokeStyle = "blue";}
			else if ( y < 6) {this.g.strokeStyle = "cyan";}
			else { this.g.strokeStyle = "white";}
			x = sminx + (Math.random() * (smaxx-sminx));
			this.g.moveTo(x,sminy+Math.random()*5);
			this.g.lineTo(x,smaxy-Math.random()*5);
			this.g.stroke();
		}
			
		if (this.xportercnt == this.XPORTLENGTH/2){
			this.shipx = Math.random()*this.maxx;
			this.shipy = Math.random()*this.maxy;
		}
	}
		
	
	move(){
		var b = null;
		var r = null;
		var rx = [43,45,30,32,27,27];
		var ry = [64,48,34,29,14,14];
		var i = 0;
		var j = 0;
		var k = 0;
		var h = 0;
		var tmp = 0;
		var e = null;
		var a = null;
		
		
		if (this.bonus > 0) this.bonus--;
		this.bulletflip = !this.bulletflip;
		if (this.bulletflip && this.bulletdelay > 0) { this.bulletdelay--; }
		if (this.bulletdelay < 0){this.bulletdelay = 0;}
		
		if (this.shipinvincible == 0)
		{
			for (j = 0 ; j < this.asteroids.size() ; j++)
			{
				r = this.asteroids.get(j);
				if (r.shipCollide(this.shipx,this.shipy,this.shipang,this.maxx,this.maxy))
				{
					e = new Explosion();
					e.createFromShip(this.shipx,this.shipy,this.shipdx,this.shipdy);
					this.explosions.push(e);
					e = new Explosion();
					e.createFromShip(this.shipx,this.shipy,this.shipdx,this.shipdy);
					this.explosions.push(e);
					this.LIVES--;
					if (this.LIVES > 0)
					{
						this.parent.audio.play("dead.ogg");
						this.shipinvincible = 1;
						this.ctr = 40;
						this.state = 6;
						this.shipx = this.maxx/2;
						this.shipy = this.maxy/2;
						this.shipdx = 0;
						this.shipdy = 0;
					}
					else if (this.state != 7)
					{
						for (k = 0 ; k < 4 ; k++)
						{
							e = new Explosion();
							e.createFromShip(this.shipx,this.shipy,this.shipdx,this.shipdy);
							this.explosions.push(e);
						}
						this.ctr=85;
						this.state = 7;
						this.parent.audio.stopLoop("epic_battle_loop_1.ogg"); 
					
					}
				}
			}
		}
		
		for (i = 0 ; i < this.bullets.size() ;)
		{
			b  = this.bullets.get(i);
			for (j = 0 ; j <this.asteroids.size() ; j++){
				r = this.asteroids.get(j);
				if (r.bulletCollide(b,this.maxx,this.maxy)){
					e = new Explosion();
					e.createFromBullet(b);
					this.explosions.push(e);
					this.parent.audio.play("hit_plate.ogg");
					if (r.life*2 < b.size){this.bonus += 50; this.scottymsgctr=20;}
					tmp = r.life - b.size;
					b.size -= r.life;
					
					if (b.size < 1){
						b.life = 0;
					}
					r.life = tmp;
					if ((r.life == 0) && (b.life < 3)){this.scottymsgctr = 40; this.bonus += 50;}
				}
			}
			if (b.life > 0){
				b.move(this.maxx,this.maxy);
				i++;
			}	
			else
			{
				this.bullets.removeByIndex(i);
			}
	
		}
		
		if (this.asteroids.size() == 0)
		{
			this.LEVEL++;
			this.state = 6;
			this.ctr = 45;
			this.setupLevel();
			this.shipinvincible = 1;
			this.SCORE += this.bonus;
		}
		
		for (i = 0 ; i < this.asteroids.size() ; )
		{
			r = this.asteroids.get(i);
			if (r.life > 0){
			var gravity = shatneroids.game.gravity;	
				if (gravity == 1)
				{
					var accelx = 0;
					var accely = 0;
					var accel = 0;
					var theta = 0;
					var px = shatneroids.game.planetx;
					var py = shatneroids.game.planety;
					var cx = r.x + r.w/2;
					var cy = r.y + r.h/2;
					var LEVEL = shatneroids.game.LEVEL;
					if ((Math.abs(cy-py)<10) && (Math.abs(cx-px)<10)){accel = 0; accelx=0; accely=0;}
					else {
						var maccel = LEVEL * 33.0;
						if (maccel > 300) { maccel = 300;}
						accel = Math.sqrt(maccel/(((cx-px)*(cx-px))+((cy-py)*(cy-py))));
						if ((cx-px) == 0)
						{
							if ((cy-py) > 0) { theta = Math.PI/2.0;}
							else { theta = 3.0*Math.PI/2.0;}
						}
						else
						{
							theta = Math.atan2(cy-py,cx-px);
						}
						accelx = accel * Math.cos(theta);
						accely = accel * Math.sin(theta);
					}
					r.vx -= accelx; r.vy -= accely;
				}
				var rVel = Math.sqrt((r.vx*r.vx)+(r.vy*r.vy));
				if (rVel > 10.0)
				{
					r.vx = r.vx * (10.0/rVel);
					r.vy = r.vy * (10.0/rVel);
				}
				r.x += r.vx;
				r.y += r.vy;
				if (r.x < 0) { r.x += this.maxx;}
				if (r.y < 0) { r.y += this.maxy;}
				if (r.x > this.maxx) { r.x -= this.maxx;}
				if (r.y > this.maxy) { r.y -= this.maxy;}
				i++;
			}
			else {
				if (r.type != 2){
					if (this.parent.soundops != 2)
					{
						this.parent.audio.play("explosion_plain.ogg");
					}

					a = new Roid(r.type+1,r.x,r.y,r.vx*1.5+2.0*(Math.random()-0.5),r.vy*1.5+2.0*(Math.random()-0.5),rx[r.type+1],ry[r.type+1],this.LEVEL);
					this.asteroids.push(a);
					a = new Roid(r.type+1,r.x,r.y,r.vx*1.5+2.0*(Math.random()-0.5),r.vy*1.5+2.0*(Math.random()-0.5),rx[r.type+1],ry[r.type+1],this.LEVEL);
					this.asteroids.push(a);
					
				}
				this.SCORE += 100 * (3-r.type);
				if (Math.random() < 0.2 * (3-r.type)){
				if (r.type == 0){ this.parent.audio.play("sickbay_2_kirk.ogg");}
				if (r.type == 1){ this.parent.audio.play("boundary.ogg");}
				if (r.type == 2){ this.parent.audio.play("energy_loss.ogg");}
				}
				this.asteroids.removeByIndex(i);
			}
		
		}
	
	
		if (this.thrusting && this.xportercnt == 0){this.thrust();}
		if (this.bulletfire){
			this.bulletsize++;
			if (this.bulletsize == 2) { this.parent.audio.play("laser_charging.ogg");}
		}
		if (this.bulletsize+this.bulletdelay>=40){
			this.bulletsize = 40-this.bulletdelay;
			this.parent.audio.stop("laser_charging.ogg");
			this.parent.audio.loop("laser_charged.ogg");
		}
		if (!this.bulletfire) {
			this.parent.audio.stop("laser_charging.ogg");
			this.parent.audio.stopLoop("laser_charged.ogg");
		
			if ((this.bulletsize>0)){
				this.fireBullet();
			}
		}
		
		if (this.turning != 0)  { this.turn(); }
		this.shipdx *= this.ATMOSPHERE;
		this.shipdy *= this.ATMOSPHERE;
		this.shipx -= this.shipdx;
		this.shipy -= this.shipdy;
		if (this.shipx < 0) { this.shipx += this.maxx; }
		if (this.shipy < 0) { this.shipy += this.maxy; }
		if (this.shipx > this.maxx) { this.shipx -= this.maxx;}
		if (this.shipy > this.maxy) { this.shipy -= this.maxy;}
	}
	
	
	
	setupLevel(){
		var roidx = 0;
		var roidy = 0;
		var i = 0;
		var a = null;
		
		if (this.shipx == -1){
			this.xportercnt = 0;
			this.shipx = this.maxx/2.0;
			this.shipy = this.maxy/2.0;
			this.shipdx = 0.0;
			this.shipdy = 0.0;
			this.shipang = 0.0;
		}
		
		if (Math.random() < 0.4*this.LEVEL) { this.gravity = 1;} else {this.gravity = 0;}  
		this.bonus = this.LEVEL * 1000;
		
		for (i = 0 ; i < (1+(this.LEVEL/2)) ; i++){
			roidx = this.shipx;
			roidy = this.shipy;
			
			while((roidx > this.shipx-80) && (roidx < this.shipx+80) &&
			      (roidy > this.shipy-80) && (roidy < this.shipy+80)){
				roidx = Math.random() * this.maxx;
				roidy = Math.random() * this.maxy;
			}
			a = new Roid(0,roidx,roidy,((Math.random()*this.LEVEL*4)-this.LEVEL*2),
									   ((Math.random()*this.LEVEL*4)-this.LEVEL*2),43,64,this.LEVEL);
			this.asteroids.push(a);
		}
		
		if (this.LEVEL != 1) {  this.parent.audio.play("engage.ogg");} 
	
	}
	
	
	newGame(){
		this.asteroids.clear();
		this.bullets.clear();
		this.explosions.clear();
		this.LEVEL = 1;
		this.LIVES = 3;
		this.SCORE = 0;
		this.shipx = this.maxx/2;
		this.shipy = this.maxy/2;
		this.shipdx = 0;
		this.shipdy = 0;

	}
	
	

}





class Shatneroids  {

	defineInstanceVariables (){
		// Game variables
		this.self = this;
		this.AllImagesLoaded = 0;
		this.soundops = 0;
		this.master = null;
		this.locutus = null;
		this.mouth = null;
		this.delay = 60;
		this.double_buffer = null;
		this.double_buffer_context = null;
		this.sec = 0;
		this.secs = 0;
		this.avgfmct = 0;
		this.fmct = 50;
		this.framecount = 0;
		this.game = null;
		this.sl = 0;
		this.audio = new SoundPlayer(this,16);
		this.canstart = 0;

		this.canvas = null;
		this.context = null;
	}
	
	
	bindEvents()
	{
		this.addEvent(document, "keydown", function (e) {   e = e || window.event; shatneroids.keyPressed(e); });
		this.addEvent(document, "keyup", function (e) {   e = e || window.event; shatneroids.keyReleased(e); });
		this.addEvent(document, "mouseup", function (e) {   e = e || window.event; shatneroids.mouseReleased(e); });
	}
	
	
	
	addEvent(element, eventName, callback) {
		if (element.addEventListener) {
			element.addEventListener(eventName, callback, false);
		} else if (element.attachEvent) {
			element.attachEvent("on" + eventName, callback);
		} else {
			element["on" + eventName] = callback;
		}
	}
	

	getAppletInfo()
	{
		return 	"Name: Shatneroids\r\n" +
				 "Author: DarkBlueMonkey\r\n" +
				 "Created with Sweat, Spit, Sweetie wrappers and hard work";
	}
	

	// start the game
	constructor()
	{
		this.defineInstanceVariables();
		this.bindEvents();
		
		this.canvas = document.getElementById("Shatneroids");
		this.context = this.canvas.getContext("2d");
	
		document.addEventListener('focusout', e=> {
			if (shatneroids.game.state == 2)
			{
				shatneroids.game.state = 4;
			}
		});
	
	}

	// helper function to make it look like Java
	width()
	{
		return this.canvas.width;
	}
	
	height()
	{
		return this.canvas.height;
	}

	loadingScreen(g){
	
		var audioPercentage = this.audio.ready();

		g.fillStyle = "black";
		g.beginPath();
		g.fillRect(0,0,this.canvas.width,this.canvas.height);
		g.closePath();

		g.strokeStyle = "white";	
		g.font="14px Arial";
		g.beginPath();
		g.strokeText("Loading Images & Cacheing sounds...",10,10);
		if (this.master == null || !this.master.complete || this.master.naturalHeight == 0){g.strokeStyle = "red";	}
		else {	g.strokeStyle ="green"; }
		g.strokeText("master.gif",20,40);
		if (this.locutus == null || !this.locutus.complete || this.locutus.naturalHeight == 0){g.strokeStyle = "red";	}
		else {	g.strokeStyle ="green"; }
		g.strokeText("locutus.gif",80,40);
		if (this.mouth == null || !this.mouth.complete || this.mouth.naturalHeight == 0){g.strokeStyle = "red";	}
		else { g.strokeStyle ="green"; }
		g.strokeText("mouth.gif",140,40);
		g.closePath();
		
		if (this.master!= null && this.locutus != null && this.mouth != null && this.master.complete && this.locutus.complete && this.mouth.complete && this.master.naturalHeight != 0 && this.locutus.naturalHeight!= 0 && this.mouth.naturalHeight != 0)
		{
			this.AllImagesLoaded = 4;
		}

		this.audio.progress(g);
		
		g.strokeStyle = "white";
		g.beginPath();
		g.strokeRect(2,this.canvas.height-26,this.canvas.width-4,24);
		g.closePath();
		if (audioPercentage < 25) {
			g.fillStyle = "red";
		}
		else if (audioPercentage < 50) {
			g.fillStyle = "orange";
		}
		else if (audioPercentage < 75) {
			g.fillStyle = "yellow";
		}
		else {
			g.fillStyle = "green";
		}
		g.beginPath();
		g.fillRect(4,this.canvas.height-24,(this.canvas.width-8) * audioPercentage/100.0,20);
		g.closePath();
	
		
		if (this.AllImagesLoaded > 2 && audioPercentage > 90)
		{
			g.font="32px Arial";
			g.fillStyle = "darkGrey";
			var sw = g.measureText("Enter ").width;
			g.beginPath()
			g.fillRect(this.canvas.width/2-10,this.canvas.height/2-70,sw+30,120);
			g.strokeRect(this.canvas.width/2-10,this.canvas.height/2-70,sw+30,120);
			g.closePath();
			g.strokeStyle = "white";
			g.beginPath();
			g.strokeText("Press",this.canvas.width/2,this.canvas.height/2-40);
			g.strokeText("Any",this.canvas.width/2,this.canvas.height/2);
			g.strokeText("Key",this.canvas.width/2,this.canvas.height/2+40);
			g.closePath();
			g.drawImage(this.master,0,0,45,66,this.canvas.width/2+sw+30+(Math.random()*4-2),this.canvas.height/2-70+(Math.random()*4-2),120*(45/66),120);
		}
	
	}
	
	paint()
	{
		this.context.font = "10px Arial";

		if (this.sec == Date.now/1000)
		{
			this.framecount++;
		}
		else
		{
			this.avgfmct = this.avgfmct + this.framecount;

			// Lock at 20FPS
			if (this.avgfmct < 20)
			{
				this.fmct--;
				if (this.fmct <= 5) {this.fmct = 5;}
			}
			if (this.avgfmct > 20)
			{
				this.fmct++;
				if (this.fmct > 100) {this.fmct = 100;}
			}
			
			this.secs++;
			this.framecount = 0;
			this.sec = Date.now()/1000;
		}
		
		if (this.double_buffer == null){
			this.double_buffer = document.createElement('canvas');
			this.double_buffer.width = this.canvas.width;
			this.double_buffer.height = this.canvas.height;
			this.double_buffer_context = this.double_buffer.getContext('2d');
									
			this.context.fillStyle = "black";
			this.context.fillRect(0,0,this.canvas.width,this.canvas.height);
		}

		

		{
			if (this.game == null){return;}
			switch(this.game.state){
				case -1: this.loadingScreen(this.double_buffer_context); 
						 if (this.AllImagesLoaded == 4 && this.audio.ready() == 100 && this.game.ctr == 0) {
								this.soundops = 0;
								this.audio.play("enterwhn.ogg");
								this.game.ctr = 250;
							}
							 if (this.game.ctr > 0 && this.game.ctr < 10)
							 {
								this.game.state = 0;
								this.game.ctr = 0;
							 }
							break;
				case 0: this.game.initScreen(); this.game.putKeys(); break;
				case 1: this.game.initScreen(); this.game.putGetReady();
						if (this.game.ctr == 0) {	this.game.ctr = 75;
													this.game.newGame();
													this.game.setupLevel();
													this.game.state = 2; 
													if (this.soundops == 0) {
														this.audio.loop("epic_battle_loop_1.ogg");
												}
													
													}
						break;
				case 2: this.game.gameScreen();
						if (this.game.ctr > 0)
						{
							this.game.putSuluMessage();
							if (this.game.ctr <= 1) { this.game.shipinvincible = 0; }
						}
						break;
				case 4: this.game.gameScreen(); this.game.putPause();
						break;
				case 5: this.game.gameScreen(); this.game.putPlay();
						if (this.game.ctr <= 0) {
							this.game.state = 2;
							this.game.shipinvincible = 0;
								this.audio.loop("epic_battle_loop_1.ogg");
						}
						break;
				case 6: this.game.gameScreen(); this.game.putSuluMessage();
						if (this.game.ctr <= 0) {
							this.game.state = 2;
							this.game.shipinvincible = 0; 
						}
						break;
				case 7 : this.game.gameScreen();
						this.game.putResistMessage();
						 if (this.game.ctr <= 0) { this.game.state = 0; }
						break;
				default: break;
			}
			if (this.game.soundcnt > 0) { this.game.putSoundMessage();}
			this.context.drawImage(this.double_buffer,0,0);
			this.context.strokeColor = "white";
			this.context.fillColor = "white";
		}
		// Do nothing yet		
	}


	// The primary loop of the game.
	mainloop() 	{
		if (shatneroids.game == null)
		{
			shatneroids.game = new Game(shatneroids,shatneroids.double_buffer_context,shatneroids.master);
		}
		if (shatneroids.game.ctr > 0) { shatneroids.game.ctr--;}
		if (shatneroids.game.state == 2) {shatneroids.game.move();}
		if (shatneroids.game.state == 6) {shatneroids.game.move();}
		if (shatneroids.game.state == 7) {shatneroids.game.move();}
		shatneroids.paint();
		shatneroids.audio.mainloop();
		var _this = shatneroids;
	}
	
	
	getImage(url) {
		var img = new Image();
		img.onload = function () { 
			shatneroids.AllImagesLoaded++;
		}
		img.src = url
		return img;
	}
	
	
	
	run ()
	{
		this.audio.prepare("enterwhn.ogg");
		this.audio.prepare("attack.ogg");
		this.audio.prepare("engage.ogg");
		this.audio.prepare("photorp.ogg");
		this.audio.prepare("boundary.ogg");
		this.audio.prepare("energy_loss.ogg");
		this.audio.prepare("sickbay_2_kirk.ogg");
		this.audio.prepare("disruptor.ogg");
		this.audio.prepare("hit_plate.ogg");
		this.audio.prepare("dead.ogg");
		this.audio.prepare("explosion_plain.ogg");
		this.audio.prepare("laser_charging.ogg");
		this.audio.prepare("laser_charged.ogg");
		this.audio.prepare("epic_battle_loop_1.ogg");
		this.audio.prepare("xporter2.ogg");
		this.audio.prepare("resistance_is_futile.ogg");

		this.paint();
		this.master = this.getImage("images/roids.gif");
		this.locutus = this.getImage("images/locutus.gif");
		this.mouth = this.getImage("images/mouth.gif");
		
		this.paint();
		
		setInterval(shatneroids.mainloop,50); 

	}
	
	
	keyPressed(e) {
		var key = e.key;
		if (this.game == null) { return;}
		if (this.game.state == 7) { return;}
		if (this.game.state == 4) { return;}
		if (this.game.state == 5) { return;}
		
		if (this.game.state == -1 && this.audio.ready() > 50 && this.AllImagesLoaded > 1){
			this.audio.play("enterwhn.ogg"); 
			this.game.state = 0;
			return;
		}
		
		if ((this.game.state == 0) && key != "s")
		{
			this.audio.play("attack.ogg"); 
			this.game.state  = 1;
			this.game.ctr = 60;
			return;
		}

		if (key == 's'){ this.soundops++; 
			if (this.soundops == 3){this.soundops = 0;} 
			if (this.soundops == 0)	{
				this.audio.loop("epic_battle_loop_1.ogg");
			}
			else {
				this.audio.stopLoop("epic_battle_loop_1.ogg");
				}
			
			this.game.soundcnt = 30;
		}
		if (key == 'k'){ this.game.thrusting = true;}
		if (key == 'm'){ this.game.bulletfire = true;	}
		if (key == 'z'){ this.game.turning = 15;}
		if (key == 'x'){ this.game.turning = -15;}
		if (key == '['){ this.fmct-=10;}
		if (key == ']'){ this.fmct+=10;}
		if (key == 'a'){ this.game.aim = 1-this.game.aim;}
		if (key == ' '){ if (this.game.xportercnt == 0 && this.game.state == 2) {	
								this.game.shipinvincible = 1; 
								this.game.xportercnt=this.game.XPORTLENGTH; 
								this.audio.play("xporter2.ogg");
							}
						}
		e.preventDefault();				
		return false;
	}

	keyReleased(e){
	
		var key = e.key;
		
		if (this.game == null){return;}

		if (key == 'k'){this.game.thrusting = false; this.game.thrustlen = 0;}
		if (key == 'm'){this.game.bulletfire = false;}
		if ((key == 'z') || (key == 'x')) { this.game.turning = 0;}
		return;	
	}


	mouseReleased(e){
		if (this.game == null) { return;}
		
		switch (this.game.state){
			case 0:		break;
			case 1: 	break;
			case 2: 	this.game.state = 4; 
						this.audio.stopLoop("epic_battle_loop_1.ogg");
						break;
			case 4:		this.game.state = 5; 
						this.game.ctr = 40;
						break;
			case 7: 	this.game.state = 4; break;
			default:	break;
		}
		return;
	}


	
}




var shatneroids = new Shatneroids();
 

shatneroids.run();


</script>