diff --git a/acidBlob.gif b/acidBlob.gif
new file mode 100644
index 0000000..7313cf1
Binary files /dev/null and b/acidBlob.gif differ
diff --git a/boneHag.gif b/boneHag.gif
new file mode 100644
index 0000000..6545a67
Binary files /dev/null and b/boneHag.gif differ
diff --git a/corpseHydra.gif b/corpseHydra.gif
new file mode 100644
index 0000000..36d1356
Binary files /dev/null and b/corpseHydra.gif differ
diff --git a/crystal.gif b/crystal.gif
new file mode 100644
index 0000000..80152cd
Binary files /dev/null and b/crystal.gif differ
diff --git a/darkBlob.gif b/darkBlob.gif
new file mode 100644
index 0000000..636cbdb
Binary files /dev/null and b/darkBlob.gif differ
diff --git a/darkscrolls.css b/darkscrolls.css
new file mode 100644
index 0000000..3e310e4
--- /dev/null
+++ 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;
+}
\ No newline at end of file
diff --git a/darkscrolls.html b/darkscrolls.html
new file mode 100644
index 0000000..7a3f8f2
--- /dev/null
+++ 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>
\ No newline at end of file
diff --git a/darkscrolls.js b/darkscrolls.js
new file mode 100644
index 0000000..5a2024f
--- /dev/null
+++ 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);
+}
\ No newline at end of file
diff --git a/dracoLich.gif b/dracoLich.gif
new file mode 100644
index 0000000..7613837
Binary files /dev/null and b/dracoLich.gif differ
diff --git a/fireBlob.gif b/fireBlob.gif
new file mode 100644
index 0000000..5a461d7
Binary files /dev/null and b/fireBlob.gif differ
diff --git a/mainChar.gif b/mainChar.gif
new file mode 100644
index 0000000..811a8d5
Binary files /dev/null and b/mainChar.gif differ
diff --git a/oni.gif b/oni.gif
new file mode 100644
index 0000000..8324234
Binary files /dev/null and b/oni.gif differ
diff --git a/phaseDemon.gif b/phaseDemon.gif
new file mode 100644
index 0000000..9eb49c4
Binary files /dev/null and b/phaseDemon.gif differ
diff --git a/waterBlob.gif b/waterBlob.gif
new file mode 100644
index 0000000..a228da7
Binary files /dev/null and b/waterBlob.gif differ
