First commit.

Remnan13 · Jun 1, 2018 · 71a0152 · 71a0152
commit 71a0152
Show file tree

Hide file tree

Showing 14 changed files with 109 additions and 0 deletions.
diff --git a/acidBlob.gif b/acidBlob.gif
diff --git a/boneHag.gif b/boneHag.gif
diff --git a/corpseHydra.gif b/corpseHydra.gif
diff --git a/crystal.gif b/crystal.gif
diff --git a/darkBlob.gif b/darkBlob.gif
diff --git a/darkscrolls.css b/darkscrolls.css
@@ -0,0 +1,37 @@
+div.row div{
+	width: 60px;
+	height: 60px;
+	display: inline-block;
+}
+div#world{
+}
+div.brick{
+	background-color: darkred;
+}
+
+div.empty{
+}
+
+div.coin{
+	background: url('crystal.gif');
+	background-repeat: none;
+	background-position: center;
+	background-size: contain;
+}
+div#mainChar{
+	background: url('mainChar.gif');
+	width: 60px;
+	height: 60px;
+	background-repeat: no-repeat;
+	background-position: center;
+	background-size: contain;
+	position: absolute;
+	top: 60px;
+	left: 60px;
+}
+
+body{
+	background-color: black;
+	line-height: 0px;
+	margin: 0px;
+}
diff --git a/darkscrolls.html b/darkscrolls.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<title>Kyle's Dark Scroll Demo</title>
+	<link type="text/css" rel="stylesheet" href="darkscrolls.css">
+	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
+
+</head>
+<body>	
+	<div id="world"></div>
+
+	<div id="mainChar"></div>
+
+	<script type="text/javascript" src="Pacman.js">
+	</script>
+</body>
+</html>
diff --git a/darkscrolls.js b/darkscrolls.js
@@ -0,0 +1,55 @@
+var world = [
+	[2,2,2,2,2,2,2,2,2,2],
+	[2,1,1,1,1,1,1,1,1,2],
+	[2,1,1,1,1,1,1,1,1,2],
+	[2,1,1,1,1,1,1,1,1,2],
+	[2,1,1,1,1,1,1,1,1,2],
+	[2,1,1,1,1,1,1,1,1,2],
+	[2,1,1,1,1,1,1,1,1,2],
+	[2,1,1,1,1,1,1,1,1,2],
+	[2,1,1,1,1,1,1,1,1,2],
+	[2,1,1,1,1,1,1,1,1,2],
+	[2,2,2,2,2,2,2,2,2,2]
+	];
+
+var mainChar = {
+	x: 60,
+	y: 60
+}
+
+function displayWorld(){
+	var output = '';
+
+	for(var i=0; i<world.length; i++){
+		output += "<div class='row'>";
+		for(var j=0; j<world[i].length; j++){
+			if(world[i][j] == 3){
+				output+= "<div id='mainChar'></div>";
+			}
+			if(world[i][j] == 2){
+				output += "<div class='brick'></div>";
+			}
+			else if(world[i][j] == 1){
+				output += "<div class='coin'></div>";
+			}
+			if(world[i][j] == 0){
+				output += "<div class='empty'></div>";
+			}
+		}
+		output += "</div>";
+	}
+	document.getElementById('world').innerHTML = output;
+}
+
+document.getElementById("mainChar").style.top += 60;
+
+displayWorld();
+
+document.onkeydown = function(e){
+	if(e.keyCode==37)
+	{
+		if(mainChar.x)
+		document.getElementById('mainChar').style.t;
+	}
+	console.log(e.keyCode);
+}
diff --git a/dracoLich.gif b/dracoLich.gif
diff --git a/fireBlob.gif b/fireBlob.gif
diff --git a/mainChar.gif b/mainChar.gif
diff --git a/oni.gif b/oni.gif
diff --git a/phaseDemon.gif b/phaseDemon.gif
diff --git a/waterBlob.gif b/waterBlob.gif