added audio, credits

OneGameAMonth · Feb 27, 2013 · 72e7a96 · 72e7a96
1 parent 57f2e9e
commit 72e7a96
Show file tree

Hide file tree

Showing 25 changed files with 227 additions and 67 deletions.
diff --git a/audio/enemyshoot.wav b/audio/enemyshoot.wav
diff --git a/audio/error.wav b/audio/error.wav
diff --git a/audio/explosion.wav b/audio/explosion.wav
diff --git a/audio/menu.png b/audio/menu.png
diff --git a/audio/pickup.wav b/audio/pickup.wav
diff --git a/audio/power.wav b/audio/power.wav
diff --git a/audio/rapidfire.wav b/audio/rapidfire.wav
diff --git a/audio/rocket.wav b/audio/rocket.wav
diff --git a/audio/rocket2.wav b/audio/rocket2.wav
diff --git a/audio/select.wav b/audio/select.wav
diff --git a/audio/shoot.wav b/audio/shoot.wav
diff --git a/audio/shoot2.wav b/audio/shoot2.wav
diff --git a/audio/shoot3.wav b/audio/shoot3.wav
diff --git a/audio/strange.ogg b/audio/strange.ogg
diff --git a/images/icon.png b/images/icon.png
diff --git a/images/screenshot.png b/images/screenshot.png
diff --git a/images/spacedefender800.png b/images/spacedefender800.png
diff --git a/index.html b/index.html
@@ -17,10 +17,57 @@
 				overflow: hidden;
 				height: 100%;
 			}
+			.container {
+				width: 800px;
+				height: 600px;
+				position: relative;
+				margin-left: auto;
+				margin-right: auto;
+				margin-top: 50px;
+			}
+			.credits {
+				display: none;
+				position: absolute;
+				width: 800px;
+				height: 600px;
+				top: 0px;
+				background-color: white;
+				left: 0px;
+				padding: 50px;
+				font-size: 30px;
+				font-family: Arial, sans-serif;
+				text-align: center;
+				text-shadow: 0 2px 2px black;
+			}
+			.credits a {
+				text-decoration: none;
+				color: #52dcff;				
+			}
+			.credits a:hover {
+				color: #007c9b;
+			}
 		</style>
 		<script data-main="js/main" src="js/require.js"></script>
 	</head>
 	<body>
-		<canvas>One does not simply play games without a canvas-capable browser</canvas>
+		<div class="container">
+			<canvas>One does not simply play games without a canvas-capable browser</canvas>
+			<div class="credits" id="credits">
+				Programming: <br/>
+					<a href="http://armen138.com">Armen138</a><br/>
+				Particle System: <br/>
+					<a href="https://github.com/Raveler/particlus">Karel Crombecq</a><br/>
+				Space Ships: <br/>
+					<a href="http://opengameart.org/users/skorpio">Skorpio</a><br/>
+					<a href="http://opengameart.org/users/wuhu">Wuhu</a><br/>
+					<a href="http://opengameart.org/users/ghosa">Ghosa</a><br/>
+				Icons:<br/>
+					<a href="http://game-icons.net">Game-Icons.net</a><br/>
+				Music: <br/>
+					<a href="https://soundcloud.com/toastmedia/verystrangespace">ToastMedia</a>
+					<hr>
+				<a href="#" onclick="document.getElementById('credits').style.display = 'none';">back</a>
+			</div>
+		</div>
 	</body>
 </html>
