← Volver al Índice

Supply Drop

Documentación Técnica

1. Ficha Técnica

  • Nombre: Supply Drop
  • ODS: ODS 1 - Fin de la Pobreza
  • Objetivo: Mover un trampolín/paddle inferior de izquierda a derecha para rebotar suministros que caen del cielo y depositarlos en la zona correcta del refugio.

2. Mecánica y Flujo de Juego

El juego es una amalgama inspirada en clásicos del "Paddle Ball/Breakout" o "Fireman Catching Jumpers".

  1. Una pala fija en la línea base (Base Y) es guiada horizontalmente (Eje X) a instancias del movimiento del cursor en el contorno o mediante toques táctiles.
  2. Suministros asisten automáticamente en picado y en espiral por acción gravitatoria desde el "Top".
  3. Si la interpolación del área del suministro choca (intersecta) contra los píxeles de la pala, "rebota" y se asegura el progreso.
  4. Se descarta o fracasa si el paquete impacta la línea basal ignorando la paleta.

3. Lógica de Programación

Es indispensable la programación gráfica para otorgar sensación de control. A diferencia de Sea Hook, que mueve el 100% de la entidad al target instantáneo, Supply Drop usa una función Lerp lineal.

Movimiento Interpolado (Smooth Paddle LERP)

this.targetPaddleX = x; // Coord de Objetivo // Dentro del Bucle recursivo this.paddleX += (this.targetPaddleX - this.paddleX) * 0.2; // 0.2 es el peso (Weight) del rozamiento inercial del carro.

Al aplicar this.paddleX en la propiedad Top/Left con Frame Request, creamos una experiencia gomosa/elástica, emulando la inercia sin físicas estrafalarias Box2D completas.

Sincronización de Spawn y Velocidad (Tuning)

Los parámetros numéricos como la variable `speed` que afecta a box.y += box.speed fueron intensamente reducidos debido al feedback de Q&A (Testing iterativo) donde el juego se presentaba injugable a 1.5 interpolaciones. Se fijó un suelo de 0.3 + (this.level * 0.05).

4. Sistema de Victoria/Derrota

Victoria: Sumar y conseguir el this.targetBoxes meta antes del Timeout.

Derrota: Dejar caer al sumidero/inframundo (sobrepasar límite 100% Y Bottom Boundary) la cantidad suficiente de drops.

5. Consideraciones de Game Design ODS

La abstracción lograda no rebota el fardo hacia arriba como en Breakout (mecánicamente impreciso), sino que interceptar es equiparable a una red amortiguada; de manera que visualmente represente la recolección, borrando el suministro del DOM exitosamente.