diff --git a/raycaster/index.html b/raycaster/index.html
index 8e2b224..3b21dfd 100644
--- a/raycaster/index.html
+++ b/raycaster/index.html
@@ -7,275 +7,8 @@
-
- Map.prototype.update = function(seconds) {
- if (this.light > 0) this.light = Math.max(this.light - 10 * seconds, 0);
- else if (Math.random() * 5 < seconds) this.light = 2;
- };
-
- function Camera(canvas, resolution, focalLength) {
- this.ctx = canvas.getContext('2d');
- this.width = canvas.width = window.innerWidth * 0.5;
- this.height = canvas.height = window.innerHeight * 0.5;
- this.resolution = resolution;
- this.spacing = this.width / resolution;
- this.focalLength = focalLength || 0.8;
- this.range = MOBILE ? 8 : 14;
- this.lightRange = 5;
- this.scale = (this.width + this.height) / 1200;
- }
-
- Camera.prototype.render = function(player, map) {
- this.drawSky(player.direction, map.skybox, map.light);
- this.drawColumns(player, map);
- this.drawWeapon(player.weapon, player.paces);
- };
-
- Camera.prototype.drawSky = function(direction, sky, ambient) {
- var width = sky.width * (this.height / sky.height) * 2;
- var left = (direction / CIRCLE) * -width;
-
- this.ctx.save();
- this.ctx.drawImage(sky.image, left, 0, width, this.height);
- if (left < width - this.width) {
- this.ctx.drawImage(sky.image, left + width, 0, width, this.height);
- }
- if (ambient > 0) {
- this.ctx.fillStyle = '#ffffff';
- this.ctx.globalAlpha = ambient * 0.1;
- this.ctx.fillRect(0, this.height * 0.5, this.width, this.height * 0.5);
- }
- this.ctx.restore();
- };
-
- Camera.prototype.drawColumns = function(player, map) {
- this.ctx.save();
- for (var column = 0; column < this.resolution; column++) {
- var x = column / this.resolution - 0.5;
- var angle = Math.atan2(x, this.focalLength);
- var ray = map.cast(player, player.direction + angle, this.range);
- this.drawColumn(column, ray, angle, map);
- }
- this.ctx.restore();
- };
-
- Camera.prototype.drawWeapon = function(weapon, paces) {
- var bobX = Math.cos(paces * 2) * this.scale * 6;
- var bobY = Math.sin(paces * 4) * this.scale * 6;
- var left = this.width * 0.66 + bobX;
- var top = this.height * 0.6 + bobY;
- this.ctx.drawImage(weapon.image, left, top, weapon.width * this.scale, weapon.height * this.scale);
- };
-
- Camera.prototype.drawColumn = function(column, ray, angle, map) {
- var ctx = this.ctx;
- var texture = map.wallTexture;
- var left = Math.floor(column * this.spacing);
- var width = Math.ceil(this.spacing);
- var hit = -1;
-
- while (++hit < ray.length && ray[hit].height <= 0);
-
- for (var s = ray.length - 1; s >= 0; s--) {
- var step = ray[s];
- var rainDrops = Math.pow(Math.random(), 3) * s;
- var rain = (rainDrops > 0) && this.project(0.1, angle, step.distance);
-
- if (s === hit) {
- var textureX = Math.floor(texture.width * step.offset);
- var wall = this.project(step.height, angle, step.distance);
-
- ctx.globalAlpha = 1;
- ctx.drawImage(texture.image, textureX, 0, 1, texture.height, left, wall.top, width, wall.height);
-
- ctx.fillStyle = '#000000';
- ctx.globalAlpha = Math.max((step.distance + step.shading) / this.lightRange - map.light, 0);
- ctx.fillRect(left, wall.top, width, wall.height);
- }
-
- ctx.fillStyle = '#ffffff';
- ctx.globalAlpha = 0.15;
- while (--rainDrops > 0) ctx.fillRect(left, Math.random() * rain.top, 1, rain.height);
- }
- };
-
- Camera.prototype.project = function(height, angle, distance) {
- var z = distance * Math.cos(angle);
- var wallHeight = this.height * height / z;
- var bottom = this.height / 2 * (1 + 1 / z);
- return {
- top: bottom - wallHeight,
- height: wallHeight
- };
- };
-
- function GameLoop() {
- this.frame = this.frame.bind(this);
- this.lastTime = 0;
- this.callback = function() {};
- }
-
- GameLoop.prototype.start = function(callback) {
- this.callback = callback;
- requestAnimationFrame(this.frame);
- };
-
- GameLoop.prototype.frame = function(time) {
- var seconds = (time - this.lastTime) / 1000;
- this.lastTime = time;
- if (seconds < 0.2) this.callback(seconds);
- requestAnimationFrame(this.frame);
- };
-
- var display = document.getElementById('display');
- var player = new Player(15.3, -1.2, Math.PI * 0.3);
- var map = new Map(32);
- var controls = new Controls();
- var camera = new Camera(display, MOBILE ? 160 : 320, 0.8);
- var loop = new GameLoop();
-
- map.randomize();
-
- loop.start(function frame(seconds) {
- map.update(seconds);
- player.update(controls.states, map, seconds);
- camera.render(player, map);
- });
-
-