el prototipo · fines de 2024
asteroid pongprototipo
Antes de los jefes, los titanes y la música procedural hubo un Pong con asteroides hecho en un solo archivo HTML. Mirá cómo se escribe y después jugalo, con modo frenesí.
- 1archivo HTML
- 0imágenes o audios
- 25sonidos sintetizados
- 9potenciadores
- 5formas de asteroide
- 7pelotas a la vez, máx.
El prototipo, jugable.
El mismo código de 2024, con el frenesí. Funciona en celular, tablet y computadora.
- Teclado: A/D o flechas para mover, P pausa, Z pantalla completa.
- Mouse o dedo: mové la paleta de abajo; en dos jugadores, cada uno usa una mitad de la pantalla.
- El frenesí aparece solo desde el nivel 4: cada golpe suelta tres pelotas nuevas durante 10 segundos.
Un Pong que se rompe y se vuelve a armar.
El punto de partida fue simple: tomar el juego más conocido de la historia y preguntarse qué pasa si cada partida se pone más rara que la anterior. La idea viene tomando forma desde fines de 2024, y este prototipo es su primera versión jugable.
Una mesa en formato 9:16, pensada para el celular: tu paleta abajo, la CPU (o un segundo jugador) arriba. Se juega con teclado, ratón o con el dedo.
Con tres goles pasás de nivel. Cada gol que te hacen cuesta una vida: empezás con 3 (6 en fácil) y podés llegar a 7.
Pelotas que se dividen, una pelota negativa que invierte los colores, potenciadores y, desde el nivel 7, asteroides que se rompen pixel a pixel.
El récord se guarda con tres letras, como en las recreativas, la tipografía es pixel y el título cambia de color varias veces por segundo.
Todo dibujado a mano, sin un solo archivo extra.
El prototipo es una página HTML con un lienzo (canvas). No lleva imágenes, audios ni motor de juego: lo único que baja de internet es la tipografía pixel y Tone.js, la librería con la que se hacen los sonidos.
- Dibujar con rectángulosPaletas, pelotas, corazones y letras de los potenciadores son rectángulos de color. Cada asteroide es una plantilla de cuadraditos y cada cuadradito aguanta dos golpes antes de romperse.
- Sonidos que se sintetizanNo hay archivos de audio: cada golpe, gol o potenciador es un sintetizador de Tone.js, con ondas cuadradas, triangulares y ruido rosa o marrón para los choques y las explosiones.
- Dificultad con fórmulasLa velocidad de la pelota es una fracción del ancho y del alto de la pantalla que se achica nivel a nivel (más rápido en difícil), y la CPU reacciona un poco mejor en cada nivel. Así se siente igual en cualquier pantalla.
Detalles que se ven en el código
- El fondo son estrellas que bajan despacio, y de vez en cuando pasan la Osa Menor y la Osa Mayor armadas con puntitos.
- La pelota deja una estela de partículas y cada golpe estalla en píxeles de colores.
- Cuando una pelota se divide, la nueva sale de otro color; si dos pelotas chocan, la pantalla destella.
- Si tu pelota choca con dos pelotas distintas seguidas, ganás una vida extra: es el combo.
- Desde el nivel 5 puede aparecer la pelota gigante y desde el 7, los asteroides.
El prototipo, jugando.
Grabados del código original, sin tocarlo, con un bot que mueve la paleta. Elegí un momento o dejalo correr.
Nueve cubitos que dan vuelta la partida.
Cada tanto aparece uno en la mesa y se va solo a los 8 segundos si no lo agarrás. Casi todos duran 10 segundos.
- EExtenderPaleta ×1,5
- DSúper extenderPaleta ×2
- GPaleta gigantePaleta ×2,5
- ♥Vida extra+1 vida (o +250 puntos si ya tenés 7)
- X2Puntos doblesTodo vale el doble
- BBombaExplotan todas las pelotas y salen nuevas
- BIGPelota giganteDesde el nivel 5
- X2PDoble barraUna segunda paleta más arriba
- MAGImánPega hasta 3 pelotas a la paleta
Cada golpe ya era una nota.
El prototipo no tiene música, pero su sonido ya estaba pensado como un instrumento: el gol del jugador es un acorde de do mayor, empezar una partida y pasar de nivel también suenan como acordes, y cada golpe de paleta toca un do o un sol distinto. Que el juego suene mientras se juega es la semilla de lo que vino después.
- fines de 2024El prototipo
Pong vertical en un solo archivo, con potenciadores, pelotas que se dividen, asteroides de píxeles y sonidos sintetizados con Tone.js.
- despuésLa mesa pasa a 3D
El juego se rehace con three.js: vista neón, vista retro en pixel art, jefes cada cinco niveles, gigantes y titanes.
- despuésEl sonido se vuelve música
Los efectos del prototipo crecen hasta un motor que compone en tiempo real, género por género, y marca el compás del juego: la música, los efectos y hasta la vibración siguen el ritmo. Leer el caso de estudio del motor →
- hoy · versión 0.8.39Asteroid Pong: Beatwave Edition
Un Pong arcade y rítmico para navegador, Android y Android TV. La demo web se puede jugar ahora mismo.
Lo que pasó del prototipo al juego.
Los cubitos con letras que dan vuelta la partida siguen siendo el corazón del juego, ahora junto a drones, meteoritos, agujeros negros y portales. Ver las mecánicas →
Los asteroides hechos de cuadraditos del nivel 7 del prototipo siguen en las partidas de hoy, y la vista retro vuelve al pixel art de aquel primer dibujo.
La CPU arriba o un segundo jugador, igual que en el primer día.
Dificultad a elección y una curva que sube nivel a nivel: la idea de que cada partida sea un poco más intensa que la anterior nació acá.
Preguntas frecuentes
El prototipo de Asteroid Pong es la primera versión jugable del juego, hecha a fines de 2024 en un solo archivo HTML: un Pong vertical con asteroides de píxeles, potenciadores, pelotas que se dividen y sonidos sintetizados.
Sí. Se juega en esta misma página, en el navegador de un celular, una tablet o una computadora, con teclado, mouse o toque, y también se puede abrir en pantalla completa.
Con HTML, JavaScript y un lienzo (canvas) 2D, sin imágenes ni archivos de audio: todo se dibuja con rectángulos y los 25 sonidos se sintetizan con Tone.js.
Es un modo de 10 segundos en el que cada golpe de paleta suelta tres pelotas nuevas (hasta 14), no se pierden vidas y desaparecen los asteroides y los potenciadores. En esta demo está recreado sobre el motor del prototipo; aparece solo desde el nivel 4.
Asteroid Pong: Beatwave Edition nació de esa idea. Conserva los potenciadores, los asteroides de bloques, el modo de dos jugadores y la dificultad creciente, y suma 3D, jefes, titanes y música procedural.
El archivo original, intacto.
Idea, diseño y dirección del juego: Daniel J. Campos Lozada, que publica como NoamDan, en Buenos Aires.
El código del prototipo se conserva sin cambios en el repositorio del proyecto. Las capturas y los GIF se grabaron de ese archivo en un navegador, con un bot que mueve la paleta y el sonido en silencio.