WebGL Minecraft

by sirfizx

HTML

<script src="https://raw.github.com/SirFizX/webgl/master/js/Three.js"></script>
<script src="https://raw.github.com/SirFizX/webgl/master/js/creeper.js"></script>
<script src="https://raw.github.com/SirFizX/webgl/master/js/items.js"></script>
<script src="https://raw.github.com/SirFizX/webgl/master/js/Stats.js"></script>
<div id="container"></div>
<div id="loader"><h1>Loading items and models..</h1></div>

CSS

body {
		padding: 0px;
		margin: 0px;
		overflow: hidden;
		font-size: 13px;
	}
	
	#loader {
		width: 100%;
		text-align: center;
		position: absolute;
		font-family: Monospace;
		top: 20%;
	}
	#topbar {
		position: absolute;
		background-color: rgba(255, 255, 255, 0.7);
		left: 0px;
		right: 0px;
		padding: 1px;
		text-align: center;
		font-family: sans-serif;
		height: 50px;
		padding-left: 190px;
		padding-right: 135px;
	}
	#share {
		height: 24px;
		overflow: hidden;
	}
	#ce {
		position: absolute;
		left: 90px;
		top: 2px;
	}
	#badge {
		position: absolute;
		right: 0px;
		top: 0px;
	}
	
	canvas {
		position: absolute;
	}