← Así se hace un juego: Snake de Daily Challenge · Lección 8/16

Choques, comida y puntos

1/7

¿Está libre?

Antes de meter la cabeza nueva, Snake pregunta si esa casilla está libre. Esto es isFree, completa:

if (x < 0 || y < 0 || x >= COLS || y >= ROWS) return false; if (this.walls[y][x]) return false; return !this.body.some(b => b.x === x && b.y === y);

Fuera del tablero, muro o cuerpo: perdiste. Pero hay una excepción fina. La cola se va a mover en el mismo paso, así que meter la cabeza donde ahora está la cola es válido… siempre que no estés comiendo, porque al comer la cola se queda:

const hitsTail = !eating && head.x === tail.x && head.y === tail.y;

x muro
c cabeza
s cuerpo (la de la izquierda arriba es la cola)

leccion.js

1const COLS = 6, ROWS = 5;
2const walls = ["xxxxxx", "x....x", "x....x", "x....x", "xxxxxx"].map(f => [...f].map(c => c === "x"));
3// cabeza en (3,1), luego (3,2), (2,2) y la cola en (2,1): un cuadrito
4const body = [{ x: 3, y: 1 }, { x: 3, y: 2 }, { x: 2, y: 2 }, { x: 2, y: 1 }];
5
6function isFree(x, y) {
7  if (x < 0 || y < 0 || x >= COLS || y >= ROWS) return false;
8  if (walls[y][x]) return false;
9  return !body.some(b => b.x === x && b.y === y);
10}
11
12console.log("derecha (4,1):", isFree(4, 1));
13console.log("arriba (3,0), muro:", isFree(3, 0));
14console.log("fuera (9,9):", isFree(9, 9));
15const tail = body[body.length - 1];
16const head = { x: 2, y: 1 };   // izquierda: donde está la cola
17console.log("izquierda (2,1):", isFree(head.x, head.y), "pero ¿es la cola?", head.x === tail.x && head.y === tail.y);

$ node leccion.js

Pulsa CORRER (o Ctrl+Enter).

Qué mirar

La casilla de la izquierda no está libre (es cuerpo), pero es la cola: Snake deja pasar. Sin esa excepción, una serpiente de cuatro no podría dar vueltas en un cuadrito de 2 × 2.

Toda la lección en una página

¿Está libre?

Antes de meter la cabeza nueva, Snake pregunta si esa casilla está libre. Esto es isFree, completa:

if (x < 0 || y < 0 || x >= COLS || y >= ROWS) return false; if (this.walls[y][x]) return false; return !this.body.some(b => b.x === x && b.y === y);

const hitsTail = !eating && head.x === tail.x && head.y === tail.y;

x muro
c cabeza
s cuerpo (la de la izquierda arriba es la cola)

1const COLS = 6, ROWS = 5;
2const walls = ["xxxxxx", "x....x", "x....x", "x....x", "xxxxxx"].map(f => [...f].map(c => c === "x"));
3// cabeza en (3,1), luego (3,2), (2,2) y la cola en (2,1): un cuadrito
4const body = [{ x: 3, y: 1 }, { x: 3, y: 2 }, { x: 2, y: 2 }, { x: 2, y: 1 }];
5
6function isFree(x, y) {
7  if (x < 0 || y < 0 || x >= COLS || y >= ROWS) return false;
8  if (walls[y][x]) return false;
9  return !body.some(b => b.x === x && b.y === y);
10}
11
12console.log("derecha (4,1):", isFree(4, 1));
13console.log("arriba (3,0), muro:", isFree(3, 0));
14console.log("fuera (9,9):", isFree(9, 9));
15const tail = body[body.length - 1];
16const head = { x: 2, y: 1 };   // izquierda: donde está la cola
17console.log("izquierda (2,1):", isFree(head.x, head.y), "pero ¿es la cola?", head.x === tail.x && head.y === tail.y);

La casilla de la izquierda no está libre (es cuerpo), pero es la cola: Snake deja pasar. Sin esa excepción, una serpiente de cuatro no podría dar vueltas en un cuadrito de 2 × 2.

Comer: crecer y acelerar

Comer es no hacer pop: entra la cabeza y la cola se queda, así que la serpiente mide uno más. Además, en ese mismo paso:

this.score += 10 + Math.max(0, 8 - this.interval) * 5; // más rápido = más puntos this.interval = Math.max(3, 8 - Math.floor(this.eaten / 4)); this.events.push('eat');

Cada fruta vale 10, más 5 por cada tick que la serpiente ya va más rápido que al principio. Ir rápido es más difícil, y paga más. Y si al buscar lugar para la fruta nueva no queda ninguno libre, llenaste el tablero: la partida termina con 500 de premio.

1let interval = 8, eaten = 0, score = 0;
2for (let fruta = 1; fruta <= 24; fruta++) {
3  eaten++;
4  const puntos = 10 + Math.max(0, 8 - interval) * 5;
5  score += puntos;
6  if (fruta % 4 === 0) console.log("fruta", fruta, "vale", puntos, "| total", score, "| se mueve cada", interval);
7  interval = Math.max(3, 8 - Math.floor(eaten / 4));
8}

Las primeras cuatro frutas valen 10; de la 21 en adelante, 35 cada una. Fíjate en el orden del código real: los puntos se calculan con el intervalo de antes de comer, y luego se actualiza.

Dónde sale la fruta, el hambre y el bicho

La fruta sale en una casilla libre al azar: randomEmpty junta todas las casillas libres en un arreglo y elige una con el generador de la semilla del día (this.rng.pick(free)). Como el generador es el mismo en el teléfono y en el servidor, la fruta sale en el mismo lugar en los dos.

Dos reglas más, sacadas de Nokia y de una revisión de partidas:

Hambre: HAMBRE = 30 * 30, 30 segundos de ticks. Si no comes en ese tiempo, pierdes. Un comentario del código cuenta que sin ella, dar vueltas en un cuadrito no se acababa nunca.
Bicho de premio: cada 5 frutas aparece lejos de la cabeza y dura BICHO_DURA = 150 ticks (5 segundos). Vale 50 + 5 * Math.ceil(vida / 30): de 75 si vas por él al instante a 55 en el último segundo. No alarga ni acelera; es puntaje puro.

1// El generador real de core/rng.js
2function mulberry32(seed) {
3  let a = seed >>> 0;
4  const next = () => {
5    a = (a + 0x6D2B79F5) >>> 0;
6    let t = a;
7    t = Math.imul(t ^ (t >>> 15), t | 1);
8    t ^= t + Math.imul(t ^ (t >>> 7), t | 61);
9    return ((t ^ (t >>> 14)) >>> 0) / 4294967296;
10  };
11  return { pick: arr => arr[Math.floor(next() * arr.length)] };
12}
13
14const libres = [];
15for (let y = 1; y < 4; y++) for (let x = 1; x < 5; x++) libres.push({ x, y });
16const rngTelefono = mulberry32(2026), rngServidor = mulberry32(2026);
17console.log("libres:", libres.length);
18console.log("teléfono:", rngTelefono.pick(libres), "servidor:", rngServidor.pick(libres));
19
20for (const vida of [150, 120, 60, 31, 30, 1])
21  console.log("bicho con vida", vida, "vale", 50 + 5 * Math.ceil(vida / 30));

Con la misma semilla, el teléfono y el servidor eligen la misma casilla. Cambia una de las dos semillas y deja de coincidir: por eso la semilla del día la decide el servidor, no tu teléfono.