diff --git a/js/effects.js b/js/effects.js
@@ -9,7 +9,7 @@ define(function() {
 			case "shield":
 				e = {"emitterStartLocation":{"x":0,"y":0},"emitterStopLocation":{"x":0,"y":0},"systemLifeSpan":0,"particleSpawnArea":{"x":0,"y":0},"maxParticles":300,"averageLifeSpan":0.3,"lifeSpanVariance":0.1,"startColor":{"red":63,"green":167,"blue":255,"alpha":1},"stopColor":{"red":0,"green":0,"blue":0,"alpha":1},"averageVelocity":{"horizontal":0,"vertical":0},"velocityVariance":{"x":0.3,"y":0.3},"minParticleSize":2,"maxParticleSize":4,"particleFadeTime":0.6,"globalCompositeOperation":"lighter","renderType":"spriteSheet","type":"relative"};
 			break;
-			case "powerup":				
+			case "powerup":
 				e = {"emitterStartLocation":{"x":0,"y":0},"emitterStopLocation":{"x":0,"y":0},"systemLifeSpan":1,"particleSpawnArea":{"x":32,"y":32},"maxParticles":100,"averageLifeSpan":0.4,"lifeSpanVariance":0.1,"startColor":{"red":255,"green":167,"blue":63,"alpha":1},"stopColor":{"red":13,"green":141,"blue":0,"alpha":1},"averageVelocity":{"horizontal":0,"vertical":0},"velocityVariance":{"x":2,"y":2},"minParticleSize":5,"maxParticleSize":10,"particleFadeTime":0.5,"globalCompositeOperation":"lighter","renderType":"image","image":image || "images/star.png","type":"absolute"};
 			break;
 			case "explosion":

diff --git a/js/enemy.js b/js/enemy.js
@@ -1,5 +1,5 @@
 define(["canvas", "events"], function(Canvas, events) {
-	var enemy = function(image, position, weapon, bullets, tile, options) {
+	var enemy = function(image, position, weapon, bullets, tile, options, sound) {
 		var start = Date.now();
 		var speed = options.speed || 0.2;
 		var dead = false;
@@ -46,6 +46,7 @@ define(["canvas", "events"], function(Canvas, events) {
 				if(Date.now() - lastShot > weapon.loadTime) {
 					lastShot = Date.now();
 					bullets.push(weapon.ammo({X: position.X, Y: position.Y}));
+					sound.play();
 				}
 				lastFrame = now;
 				if(position.Y > Canvas.height || dead) {

diff --git a/js/enemyTypes.js b/js/enemyTypes.js
@@ -7,18 +7,18 @@ define(["bullet", "canvas"], function(Bullet, Canvas) {
 					return Bullet(position, [ship], {"south": true, damage: 3});
 				}
 			},
-			doubleBarrel: {		
+			doubleBarrel: {
 				loadTime: 1000,
 				ammo: function(position, enemies) {
 					return Bullet(position, [ship], { "south": true, "double" : true, damage: 6 });
-				}			
+				}
 			},
-			rocket: {		
+			rocket: {
 				loadTime: 2000,
 				ammo: function(position, enemies) {
 					return Bullet(position, [ship], { "south": true, damage: 8, rocket: true });
-				}			
-			}				
+				}
+			}
 		};
 		var ships = {
 			"pirate": {
@@ -41,7 +41,7 @@ define(["bullet", "canvas"], function(Bullet, Canvas) {
 				weapon: weapons.doubleBarrel,
 				options: {}
 			},
-			"zipper": {			 
+			"zipper": {
 				sprite: {
 					width: 31,
 					height: 33,
@@ -56,14 +56,14 @@ define(["bullet", "canvas"], function(Bullet, Canvas) {
 						if(!position.direction) {
 							position.direction = 1;
 						}
-						position.Y = startPosition.Y + ((Date.now() - start) * speed);	
+						position.Y = startPosition.Y + ((Date.now() - start) * speed);
 						position.X += delta * speed * position.direction;
 						if(position.X > Canvas.width - 33) {
 							position.direction = -1;
 						}
 						if(position.X < 33) {
 							position.direction = 1;
-						}						
+						}
 					}
 				}
 			},
@@ -77,11 +77,11 @@ define(["bullet", "canvas"], function(Bullet, Canvas) {
 				weapon: weapons.gun,
 				options: {
 					movePattern: function(startPosition, position, start, speed) {
-						position.Y = startPosition.Y + ((Date.now() - start) * speed);	
+						position.Y = startPosition.Y + ((Date.now() - start) * speed);
 						position.X = startPosition.X + (100 * Math.cos(((Date.now() - start) / 500)));
 					}
 				}
-			},	
+			},
 			"tube": {
 				sprite: {
 					width: 45,