added info about the space bar. no changes to the game.

Makay11 · Apr 22, 2015 · 91f6330 · 91f6330
1 parent c9f3e2e
commit 91f6330
Show file tree

Hide file tree

Showing 6 changed files with 34 additions and 5 deletions.
diff --git a/app/dist/js/app.js b/app/dist/js/app.js
diff --git a/app/dist/stylesheets/app.css b/app/dist/stylesheets/app.css
@@ -7,6 +7,16 @@ canvas {
   width: 100%;
   height: 100%;
 }
+.info {
+  position: absolute;
+  top: 47%;
+  width: 100%;
+  font-size: 30px;
+  line-height: 50px;
+  text-align: center;
+  color: #ff0;
+  background-color: #000;
+}
 .hud .energyMeter {
   width: 20%;
   height: 3%;

diff --git a/app/dist/templates/index.html b/app/dist/templates/index.html
@@ -6,12 +6,13 @@
     <link rel="stylesheet" type="text/css" href="/stylesheets/app.css">
   </head>
   <body>
+    <h1 class="info">Press space to start/pause/resume/restart.</h1>
     <div class="hud">
       <div class="energyMeter">
         <div class="energy"></div>
       </div>
       <div class="sequenceOverlay">
-        <p class="text"> </p>
+        <p class="text"></p>
       </div>
       <div class="scores">
         <div class="score">

diff --git a/app/src/js/GameManager.coffee b/app/src/js/GameManager.coffee
@@ -94,6 +94,8 @@ class GameManager
 			else
 				@paused = not @paused
 
+			$(".info").toggle()
+
 			if @paused
 				@music.stop()
 				if @musicTimeout
@@ -156,6 +158,7 @@ class GameManager
 			@paused = true
 			@gameOver = true
 			@music?.stop()
+			$(".info").show()
 
 	render: ->
 		@enemyManager.render(@camera)

diff --git a/app/src/stylesheets/app.styl b/app/src/stylesheets/app.styl
@@ -7,6 +7,16 @@ canvas
 	width 100%
 	height 100%
 
+.info
+	position absolute
+	top 47%
+	width 100%
+	font-size 30px
+	line-height 50px
+	text-align center
+	color yellow
+	background-color black
+
 .hud
 	.energyMeter
 		width 20%

diff --git a/app/src/templates/index.jade b/app/src/templates/index.jade
@@ -8,21 +8,22 @@ html
 		link(rel="stylesheet" type="text/css" href="/stylesheets/app.css")
 
 	body
+		h1.info Press space to start/pause/resume/restart.
+
 		.hud
 			.energyMeter
 				.energy
 
 			.sequenceOverlay
-				p.text 
-				
+				p.text
+
 			.scores
 				.score
 					p.text 0
 				.monstersKilled
 					p.text 0
 					img(src="images/score.png")
 
-
 		script(type="text/javascript" src="/components/jquery/jquery-2.1.3.min.js")
 
 		script(type="text/javascript" src="/components/three/three.min.js")