2020-04-14 13:43:00 +00:00
|
|
|
const [EMPTY, FOOD, SUPER_FOOD, DECAY_FOOD, WALL, FIRE, FLAMMABLE, FLAMMABLE_S, HOLE, HOLE_S, PORTAL_A, PORTAL_A_S, PORTAL_B, PORTAL_B_S, PORTAL_C, PORTAL_C_S, PORTAL_D, PORTAL_D_S, KEY, DOOR, SNAKE]=Array(255).keys();
|
2020-03-23 19:11:39 +00:00
|
|
|
|
|
|
|
class SnekGame {
|
2020-03-25 14:57:20 +00:00
|
|
|
constructor(settings, canvas, rules) {
|
2020-03-25 17:29:28 +00:00
|
|
|
// setup the delay
|
2020-04-14 12:32:45 +00:00
|
|
|
this.delay=settings.delay || Infinity;
|
|
|
|
|
|
|
|
// score starts at 0
|
|
|
|
this.score=0;
|
2020-03-25 17:29:28 +00:00
|
|
|
|
|
|
|
// world is given in the level
|
|
|
|
if(settings.world) { // explicitly
|
|
|
|
|
|
|
|
// convert the world
|
|
|
|
this.world=Array(settings.world[0].length);
|
|
|
|
for(let x=0; x<this.world.length; x++) {
|
|
|
|
this.world[x]=Array(settings.world.length);
|
|
|
|
for(let y=0; y<this.world[x].length; y++) {
|
|
|
|
this.world[x][y]=(() => {
|
|
|
|
switch(settings.world[y][x]) {
|
|
|
|
case ' ': return EMPTY;
|
|
|
|
case 'f': return FOOD;
|
2020-04-06 12:40:48 +00:00
|
|
|
case 'F': return SUPER_FOOD;
|
2020-04-06 13:17:21 +00:00
|
|
|
case 'd': return DECAY_FOOD;
|
2020-03-25 17:29:28 +00:00
|
|
|
case 'w': return WALL;
|
2020-03-26 17:05:12 +00:00
|
|
|
case 'o': return HOLE;
|
2020-03-26 18:26:47 +00:00
|
|
|
case 'i': return FIRE;
|
2020-04-07 12:37:15 +00:00
|
|
|
case 'I': return FLAMMABLE;
|
2020-04-14 12:32:45 +00:00
|
|
|
case 'A': return PORTAL_A;
|
|
|
|
case 'B': return PORTAL_B;
|
|
|
|
case 'C': return PORTAL_C;
|
|
|
|
case 'D': return PORTAL_D;
|
2020-04-14 13:43:00 +00:00
|
|
|
case 'k': return KEY;
|
|
|
|
case 'K': return DOOR;
|
2020-03-25 17:29:28 +00:00
|
|
|
}
|
|
|
|
})();
|
|
|
|
}
|
|
|
|
}
|
2020-03-26 17:05:12 +00:00
|
|
|
|
2020-03-25 17:29:28 +00:00
|
|
|
// extract the dimensions
|
|
|
|
this.dimensions=[this.world.length, this.world[0].length];
|
|
|
|
|
|
|
|
// extract the fruits
|
2020-04-14 12:32:45 +00:00
|
|
|
this.fruits=this.getTilesOfType(FOOD);
|
2020-04-06 13:17:21 +00:00
|
|
|
|
|
|
|
// extract the decaying fruits
|
2020-04-14 12:32:45 +00:00
|
|
|
this.decayFood=this.getTilesOfType(DECAY_FOOD);
|
|
|
|
|
|
|
|
// extract the portals
|
|
|
|
this.portals={};
|
|
|
|
this.world.forEach((l, x) =>
|
|
|
|
l.forEach((c, y) => {
|
|
|
|
if(c==PORTAL_A) this.portals.a=[x, y];
|
|
|
|
if(c==PORTAL_B) this.portals.b=[x, y];
|
|
|
|
if(c==PORTAL_C) this.portals.c=[x, y];
|
|
|
|
if(c==PORTAL_D) this.portals.d=[x, y];
|
|
|
|
})
|
|
|
|
);
|
2020-03-25 17:29:28 +00:00
|
|
|
} else { // dimension and objects
|
|
|
|
|
|
|
|
// get the dimensions
|
|
|
|
this.dimensions=[...settings.dimensions];
|
|
|
|
|
|
|
|
// build an empty world
|
|
|
|
this.world=Array(settings.dimensions[0]);
|
|
|
|
for(let i=0; i<settings.dimensions[0]; i++) {
|
|
|
|
this.world[i]=Array(settings.dimensions[1]);
|
|
|
|
this.world[i].fill(EMPTY);
|
|
|
|
}
|
|
|
|
|
|
|
|
// add the walls
|
2020-03-25 18:29:55 +00:00
|
|
|
if(settings.walls) settings.walls.forEach(([x, y]) => this.world[x][y]=WALL);
|
2020-03-25 17:29:28 +00:00
|
|
|
|
2020-03-26 17:05:12 +00:00
|
|
|
// add the holes
|
|
|
|
if(settings.holes) settings.holes.forEach(([x, y]) => this.world[x][y]=HOLE);
|
|
|
|
|
2020-04-07 12:37:15 +00:00
|
|
|
// add the fires and flammable tiles
|
2020-03-26 18:26:47 +00:00
|
|
|
if(settings.fires) settings.fires.forEach(([x, y]) => this.world[x][y]=FIRE);
|
2020-04-07 12:37:15 +00:00
|
|
|
if(settings.flammable) settings.flammable.forEach(([x, y]) => this.world[x][y]=FLAMMABLE);
|
2020-03-26 18:26:47 +00:00
|
|
|
|
2020-03-25 17:29:28 +00:00
|
|
|
// add the food
|
|
|
|
settings.food.forEach(([x, y]) => this.world[x][y]=FOOD);
|
|
|
|
this.fruits=[...settings.food];
|
2020-04-06 12:40:48 +00:00
|
|
|
|
|
|
|
// add the super food
|
|
|
|
if(settings.superFood) settings.superFood.forEach(([x, y]) => this.world[x][y]=SUPER_FOOD);
|
2020-04-06 13:17:21 +00:00
|
|
|
|
|
|
|
// add the decaying food
|
|
|
|
if(settings.decayFood) {
|
|
|
|
settings.decayFood.forEach(([x, y]) => this.world[x][y]=DECAY_FOOD);
|
|
|
|
this.decayFood=settings.decayFood.map(([x, y]) => [x, y, 0]);
|
|
|
|
} else {
|
|
|
|
this.decayFood=[];
|
|
|
|
}
|
2020-04-14 12:32:45 +00:00
|
|
|
|
|
|
|
// add the portals
|
|
|
|
if(settings.portals) {
|
|
|
|
if(settings.portals.a) this.world[settings.portals.a[0]][settings.portals.a[1]]=PORTAL_A;
|
|
|
|
if(settings.portals.b) this.world[settings.portals.b[0]][settings.portals.b[1]]=PORTAL_B;
|
|
|
|
if(settings.portals.c) this.world[settings.portals.c[0]][settings.portals.c[1]]=PORTAL_C;
|
|
|
|
if(settings.portals.d) this.world[settings.portals.d[0]][settings.portals.d[1]]=PORTAL_D;
|
|
|
|
this.portals={...settings.portals};
|
|
|
|
} else {
|
|
|
|
this.portals={};
|
|
|
|
}
|
2020-04-14 13:43:00 +00:00
|
|
|
|
|
|
|
// add the keys
|
|
|
|
if(settings.keys) settings.keys.forEach(([x, y]) => this.world[x][y]=KEY);
|
|
|
|
|
|
|
|
// add the doors
|
|
|
|
if(settings.doors) settings.doors.forEach(([x, y]) => this.world[x][y]=DOOR);
|
2020-03-25 14:57:20 +00:00
|
|
|
}
|
2020-03-25 17:29:28 +00:00
|
|
|
|
|
|
|
// add the snake to the world
|
2020-03-23 19:11:39 +00:00
|
|
|
settings.snake.forEach(([x, y]) => this.world[x][y]=SNAKE);
|
|
|
|
|
|
|
|
|
|
|
|
// get the head and initial direction
|
|
|
|
this.head=[...settings.snake[0]];
|
2020-03-26 17:05:12 +00:00
|
|
|
if(settings.snake.length>=2) this.direction=[
|
|
|
|
settings.snake[0][0]-settings.snake[1][0],
|
|
|
|
settings.snake[0][1]-settings.snake[1][1]
|
|
|
|
];
|
|
|
|
else this.direction=[
|
|
|
|
1,
|
|
|
|
0
|
2020-03-23 19:11:39 +00:00
|
|
|
];
|
2020-03-25 18:29:55 +00:00
|
|
|
this.lastDirection=this.direction
|
2020-03-23 19:11:39 +00:00
|
|
|
|
2020-03-25 17:29:28 +00:00
|
|
|
// store the snake
|
2020-03-23 19:11:39 +00:00
|
|
|
this.snake=[...settings.snake];
|
2020-04-06 16:39:34 +00:00
|
|
|
this.length=this.snake.length;
|
2020-03-23 19:11:39 +00:00
|
|
|
|
|
|
|
// get our canvas, like, if we want to actually draw
|
|
|
|
this.canvas=canvas;
|
|
|
|
this.ctx=canvas.getContext('2d');
|
2020-04-04 20:59:50 +00:00
|
|
|
|
2020-03-25 14:57:20 +00:00
|
|
|
// load the custom rules
|
|
|
|
this.rules=Object.assign({
|
|
|
|
fruitRegrow: true,
|
2020-04-06 12:40:48 +00:00
|
|
|
superFruitGrow: false,
|
2020-04-06 13:17:21 +00:00
|
|
|
decayingFruitGrow: false,
|
2020-03-25 14:57:20 +00:00
|
|
|
speedIncrease: true,
|
|
|
|
worldWrap: true,
|
|
|
|
winCondition: 'none',
|
2020-03-25 17:29:28 +00:00
|
|
|
scoreSystem: 'fruit',
|
2020-04-07 12:37:15 +00:00
|
|
|
fireTickSpeed: 10,
|
2020-03-26 09:46:50 +00:00
|
|
|
autoSizeGrow: false,
|
2020-04-14 12:32:45 +00:00
|
|
|
autoSpeedIncrease: false,
|
|
|
|
timeFlow: true
|
2020-03-25 17:29:28 +00:00
|
|
|
}, rules, settings.rules || {});
|
2020-04-14 12:32:45 +00:00
|
|
|
|
|
|
|
// reset direction if time doesn't flow
|
|
|
|
if(!this.rules.timeFlow) {
|
|
|
|
this.lastDirection=[0, 0];
|
|
|
|
this.direction=[0, 0];
|
|
|
|
}
|
|
|
|
|
|
|
|
// set score if move-based
|
|
|
|
if(this.rules.scoreSystem=='moves') {
|
|
|
|
this.score=this.rules.moveCount;
|
|
|
|
}
|
2020-03-25 17:29:28 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
get playTime() {
|
|
|
|
return Date.now()-this.firstStep;
|
2020-03-23 19:11:39 +00:00
|
|
|
}
|
|
|
|
|
2020-04-13 13:34:11 +00:00
|
|
|
get speed() {
|
|
|
|
return Math.round(1000/this.delay);
|
|
|
|
}
|
|
|
|
|
2020-04-07 12:37:15 +00:00
|
|
|
getTilesOfType(type) {
|
|
|
|
return this
|
|
|
|
.world
|
|
|
|
.map(
|
|
|
|
(l, x) => l
|
|
|
|
.map(
|
|
|
|
(r, y) => r==type?[x,y]:null
|
|
|
|
).filter(
|
|
|
|
a => a
|
|
|
|
)
|
|
|
|
).flat();
|
|
|
|
}
|
|
|
|
|
2020-03-23 19:11:39 +00:00
|
|
|
draw() {
|
2020-03-25 18:29:55 +00:00
|
|
|
const assets=require('assets');
|
2020-04-06 08:58:44 +00:00
|
|
|
const config=require('config');
|
2020-03-25 18:29:55 +00:00
|
|
|
|
2020-03-23 19:11:39 +00:00
|
|
|
// clear the canvas, because it's easier than having to deal with everything
|
2020-03-25 14:57:20 +00:00
|
|
|
this.ctx.clearRect(0, 0, this.canvas.width, this.canvas.height);
|
2020-03-23 19:11:39 +00:00
|
|
|
|
|
|
|
// get the cell size and offset
|
|
|
|
const cellSize=Math.min(
|
2020-03-25 14:57:20 +00:00
|
|
|
this.canvas.width/this.dimensions[0],
|
2020-03-23 19:11:39 +00:00
|
|
|
this.canvas.height/this.dimensions[1]
|
|
|
|
);
|
|
|
|
const offsetX=(this.canvas.width-cellSize*this.dimensions[0])/2;
|
|
|
|
const offsetY=(this.canvas.height-cellSize*this.dimensions[1])/2;
|
|
|
|
|
2020-04-05 16:23:11 +00:00
|
|
|
// draw a grid/checkerboard if requested
|
2020-04-06 11:56:36 +00:00
|
|
|
if(config.getS('appearance.grid')=='grid') {
|
2020-04-05 16:23:11 +00:00
|
|
|
this.ctx.strokeStyle='rgba(0, 0, 0, 50%)';
|
|
|
|
this.ctx.lineCap='square';
|
|
|
|
this.ctx.lineWidth=1;
|
|
|
|
this.ctx.beginPath();
|
|
|
|
for(let x=1; x<this.dimensions[0]; x++) {
|
|
|
|
this.ctx.moveTo(offsetX+x*cellSize, offsetY);
|
|
|
|
this.ctx.lineTo(offsetX+x*cellSize, this.canvas.height-offsetY);
|
|
|
|
}
|
|
|
|
for(let y=1; y<this.dimensions[1]; y++) {
|
|
|
|
this.ctx.moveTo(offsetX, offsetY+y*cellSize);
|
|
|
|
this.ctx.lineTo(this.canvas.width-offsetX, offsetY+y*cellSize);
|
|
|
|
}
|
|
|
|
this.ctx.stroke();
|
2020-04-06 11:56:36 +00:00
|
|
|
} else if(config.getS('appearance.grid')=='checkerboard') {
|
2020-04-05 16:23:11 +00:00
|
|
|
this.ctx.fillStyle='rgba(0, 0, 0, 10%)';
|
|
|
|
for(let x=0; x<this.dimensions[0]; x++) {
|
|
|
|
for(let y=(x+1)%2; y<this.dimensions[1]; y+=2) {
|
|
|
|
this.ctx.fillRect(offsetX+x*cellSize, offsetY+y*cellSize, cellSize, cellSize);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
// draw our tiles
|
2020-03-24 12:01:24 +00:00
|
|
|
const wall=assets.get('wall');
|
2020-03-26 17:05:12 +00:00
|
|
|
const hole=assets.get('hole');
|
2020-03-26 18:26:47 +00:00
|
|
|
const fire=assets.get('fire');
|
2020-04-07 12:37:15 +00:00
|
|
|
const flammable=assets.get('flammable');
|
2020-04-06 12:40:48 +00:00
|
|
|
const superFruit=assets.get('superFruit');
|
2020-04-06 13:17:21 +00:00
|
|
|
const decayFruit=assets.get('decayFruit');
|
2020-04-14 12:32:45 +00:00
|
|
|
const portalA=assets.get('portalA');
|
|
|
|
const portalB=assets.get('portalB');
|
|
|
|
const portalC=assets.get('portalC');
|
|
|
|
const portalD=assets.get('portalD');
|
2020-04-14 13:43:00 +00:00
|
|
|
const key=assets.get('key');
|
|
|
|
const door=assets.get('door');
|
2020-03-26 17:05:12 +00:00
|
|
|
const putTile=(x, y, tile) => this.ctx.drawImage(
|
|
|
|
tile,
|
|
|
|
offsetX+cellSize*x,
|
|
|
|
offsetY+cellSize*y,
|
|
|
|
cellSize,
|
|
|
|
cellSize
|
|
|
|
);
|
2020-03-26 19:12:19 +00:00
|
|
|
const putTileAnim=(x, y, tile) => putTile(x, y, tile[
|
|
|
|
Math.floor(Date.now()/1000*60+x+y)%tile.length
|
|
|
|
]);
|
2020-04-06 13:17:21 +00:00
|
|
|
const putTileAnimPercent=(x, y, tile, percent) => putTile(x, y, tile[
|
|
|
|
Math.min(Math.round(percent*tile.length), tile.length-1)
|
|
|
|
]);
|
2020-03-26 17:05:12 +00:00
|
|
|
const checkAdj=(x, y) => {
|
|
|
|
let adj={};
|
|
|
|
adj.u=this.world[x][y-1];
|
|
|
|
adj.d=this.world[x][y+1];
|
|
|
|
adj.l=(this.world[x-1] || [])[y];
|
|
|
|
adj.r=(this.world[x+1] || [])[y];
|
|
|
|
adj.ul=(this.world[x-1] || [])[y-1];
|
|
|
|
adj.ur=(this.world[x+1] || [])[y-1];
|
|
|
|
adj.dl=(this.world[x-1] || [])[y+1];
|
|
|
|
adj.dr=(this.world[x+1] || [])[y+1];
|
|
|
|
return adj;
|
|
|
|
};
|
2020-03-23 19:11:39 +00:00
|
|
|
for(let x=0; x<this.dimensions[0]; x++) {
|
2020-03-25 14:57:20 +00:00
|
|
|
for(let y=0; y<this.dimensions[1]; y++) {
|
2020-03-23 19:11:39 +00:00
|
|
|
switch(this.world[x][y]) {
|
|
|
|
case WALL:
|
2020-03-26 17:05:12 +00:00
|
|
|
putTile(x, y, wall);
|
|
|
|
break;
|
|
|
|
|
2020-03-26 18:26:47 +00:00
|
|
|
case FIRE:
|
2020-03-26 19:12:19 +00:00
|
|
|
putTileAnim(x, y, fire);
|
2020-03-26 18:26:47 +00:00
|
|
|
break;
|
|
|
|
|
2020-04-04 20:59:50 +00:00
|
|
|
case HOLE:
|
2020-03-26 17:05:12 +00:00
|
|
|
case HOLE_S: {
|
|
|
|
putTile(x, y, hole.base);
|
|
|
|
let adj=checkAdj(x, y);
|
|
|
|
Object
|
|
|
|
.keys(adj)
|
|
|
|
.filter(k => adj[k]==HOLE || adj[k]==HOLE_S)
|
|
|
|
.forEach(k => putTile(x, y, hole[k]));
|
2020-03-23 19:11:39 +00:00
|
|
|
break;
|
2020-03-26 17:05:12 +00:00
|
|
|
// technically, this works for all shapes
|
|
|
|
// however, the tileset only handles convex shapes
|
|
|
|
}
|
2020-04-06 12:40:48 +00:00
|
|
|
|
2020-04-07 12:37:15 +00:00
|
|
|
case FLAMMABLE:
|
|
|
|
case FLAMMABLE_S:
|
|
|
|
putTile(x, y, flammable);
|
|
|
|
break;
|
|
|
|
|
2020-04-06 12:40:48 +00:00
|
|
|
case SUPER_FOOD:
|
|
|
|
putTileAnim(x, y, superFruit);
|
|
|
|
break;
|
2020-04-14 12:32:45 +00:00
|
|
|
|
|
|
|
case PORTAL_A:
|
|
|
|
case PORTAL_A_S:
|
|
|
|
putTileAnim(x, y, portalA);
|
|
|
|
break;
|
|
|
|
case PORTAL_B:
|
|
|
|
case PORTAL_B_S:
|
|
|
|
putTileAnim(x, y, portalB);
|
|
|
|
break;
|
|
|
|
case PORTAL_C:
|
|
|
|
case PORTAL_C_S:
|
|
|
|
putTileAnim(x, y, portalC);
|
|
|
|
break;
|
|
|
|
case PORTAL_D:
|
|
|
|
case PORTAL_D_S:
|
|
|
|
putTileAnim(x, y, portalD);
|
|
|
|
break;
|
2020-04-14 13:43:00 +00:00
|
|
|
|
|
|
|
case KEY:
|
|
|
|
putTile(x, y, key);
|
|
|
|
break;
|
|
|
|
case DOOR:
|
|
|
|
putTile(x, y, door);
|
|
|
|
break;
|
2020-03-23 19:11:39 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2020-04-07 12:37:15 +00:00
|
|
|
// draw our decaying fruits (they have more information than just XY, so they need to be drawn here
|
2020-04-06 13:17:21 +00:00
|
|
|
this.decayFood.forEach(([x, y, birth]) =>
|
|
|
|
putTileAnimPercent(x, y, decayFruit, (this.playTime-birth)/2000)
|
|
|
|
);
|
|
|
|
|
2020-04-14 12:32:45 +00:00
|
|
|
// draw the lines between portals
|
|
|
|
if(Object.keys(this.portals).length) {
|
|
|
|
this.ctx.strokeStyle='rgba(128, 128, 128, 20%)';
|
|
|
|
this.ctx.lineCap='round';
|
|
|
|
this.ctx.lineWidth=cellSize*.15;
|
|
|
|
const drawTunnel=([xa, ya], [xb, yb]) => {
|
|
|
|
const angle=(Math.floor(Date.now()/10)%360)*(Math.PI/180);
|
|
|
|
for(let i=0; i<=1; i++) {
|
|
|
|
const dx=cellSize/3*Math.cos(angle+i*Math.PI);
|
|
|
|
const dy=cellSize/3*Math.sin(angle+i*Math.PI);
|
|
|
|
this.ctx.beginPath();
|
|
|
|
this.ctx.moveTo(
|
|
|
|
offsetX+cellSize*(xa+1/2)+dx,
|
|
|
|
offsetY+cellSize*(ya+1/2)+dy
|
|
|
|
);
|
|
|
|
this.ctx.lineTo(
|
|
|
|
offsetX+cellSize*(xb+1/2)+dx,
|
|
|
|
offsetY+cellSize*(yb+1/2)+dy
|
|
|
|
);
|
|
|
|
this.ctx.stroke();
|
|
|
|
}
|
|
|
|
};
|
|
|
|
if(this.portals.a && this.portals.b) drawTunnel(this.portals.a, this.portals.b);
|
|
|
|
if(this.portals.c && this.portals.d) drawTunnel(this.portals.c, this.portals.d);
|
|
|
|
}
|
|
|
|
|
2020-04-07 12:37:15 +00:00
|
|
|
// draw our snake (it gets drawn completely differently, so here it goes)
|
2020-03-24 12:01:24 +00:00
|
|
|
const snake=assets.get('snake');
|
2020-03-23 19:11:39 +00:00
|
|
|
this.ctx.fillStyle=snake.color;
|
|
|
|
this.ctx.strokeStyle=snake.color;
|
|
|
|
this.ctx.lineCap=snake.cap;
|
|
|
|
this.ctx.lineJoin=snake.join;
|
|
|
|
this.ctx.lineWidth=cellSize*snake.tailSize;
|
|
|
|
|
|
|
|
this.ctx.beginPath();
|
|
|
|
this.ctx.ellipse(
|
|
|
|
offsetX+cellSize*(this.snake[0][0]+1/2),
|
|
|
|
offsetY+cellSize*(this.snake[0][1]+1/2),
|
|
|
|
cellSize/2*snake.headSize,
|
|
|
|
cellSize/2*snake.headSize,
|
|
|
|
0,
|
|
|
|
0,
|
|
|
|
Math.PI*2
|
|
|
|
);
|
|
|
|
this.ctx.fill();
|
|
|
|
|
|
|
|
this.ctx.beginPath();
|
2020-03-25 18:29:55 +00:00
|
|
|
this.snake.forEach(([x, y], i, a) => {
|
2020-03-23 19:11:39 +00:00
|
|
|
this.ctx.lineTo(
|
|
|
|
offsetX+cellSize*(x+1/2),
|
|
|
|
offsetY+cellSize*(y+1/2)
|
|
|
|
);
|
2020-03-25 18:29:55 +00:00
|
|
|
if(i!=0 && Math.hypot(x-a[i-1][0], y-a[i-1][1])>1) {
|
|
|
|
this.ctx.lineWidth=cellSize*snake.tailWrapSize;
|
|
|
|
} else {
|
|
|
|
this.ctx.lineWidth=cellSize*snake.tailSize;
|
|
|
|
}
|
|
|
|
this.ctx.stroke();
|
|
|
|
this.ctx.beginPath()
|
|
|
|
this.ctx.moveTo(
|
|
|
|
offsetX+cellSize*(x+1/2),
|
|
|
|
offsetY+cellSize*(y+1/2)
|
|
|
|
);
|
2020-03-23 19:11:39 +00:00
|
|
|
});
|
|
|
|
this.ctx.stroke();
|
|
|
|
|
|
|
|
// our fruit has a nice animation to it between .8 and 1.2 scale
|
|
|
|
const ms=Date.now();
|
2020-03-25 14:57:20 +00:00
|
|
|
const fruitScale=Math.sin(ms/400*Math.PI)*.2+1
|
2020-03-24 12:01:24 +00:00
|
|
|
const fruit=assets.get('fruit');
|
2020-03-23 19:11:39 +00:00
|
|
|
this.fruits.forEach(([x, y]) => {
|
|
|
|
this.ctx.drawImage(
|
|
|
|
fruit,
|
|
|
|
offsetX+cellSize*x+(1-fruitScale)*cellSize/2,
|
2020-03-25 17:29:28 +00:00
|
|
|
offsetY+cellSize*y+(1-fruitScale)*cellSize/2,
|
2020-03-23 19:11:39 +00:00
|
|
|
cellSize*fruitScale,
|
|
|
|
cellSize*fruitScale
|
|
|
|
);
|
|
|
|
});
|
2020-04-06 11:56:36 +00:00
|
|
|
|
|
|
|
// show the timer
|
|
|
|
if(this.rules.winCondition=='time') {
|
|
|
|
if(config.getS('appearance.timer')=='border' || config.getS('appearance.timer')=='both') {
|
|
|
|
let remaining=(this.rules.gameDuration-this.playTime)/this.rules.gameDuration;
|
|
|
|
const w=this.dimensions[0]*cellSize;
|
|
|
|
const h=this.dimensions[1]*cellSize;
|
|
|
|
const p=w*2+h*2;
|
|
|
|
|
|
|
|
const wp=w/p;
|
|
|
|
const hp=h/p;
|
|
|
|
|
|
|
|
const pdst=(st, ed, frac) =>
|
|
|
|
(ed-st)*frac+st;
|
|
|
|
|
|
|
|
this.ctx.strokeStyle='#930a16';
|
|
|
|
this.ctx.lineJoin='miter';
|
|
|
|
this.ctx.lineCap='round';
|
|
|
|
this.ctx.lineWidth=5;
|
|
|
|
this.ctx.beginPath();
|
|
|
|
this.ctx.moveTo(this.canvas.width/2, offsetY+2);
|
|
|
|
|
|
|
|
let sp=Math.min(wp/2, remaining);
|
|
|
|
remaining-=sp;
|
|
|
|
this.ctx.lineTo(pdst(this.canvas.width/2, w+offsetX-2, sp/wp*2), offsetY+2);
|
|
|
|
if(remaining) {
|
|
|
|
sp=Math.min(hp, remaining);
|
|
|
|
remaining-=sp;
|
|
|
|
this.ctx.lineTo(w+offsetX-2, pdst(offsetY+2, offsetY+h-2, sp/hp));
|
|
|
|
}
|
|
|
|
if(remaining) {
|
|
|
|
sp=Math.min(wp, remaining);
|
|
|
|
remaining-=sp;
|
|
|
|
this.ctx.lineTo(pdst(w+offsetX-2, offsetX+2, sp/wp), offsetY+h-2);
|
|
|
|
}
|
|
|
|
if(remaining) {
|
|
|
|
sp=Math.min(hp, remaining);
|
|
|
|
remaining-=sp;
|
|
|
|
this.ctx.lineTo(offsetX+2, pdst(offsetY+h-2, offsetY+2, sp/hp));
|
|
|
|
}
|
|
|
|
if(remaining) {
|
|
|
|
this.ctx.lineTo(pdst(offsetX+2, this.canvas.width/2, remaining/wp*2), offsetY+2);
|
|
|
|
}
|
|
|
|
this.ctx.stroke();
|
|
|
|
}
|
|
|
|
if(config.getS('appearance.timer')=='number' || config.getS('appearance.timer')=='both') {
|
|
|
|
let remaining=''+Math.ceil((this.rules.gameDuration-this.playTime)/1000);
|
|
|
|
while(remaining.length<(''+this.rules.gameDuration/1000).length) remaining='0'+remaining;
|
|
|
|
|
|
|
|
this.ctx.fillStyle='#930a16';
|
|
|
|
this.ctx.textAlign='center';
|
|
|
|
this.ctx.textBaseline='middle';
|
|
|
|
this.ctx.font='4rem "Fira Code"';
|
|
|
|
this.ctx.fillText(remaining, this.canvas.width/2, this.canvas.height/2);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
// draw the border around our game area
|
|
|
|
this.ctx.fillStyle='black';
|
|
|
|
this.ctx.fillRect(0, 0, this.canvas.width, offsetY);
|
|
|
|
this.ctx.fillRect(0, 0, offsetX, this.canvas.height);
|
|
|
|
this.ctx.fillRect(offsetX+cellSize*this.dimensions[0], 0, offsetX, this.canvas.height);
|
|
|
|
this.ctx.fillRect(0, offsetY+cellSize*this.dimensions[1], this.canvas.width, offsetY);
|
2020-03-23 19:11:39 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
step() {
|
2020-03-25 18:29:55 +00:00
|
|
|
this.tickId++;
|
|
|
|
this.lastDirection=this.direction;
|
|
|
|
|
2020-03-23 19:11:39 +00:00
|
|
|
// compute our new head
|
2020-04-14 12:32:45 +00:00
|
|
|
let head;
|
|
|
|
if(!this.portaled && [PORTAL_A_S, PORTAL_B_S, PORTAL_C_S, PORTAL_D_S].includes(this.world[this.snake[0][0]][this.snake[0][1]])) {
|
|
|
|
const tile=this.world[this.snake[0][0]][this.snake[0][1]];
|
|
|
|
if(tile==PORTAL_A_S) head=this.portals.b;
|
|
|
|
if(tile==PORTAL_B_S) head=this.portals.a;
|
|
|
|
if(tile==PORTAL_C_S) head=this.portals.d;
|
|
|
|
if(tile==PORTAL_D_S) head=this.portals.c;
|
|
|
|
this.portaled=true;
|
|
|
|
} else {
|
|
|
|
head=[
|
|
|
|
this.snake[0][0]+this.direction[0],
|
|
|
|
this.snake[0][1]+this.direction[1]
|
|
|
|
];
|
|
|
|
this.portaled=false;
|
|
|
|
}
|
2020-03-23 19:11:39 +00:00
|
|
|
|
|
|
|
// get our tail out of the way
|
|
|
|
const tail=this.snake.pop();
|
2020-03-26 17:05:12 +00:00
|
|
|
switch(this.world[tail[0]][tail[1]]) {
|
|
|
|
case HOLE_S:
|
|
|
|
this.world[tail[0]][tail[1]]=HOLE;
|
|
|
|
break;
|
2020-04-07 12:37:15 +00:00
|
|
|
case FLAMMABLE_S:
|
|
|
|
this.world[tail[0]][tail[1]]=FLAMMABLE;
|
|
|
|
break;
|
2020-04-14 12:32:45 +00:00
|
|
|
case PORTAL_A_S:
|
|
|
|
this.world[tail[0]][tail[1]]=PORTAL_A;
|
|
|
|
break;
|
|
|
|
case PORTAL_B_S:
|
|
|
|
this.world[tail[0]][tail[1]]=PORTAL_B;
|
|
|
|
break;
|
|
|
|
case PORTAL_C_S:
|
|
|
|
this.world[tail[0]][tail[1]]=PORTAL_C;
|
|
|
|
break;
|
|
|
|
case PORTAL_D_S:
|
|
|
|
this.world[tail[0]][tail[1]]=PORTAL_D;
|
|
|
|
break;
|
2020-03-26 17:05:12 +00:00
|
|
|
default:
|
|
|
|
this.world[tail[0]][tail[1]]=EMPTY;
|
|
|
|
}
|
2020-03-23 19:11:39 +00:00
|
|
|
|
2020-03-25 14:57:20 +00:00
|
|
|
// check for out of world conditions
|
|
|
|
if(head[0]<0 || head[0]>=this.dimensions[0] || head[1]<0 || head[1]>=this.dimensions[1]) {
|
|
|
|
if(this.rules.worldWrap) {
|
|
|
|
head[0]=(head[0]+this.dimensions[0])%this.dimensions[0];
|
|
|
|
head[1]=(head[1]+this.dimensions[1])%this.dimensions[1];
|
|
|
|
} else {
|
2020-04-13 13:50:46 +00:00
|
|
|
return this.die("literally fell out of the world", "exited the grid");
|
2020-03-25 14:57:20 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2020-03-23 19:11:39 +00:00
|
|
|
switch(this.world[head[0]][head[1]]) {
|
|
|
|
// you hit, you die
|
2020-04-13 13:50:46 +00:00
|
|
|
case WALL: return this.die("thought walls were edible", "hit a wall");
|
|
|
|
case FIRE: return this.die("burned to a crisp", "hit fire");
|
2020-04-14 13:43:00 +00:00
|
|
|
case DOOR: return this.die("forgot to OPEN the door", "hit a door");
|
|
|
|
|
|
|
|
// congratilations, you played yourself!
|
2020-03-23 19:11:39 +00:00
|
|
|
case SNAKE:
|
2020-03-26 17:05:12 +00:00
|
|
|
case HOLE_S:
|
2020-04-13 13:50:46 +00:00
|
|
|
case FLAMMABLE_S:
|
2020-04-14 12:32:45 +00:00
|
|
|
case PORTAL_A_S:
|
|
|
|
case PORTAL_B_S:
|
|
|
|
case PORTAL_C_S:
|
|
|
|
case PORTAL_D_S:
|
2020-04-13 13:50:46 +00:00
|
|
|
return this.die("achieved every dog's dream", "ate their own tail");
|
2020-03-23 19:11:39 +00:00
|
|
|
|
2020-03-26 17:05:12 +00:00
|
|
|
// if either 3 consecutive segments or the whole snake is on a hole, you die
|
|
|
|
case HOLE:
|
|
|
|
if(
|
|
|
|
this.snake.length==0 ||
|
|
|
|
this.snake.length==1 &&
|
|
|
|
this.world[this.snake[0][0]][this.snake[0][1]]==HOLE_S ||
|
|
|
|
this.snake.length>=2 &&
|
|
|
|
this.world[this.snake[0][0]][this.snake[0][1]]==HOLE_S &&
|
|
|
|
this.world[this.snake[1][0]][this.snake[1][1]]==HOLE_S
|
2020-04-13 13:50:46 +00:00
|
|
|
) return this.die("fell harder than their grades", "fell in a hole");
|
2020-03-26 17:05:12 +00:00
|
|
|
break;
|
|
|
|
|
2020-04-06 12:40:48 +00:00
|
|
|
// you eat, you get a massive score boost
|
|
|
|
case SUPER_FOOD:
|
|
|
|
this.score+=10;
|
|
|
|
break;
|
|
|
|
|
2020-04-06 13:17:21 +00:00
|
|
|
// you eat, you get a small score boost
|
|
|
|
case DECAY_FOOD:
|
|
|
|
this.score+=5;
|
|
|
|
this.decayFood=this.decayFood.filter(
|
|
|
|
([x, y, _]) => !(x==head[0] && y==head[1])
|
|
|
|
);
|
|
|
|
break;
|
|
|
|
|
2020-04-14 13:43:00 +00:00
|
|
|
// you eat, you destroy all doors
|
|
|
|
case KEY:
|
|
|
|
this.getTilesOfType(DOOR).forEach(([x, y]) => this.world[x][y]=EMPTY);
|
|
|
|
break;
|
|
|
|
|
2020-04-06 12:40:48 +00:00
|
|
|
// you eat, you grow
|
2020-03-25 14:57:20 +00:00
|
|
|
case FOOD:
|
2020-04-07 12:37:15 +00:00
|
|
|
// re-grow the snake partially (can't hit the tail, but it's there for all other intents and purposes
|
2020-03-23 19:11:39 +00:00
|
|
|
this.snake.push(tail);
|
2020-04-06 16:39:34 +00:00
|
|
|
this.length++;
|
2020-03-23 19:11:39 +00:00
|
|
|
|
|
|
|
// remove the fruit from existence
|
|
|
|
this.world[head[0]][head[1]]=SNAKE;
|
2020-03-25 17:29:28 +00:00
|
|
|
this.fruits=this.fruits.filter(
|
|
|
|
([x, y]) => !(x==head[0] && y==head[1])
|
2020-03-23 19:11:39 +00:00
|
|
|
);
|
|
|
|
|
2020-04-04 20:59:50 +00:00
|
|
|
// increase score
|
|
|
|
this.score++;
|
|
|
|
|
2020-04-06 12:40:48 +00:00
|
|
|
// custom rules
|
|
|
|
if(this.rules.fruitRegrow) {
|
2020-04-07 12:37:15 +00:00
|
|
|
const emptyCells=this.getTilesOfType(EMPTY);
|
2020-04-06 12:40:48 +00:00
|
|
|
|
2020-03-23 19:11:39 +00:00
|
|
|
const cell=emptyCells[Math.floor(Math.random()*emptyCells.length)];
|
|
|
|
this.fruits.push(cell);
|
2020-03-25 14:57:20 +00:00
|
|
|
this.world[cell[0]][cell[1]]=FOOD;
|
2020-03-23 19:11:39 +00:00
|
|
|
}
|
2020-03-25 18:29:55 +00:00
|
|
|
|
2020-04-06 12:40:48 +00:00
|
|
|
if(this.rules.superFruitGrow) {
|
|
|
|
if(Math.random()<.1) { // 10% chance
|
2020-04-07 12:37:15 +00:00
|
|
|
const emptyCells=this.getTilesOfType(EMPTY);
|
2020-04-06 12:40:48 +00:00
|
|
|
const cell=emptyCells[Math.floor(Math.random()*emptyCells.length)];
|
|
|
|
this.world[cell[0]][cell[1]]=SUPER_FOOD;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2020-04-06 13:17:21 +00:00
|
|
|
if(this.rules.decayingFruitGrow) {
|
|
|
|
if(Math.random()<.2) { // 20% chance
|
2020-04-07 12:37:15 +00:00
|
|
|
const emptyCells=this.getTilesOfType(EMPTY);
|
2020-04-06 13:17:21 +00:00
|
|
|
const cell=emptyCells[Math.floor(Math.random()*emptyCells.length)];
|
|
|
|
this.world[cell[0]][cell[1]]=DECAY_FOOD;
|
|
|
|
this.decayFood.push([cell[0], cell[1], this.playTime]);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2020-03-25 18:29:55 +00:00
|
|
|
if(this.rules.speedIncrease) {
|
|
|
|
this.delay*=this.rules.speedMultiplier;
|
|
|
|
if(this.delay<this.rules.speedCap) this.delay=this.rules.speedCap;
|
|
|
|
}
|
2020-03-23 19:11:39 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
// move our head forward
|
2020-03-26 17:05:12 +00:00
|
|
|
switch(this.world[head[0]][head[1]]) {
|
|
|
|
case HOLE:
|
|
|
|
this.world[head[0]][head[1]]=HOLE_S;
|
|
|
|
break;
|
2020-04-07 12:37:15 +00:00
|
|
|
case FLAMMABLE:
|
|
|
|
this.world[head[0]][head[1]]=FLAMMABLE_S;
|
|
|
|
break;
|
2020-04-14 12:32:45 +00:00
|
|
|
case PORTAL_A:
|
|
|
|
this.world[head[0]][head[1]]=PORTAL_A_S;
|
|
|
|
break;
|
|
|
|
case PORTAL_B:
|
|
|
|
this.world[head[0]][head[1]]=PORTAL_B_S;
|
|
|
|
break;
|
|
|
|
case PORTAL_C:
|
|
|
|
this.world[head[0]][head[1]]=PORTAL_C_S;
|
|
|
|
break;
|
|
|
|
case PORTAL_D:
|
|
|
|
this.world[head[0]][head[1]]=PORTAL_D_S;
|
|
|
|
break;
|
2020-03-26 17:05:12 +00:00
|
|
|
default:
|
|
|
|
this.world[head[0]][head[1]]=SNAKE;
|
|
|
|
}
|
2020-03-23 19:11:39 +00:00
|
|
|
this.snake.unshift(head);
|
|
|
|
|
2020-04-06 13:17:21 +00:00
|
|
|
// decay decaying food
|
|
|
|
this.decayFood.forEach(
|
|
|
|
([x, y, birth]) => {
|
|
|
|
if(this.playTime>=birth+2000) this.world[x][y]=EMPTY;
|
|
|
|
}
|
|
|
|
);
|
|
|
|
this.decayFood=this.decayFood.filter(
|
|
|
|
([_, __, birth]) => this.playTime<birth+2000
|
|
|
|
);
|
|
|
|
|
2020-03-25 18:29:55 +00:00
|
|
|
// automatic speed increase
|
|
|
|
if(this.rules.autoSpeedIncrease) {
|
|
|
|
if(this.delay>50 && this.tickId%this.rules.autoSpeadIncreaseTicks==0) this.delay--;
|
|
|
|
}
|
|
|
|
|
|
|
|
// automatic size grow
|
|
|
|
if(this.rules.autoSizeGrow) {
|
|
|
|
if(this.tickId%this.rules.autoSizeGrowTicks==0) this.snake.push(tail);
|
|
|
|
}
|
|
|
|
|
2020-04-07 12:37:15 +00:00
|
|
|
// fire tick
|
|
|
|
if(this.tickId%this.rules.fireTickSpeed==0) {
|
|
|
|
const touchingFire=([x, y]) => {
|
|
|
|
const surrounding=[
|
|
|
|
this.world[x][y-1],
|
|
|
|
this.world[x][y+1],
|
|
|
|
(this.world[x-1]||[])[y],
|
|
|
|
(this.world[x+1]||[])[y]
|
|
|
|
];
|
|
|
|
return surrounding.some(tile => tile==FIRE);
|
|
|
|
};
|
2020-04-13 13:50:46 +00:00
|
|
|
if(this.getTilesOfType(FLAMMABLE_S).some(touchingFire)) return this.die("didn't know oil was flammable", "stood on oil when it caught on fire");
|
2020-04-07 12:37:15 +00:00
|
|
|
this.getTilesOfType(FLAMMABLE).filter(touchingFire).forEach(([x, y]) => this.world[x][y]=FIRE);
|
|
|
|
}
|
|
|
|
|
2020-04-14 12:32:45 +00:00
|
|
|
// THE WORLD!
|
|
|
|
if(!this.rules.timeFlow) {
|
|
|
|
this.lastDirection=[0, 0];
|
|
|
|
this.direction=[0, 0];
|
|
|
|
}
|
|
|
|
|
2020-03-23 19:11:39 +00:00
|
|
|
// victory condition
|
2020-03-25 17:29:28 +00:00
|
|
|
if(this.rules.winCondition=='fruit') {
|
|
|
|
if(!this.fruits.length) return this.win();
|
|
|
|
}
|
|
|
|
if(this.rules.winCondition=='time') {
|
|
|
|
if(this.playTime>=this.rules.gameDuration) return this.win();
|
|
|
|
}
|
|
|
|
if(this.rules.winCondition=='score') {
|
|
|
|
if(this.score>=this.rules.scoreObjective) return this.win();
|
|
|
|
}
|
2020-04-14 12:32:45 +00:00
|
|
|
if(this.rules.scoreSystem=='moves') {
|
|
|
|
if(this.score) this.score--;
|
|
|
|
}
|
2020-03-23 19:11:39 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
tick() {
|
2020-03-25 14:57:20 +00:00
|
|
|
if(!this.playing) return;
|
2020-03-23 19:11:39 +00:00
|
|
|
if(!this.lastStep) this.lastStep=this.firstStep;
|
2020-03-25 14:57:20 +00:00
|
|
|
this.draw();
|
2020-03-25 17:29:28 +00:00
|
|
|
if(this.callback) this.callback('tick');
|
2020-04-14 12:32:45 +00:00
|
|
|
if(this.rules.timeFlow && this.lastStep+this.delay<Date.now()) {
|
2020-03-25 14:57:20 +00:00
|
|
|
this.lastStep+=this.delay;
|
2020-03-23 19:11:39 +00:00
|
|
|
this.step();
|
|
|
|
}
|
2020-04-14 12:32:45 +00:00
|
|
|
if(!this.rules.timeFlow && (this.direction[0]!=0 || this.direction[1]!=0)) {
|
|
|
|
this.step();
|
|
|
|
}
|
2020-03-23 19:11:39 +00:00
|
|
|
requestAnimationFrame(() => this.tick());
|
|
|
|
}
|
|
|
|
|
|
|
|
win() {
|
|
|
|
this.playing=false;
|
2020-03-25 17:29:28 +00:00
|
|
|
this.endPlayTime=this.playTime;
|
|
|
|
if(this.callback) this.callback('win');
|
2020-03-23 19:11:39 +00:00
|
|
|
}
|
|
|
|
|
2020-04-13 13:50:46 +00:00
|
|
|
die(message='died', reason='died') {
|
2020-03-23 19:11:39 +00:00
|
|
|
this.playing=false;
|
2020-03-25 17:29:28 +00:00
|
|
|
this.endPlayTime=this.playTime;
|
2020-04-13 13:50:46 +00:00
|
|
|
this.death={message, reason};
|
2020-03-25 17:29:28 +00:00
|
|
|
if(this.callback) this.callback('die');
|
2020-03-23 19:11:39 +00:00
|
|
|
}
|
|
|
|
|
2020-03-25 14:57:20 +00:00
|
|
|
handleInputs(inputs) {
|
2020-04-06 08:58:44 +00:00
|
|
|
const config=require('config');
|
|
|
|
|
2020-03-26 17:05:12 +00:00
|
|
|
// change direction if the input is valid
|
2020-03-25 14:57:20 +00:00
|
|
|
const trySet=(dir) => {
|
2020-03-25 18:29:55 +00:00
|
|
|
if(!dir.every((e, i) => e==this.lastDirection[i] || e==-this.lastDirection[i])) {
|
|
|
|
this.direction=dir;
|
|
|
|
return true;
|
|
|
|
}
|
2020-03-25 14:57:20 +00:00
|
|
|
}
|
2020-03-26 09:46:50 +00:00
|
|
|
|
2020-03-26 17:05:12 +00:00
|
|
|
// reduce buffer duration
|
2020-03-26 09:46:50 +00:00
|
|
|
Object
|
|
|
|
.keys(inputs)
|
|
|
|
.forEach(k => {
|
|
|
|
let v=inputs[k];
|
|
|
|
if(v===true) v=5;
|
|
|
|
v--;
|
|
|
|
if(!v) delete inputs[k];
|
|
|
|
else inputs[k]=v;
|
|
|
|
});
|
|
|
|
|
2020-03-26 17:05:12 +00:00
|
|
|
// try all inputs in order and unbuffer them if valid
|
2020-04-06 08:58:44 +00:00
|
|
|
if(inputs.left && trySet([-1, 0])) delete inputs.left;
|
|
|
|
else if(inputs.right && trySet([ 1, 0])) delete inputs.right;
|
|
|
|
else if(inputs.up && trySet([ 0,-1])) delete inputs.up;
|
|
|
|
else if(inputs.down && trySet([ 0, 1])) delete inputs.down;
|
2020-03-26 11:04:18 +00:00
|
|
|
|
2020-03-26 17:05:12 +00:00
|
|
|
// buffering might be disabled
|
2020-04-06 08:58:44 +00:00
|
|
|
if(!config.getB('input.buffer')) {
|
2020-03-26 11:04:18 +00:00
|
|
|
Object
|
|
|
|
.keys(inputs)
|
|
|
|
.forEach(k => delete inputs[k]);
|
|
|
|
}
|
2020-03-25 14:57:20 +00:00
|
|
|
}
|
|
|
|
|
2020-03-23 19:11:39 +00:00
|
|
|
start() {
|
|
|
|
this.firstStep=Date.now();
|
2020-03-25 18:29:55 +00:00
|
|
|
this.tickId=0;
|
2020-03-25 14:57:20 +00:00
|
|
|
this.playing=true;
|
2020-03-23 19:11:39 +00:00
|
|
|
requestAnimationFrame(() => this.tick());
|
|
|
|
}
|
|
|
|
}
|
2020-03-24 09:46:01 +00:00
|
|
|
|
2020-04-04 20:59:50 +00:00
|
|
|
return module.exports=SnekGame;
|