Startcredits!

TheEnvoy · TheEnvoy · commit b5f28379c1f5 · 2015-01-25T12:50:23.000+01:00
diff --git a/data.js b/data.js
@@ -382,7 +382,7 @@ data =			{
 																// Wavetime & list, first item is path for that unit
 																//800:		[2, "marine", "marine"],
 																//7000:		[1, "marine", "marine", "marine", "marine", "marine", "marine", "marine", "marine", "marine", "marine", "marine", "marine", "marine", "marine", "marine", "marine", "marine", "marine", "marine", "marine", "marine", "marine", "marine", "marine", "marine"],
-																2000:		[1, "marine","marine","marine","marine","marine","marine","marine","marine","marine","marine"],
+																2000:		[1, "ironclad"],
 																//1000:		["marine", "marine", "marine", "marine"],
 																//3100:		[2, "marine","marine", "marine", "marine", "marine", "marine", "marine", "marine", "marine", "marine", "marine", "marine", "marine", "marine", "marine", "marine", "marine", "marine", "marine", "marine"],
 																//4000:		[1, "marine","marine", "marine", "marine", "marine", "marine", "marine", "marine", "marine", "marine", "marine", "marine", "marine", "marine", "marine", "marine", "marine", "marine", "marine", "marine"],
diff --git a/heart.js b/heart.js
@@ -120,6 +120,7 @@ function updateGame ()
 }
 
 function initiateLevel(){
+	data.currentCredits += data.startCredits[data.currentLevel];
 	setTimeout (function() { generateCredits(50); }, 2500);
     for(key in data.waves[data.currentLevel])
     (function(key) {
diff --git a/index.html b/index.html
@@ -2,7 +2,7 @@
 
 <html>
 	<head>
-		<title>Defense against Humanity</title>
+		<title>Taua Difents</title>
 		<link rel="stylesheet" type="text/css" href="style.css">
 		<script src="jquery-2.0.2.min.js"></script>
 		<script id="mapData" src=""></script>
diff --git a/start.html b/start.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+
+<html>
+	<head>
+		<title>Taua Difents</title>
+		<link rel="stylesheet" type="text/css" href="style.css">
+		<script src="jquery-2.0.2.min.js"></script>
+		<script>
+			setInterval(function() { $(".intro").fadeOut(); }, 2000);
+		</script>
+	</head>
+	<body>
+		<div id="wrapper" class="startScreen">
+			<div class="intro"></div>
+			<a class="button" id="startGame" href="index.html?level=1"></a>
+			<a class="button" id="viewCredits" href="credits.html"></a>
+		</div>
+	</body>
+</html>
diff --git a/style.css b/style.css
@@ -14,12 +14,28 @@ table {
 }
 
 #wrapper {
+	z-index: 0;
 	width: 640px;
 	height: 530px;
 	position: relative;
 	margin-left: auto;
 	margin-right: auto;
 	margin-top: 30px;
+	overflow: hidden;
+}
+
+#wrapper.startScreen {
+	background-image: url("images/ui/start.png");
+}
+
+.startScreen .intro {
+	width: 640px;
+	height: 530px;
+	position: absolute;
+	top: 0px;
+	left: 0px;
+	z-index: 10;
+	background-image: url("images/ui/intro.png");
 }
 
 #map {
@@ -102,17 +118,20 @@ table {
 
 .button {
 	width: 150px;
-	height: 30px;
-	line-height: 30px;
+	height: 45px;
 	position: absolute;
-	top: 76px;
-	left: 35px;
-	font-size: 18px;
-	text-align: center;
-	background: darkgreen;
-	border-radius: 3px;
-	border: 1px solid grey;
 	cursor: pointer;
+	display: block;
+}
+
+.button#startGame {
+	top: 353px;
+	left: 151px;
+}
+
+.button#viewCredits {
+	top: 353px;
+	left: 339px;
 }
 
 #interface {
@@ -194,7 +213,7 @@ table {
 	background-image: url("images/units/jet.png");
 }
 
-#objects .ironClad {
+#objects .ironclad {
 	background-image: url("images/units/ironClad.png");
 }
 

Original file line number	Diff line number	Diff line change
`@@ -120,6 +120,7 @@ function updateGame ()`
`120`	`120`	`}`
`121`	`121`
`122`	`122`	`function initiateLevel(){`
	`123`	`+ data.currentCredits += data.startCredits[data.currentLevel];`
`123`	`124`	`setTimeout (function() { generateCredits(50); }, 2500);`
`124`	`125`	`for(key in data.waves[data.currentLevel])`
`125`	`126`	`(function(key) {`