demos/dlgr/demos/snake/static/scripts/stake.js
// Generated from stake.coffee.
var Game, game,
__hasProp = Object.prototype.hasOwnProperty,
__extends = function(child, parent) { for (var key in parent) { if (__hasProp.call(parent, key)) child[key] = parent[key]; } function ctor() { this.constructor = child; } ctor.prototype = parent.prototype; child.prototype = new ctor; child.__super__ = parent.prototype; return child; };
Game = (function(_super) {
__extends(Game, _super);
function Game(h, w, ps) {
var canvas_container;
Game.__super__.constructor.apply(this, arguments);
atom.input.bind(atom.key.LEFT_ARROW, 'move_left');
atom.input.bind(atom.key.RIGHT_ARROW, 'move_right');
atom.input.bind(atom.key.UP_ARROW, 'move_up');
atom.input.bind(atom.key.DOWN_ARROW, 'move_down');
atom.input.bind(atom.key.SPACE, 'toggle_pause');
this.height = h;
this.width = w;
this.pixelsize = ps;
window.onresize = function(e) {};
canvas_container = document.getElementById('canvas_container');
canvas_container.style.width = this.width * this.pixelsize + "px";
atom.canvas.style.border = "#fff 1px solid";
atom.canvas.style.position = "relative";
atom.canvas.height = this.height * this.pixelsize;
atom.canvas.width = this.width * this.pixelsize;
this.startGame();
}
Game.prototype.startGame = function() {
var _ref, _x, _y;
_x = Math.floor(this.width / 2);
_y = Math.floor(this.height / 2);
this.snake = [[_x, _y], [--_x, _y], [--_x, _y], [--_x, _y]];
this.dir = "";
this.step_idx = -1;
this.newdir = "right";
this.score = 0;
this.gstarted = true;
this.gpaused = false;
this.food = [];
this.last_dt = 0.00;
this.delay = 0.08;
this.noshow = true;
this.gpaused = true;
_ref = [this.width * this.pixelsize, this.height * this.pixelsize], this.tx = _ref[0], this.ty = _ref[1];
this.genFood();
return this.showIntro();
};
Game.prototype.genFood = function() {
var x, y;
x = void 0;
y = void 0;
while (true) {
x = Math.floor(Math.random() * (this.width - 1));
y = Math.floor(Math.random() * (this.height - 1));
if (!this.testCollision(x, y)) break;
}
return this.food = [x, y];
};
Game.prototype.drawFood = function() {
atom.context.beginPath();
atom.context.arc((this.food[0] * this.pixelsize) + this.pixelsize / 2, (this.food[1] * this.pixelsize) + this.pixelsize / 2, this.pixelsize / 2, 0, Math.PI * 2, false);
return atom.context.fill();
};
Game.prototype.drawSnake = function() {
var i, l, x, y, _results;
i = 0;
l = this.snake.length;
_results = [];
while (i < l) {
x = this.snake[i][0];
y = this.snake[i][1];
atom.context.fillRect(x * this.pixelsize, y * this.pixelsize, this.pixelsize, this.pixelsize);
_results.push(i++);
}
return _results;
};
Game.prototype.testCollision = function(x, y) {
var i, l;
if (x < 0 || x > this.width - 1) return true;
if (y < 0 || y > this.height - 1) return true;
i = 0;
l = this.snake.length;
while (i < l) {
if (x === this.snake[i][0] && y === this.snake[i][1]) return true;
i++;
}
return false;
};
Game.prototype.endGame = function() {
var mess, x, y, _ref, _ref2;
this.gstarted = false;
this.noshow = true;
atom.context.fillStyle = "#fff";
atom.context.strokeStyle = '#000';
_ref = ["Game Over", this.tx / 2, this.ty / 2.4], mess = _ref[0], x = _ref[1], y = _ref[2];
atom.context.font = "bold 30px monospace";
atom.context.textAlign = "center";
atom.context.fillText(mess, x, y);
atom.context.strokeText(mess, x, y);
atom.context.font = "bold 25px monospace";
_ref2 = ["Score: " + this.score, this.tx / 2, this.ty / 1.7], mess = _ref2[0], x = _ref2[1], y = _ref2[2];
atom.context.fillText(mess, x, y);
return atom.context.strokeText(mess, x, y);
};
Game.prototype.togglePause = function() {
var mess, x, y, _ref;
if (!this.gpaused) {
this.noshow = true;
this.gpaused = true;
_ref = ["Paused", this.tx / 2, this.ty / 2], mess = _ref[0], x = _ref[1], y = _ref[2];
atom.context.fillStyle = "#fff";
atom.context.font = "bold 30px monospace";
atom.context.textAlign = "center";
atom.context.fillText(mess, x, y);
return atom.context.strokeText(mess, x, y);
} else {
this.gpaused = false;
return this.noshow = false;
}
};
Game.prototype.showIntro = function() {
atom.context.fillStyle = "#fff";
atom.context.font = "30px sans-serif";
atom.context.textAlign = "center";
atom.context.textAlign = "left";
atom.context.font = "30px monospace";
atom.context.fillText("Instructions:", 2 * this.pixelsize, this.ty / 3);
atom.context.font = "18px monospace";
atom.context.fillText("Use arrow keys to change direction.", 2 * this.pixelsize, this.ty / 2.3);
atom.context.fillText("Press space to start/pause.", 2 * this.pixelsize, this.ty / 2.1);
return atom.context.fillText("Pro-tip: Press space now!", 2 * this.pixelsize, this.ty / 1.7);
};
Game.prototype.update = function(dt) {
var x, y;
if (atom.input.pressed('move_left')) {
if (this.dir !== "right") {
this.newdir = "left";
createInfo("Info", JSON.stringify({"move": "left"}));
}
} else if (atom.input.pressed('move_up')) {
if (this.dir !== "down") {
this.newdir = "up";
createInfo("Info", JSON.stringify({"move": "up"}));
}
} else if (atom.input.pressed('move_right')) {
if (this.dir !== "left") {
this.newdir = "right";
createInfo("Info", JSON.stringify({"move": "right"}));
}
} else if (atom.input.pressed('move_down')) {
if (this.dir !== "up") {
this.newdir = "down";
createInfo("Info", JSON.stringify({"move": "down"}));
}
} else if (atom.input.pressed('toggle_pause')) {
if (!this.gstarted) {
createInfo("Info", JSON.stringify({"move": "unpause"}));
this.eraseCanvas();
this.startGame();
} else {
createInfo("Info", JSON.stringify({"move": "pause"}));
this.togglePause();
}
}
if (this.last_dt < this.delay) {
this.last_dt += dt;
return;
} else {
this.last_dt = 0.00;
}
if (!this.gstarted || this.gpaused) return;
console.log(this.snake);
console.log(this.food);
console.log("---");
x = this.snake[0][0];
y = this.snake[0][1];
switch (this.newdir) {
case "up":
y--;
break;
case "right":
x++;
break;
case "down":
y++;
break;
case "left":
x--;
}
this.step_idx++;
if (this.testCollision(x, y)) {
this.endGame();
dallinger.goToPage('questionnaire');
return;
}
this.snake.unshift([x, y]);
if (x === this.food[0] && y === this.food[1]) {
this.score++;
this.genFood();
} else {
this.snake.pop();
}
this.dir = this.newdir;
createInfo("State", this.serialize());
return this.dir;
};
Game.prototype.eraseCanvas = function() {
atom.context.fillStyle = "#000";
atom.context.fillRect(0, 0, this.width * this.pixelsize, this.height * this.pixelsize);
return atom.context.fillStyle = "#fff";
};
Game.prototype.draw = function() {
if (!this.noshow) {
this.eraseCanvas();
this.drawFood();
return this.drawSnake();
}
};
Game.prototype.serialize = function () {
return JSON.stringify({
"step": this.step_idx,
"snake": this.snake,
"food": this.food,
"score": this.score,
"width": this.width,
"height": this.height,
"direction": this.dir,
});
};
return Game;
})(atom.Game);