Show HN: juego WebGL inspirado en Marble Madness creado para Netlify

• Netlify compartió la noticia de que alcanzó a 5 millones de desarrolladores
• En este proceso hubo muchos momentos divertidos y también momentos importantes
• A través de este recorrido, puedes ver cómo llegaron hasta aquí y qué papel jugaste tú en esta historia

[GN⁺]

Opiniones de Hacker News

• El reto más divertido fue esquivar los puntos blancos brillantes en el camino

  • Es realmente digno de elogio que este equipo se haya enfocado en hacer un juego divertido. Los puntos brillantes son fáciles de evitar y la historia que cuentan ahí tampoco estorba, así que parece una concesión razonable
  • Siento que esos puntos deberían ser una especie de power-up que te den ganas de tocar
    Ahora, aprender sobre la empresa se siente como un castigo, aunque probablemente esa no era la intención
    Si alguien se queda perdido porque pisó un punto y no sabe cómo salir de la pantalla de información, hay que presionar las flechas. Lo descubrí después de intentar bastante rato con Esc y clics
    Aun así, la idea es realmente genial
  • Yo también jugué exactamente como si fuera esquivar los puntos blancos. También siento que toca un tema más profundo sobre qué relación establece una marca conmigo en un juego patrocinado por una empresa. Tal vez llamar al juego “Avoid the white dots” habría sido un paso en esa dirección
    Cuando estoy viendo contenido en YouTube y se mete un anuncio, pienso cosas como: “¿qué estarán pensando estas marcas, irrumpiendo en mi sala a mitad del contenido para venderme tampones?”. Entonces siento que nunca volvería a comprar esos tampones
    Dicho eso, me gusta el juego y el estudio que lo hizo. Como retroalimentación honesta, todavía no sé qué hace la empresa que patrocinó este juego. No hay conexión emocional, ni me despertó suficiente interés como para buscar qué hacen
    Antes, cuando me encontraba con arte excelente, me daban ganas de conocer más sobre lo que había detrás, el autor y, si era realmente increíble, incluso el siguiente nivel. Marcas como Panic me provocaban ese comportamiento
    Recuerdo un anuncio de seguros de Geico en YouTube que decía: “este anuncio ya terminó, así que no puedes saltarlo”. Me pareció excelente porque empatizaba con el espectador. Llamar al juego “Avoid the dots” podría haber tenido un efecto parecido
    Pensándolo un momento en el balcón, se me ocurrió que podrían mostrar al inicio del juego un título enorme, blanco, estilo Super-hot, que dijera “Avoid the dots (Speedrun challenge)”, y al final de cada nivel mostrar una tabla de mejores tiempos. Eso podría darle cierta posibilidad de volverse viral en la comunidad de speedruns
  • Yo también lo jugué como un reto de speedrun 0%

• Soy uno de los desarrolladores que participaron en este proyecto. Puedo responder preguntas si tienen
  La información del proyecto está aquí: https://www.littleworkshop.fr/projects/5milliondevs/

  • Está realmente bien hecho y captura muy bien la sensación de Marble Madness. Tal vez lo estoy pensando demasiado, pero me gusta la rotación de la canica. El original no transmitía esa parte tan bien como esta versión
  • Está bien hecho. Pero en el nivel 5 hay tres cajas de rebote verdes; si caes en una, rebotas a la segunda y luego a la tercera, después atraviesas la plataforma como con noclip y quedas en estado de “caer al vacío”. Reapareces debajo de eso y mueres inmediatamente una y otra vez. Hay un bug, y no quiero volver a empezar desde el principio. Ojalá lo publiquen como open source
  • Fue muy divertido. Justo antes del agujero pequeño del nivel 2, mi MacBook empezó a ponerse un poco lento, y la detección de colisiones de algún modo absorbió la canica hacia dentro del piso
    https://imgur.com/ZANb1cT
  • Está bien hecho y me da curiosidad la parte técnica. Quisiera saber qué framework usaron para la escena 3D y los objetos, cómo manejaron el movimiento de la cámara para que siga la pelota, y qué biblioteca usaron para el sonido. También me gustaría saber cómo implementaron la física
  • Me da curiosidad cuántas personas participaron en este proyecto y cuánto tardó el desarrollo. Está muy bien hecho

• Para algo hecho como anuncio breve, el juego es muchísimo mejor de lo necesario. La implementación es excelente, los controles se sienten perfectos y el diseño de niveles también es bueno
  También fue muy agradable que haya varias rutas y que se pueda omitir la mayoría de los mensajes publicitarios
  Es una lástima que no sea un juego completo. Si quitaran la publicidad y agregaran niveles más complejos con puzzles, sería un jueguito perfecto para una pausa

  • Me sorprendió lo bien que funcionan los controles WASD. Fueron totalmente intuitivos
  • Vi un bug en los controles. Si mantienes una tecla presionada durante la aparición o antes de aparecer, no se registra como entrada
  • También vale la pena revisar Ballance
    https://www.gog.com/en/game/ballance

• Creo que es la primera vez que veo un juego en línea indicar correctamente que use las teclas WARS para moverse. Me encanta que hayan contemplado distribuciones que no son QWERTY
  La optimización también es excelente. Corre totalmente fluido incluso en una MacBook de 2012 con una vieja GPU integrada HD 4000, lo cual no es poca cosa para los juegos web de hoy

  • Gracias. Como usuario de AZERTY, conozco bien el sufrimiento de usar sitios web pensados solo para teclados estadounidenses
    Para quien tenga curiosidad, usamos el método getLayoutMap de la Keyboard API para manejar distribuciones internacionales de teclado
    https://developer.mozilla.org/en-US/docs/Web/API/Keyboard/ge...

• Fue divertido. No me interesaban en absoluto los “Netlify facts”, pero rodar la canica fue entretenido y me impresionó la experiencia de juego fluida. Está bien hecho

• Creo que nadie aquí lo ha mencionado todavía, pero es interesante que Marble Madness fue diseñado por Mark Cerny
  https://en.m.wikipedia.org/wiki/Marble_Madness
  https://en.m.wikipedia.org/wiki/Mark_Cerny
  Es más conocido como el arquitecto de la PS4 y la PS5
  Además, ¿alguien puede explicar qué tipo de empresa es Netlify? Vi el sitio y, aunque entiendo que es difícil explicar cosas así con texto de marketing, al final no aprendí más. Trabajo como programador, así que tal vez no sea su público objetivo

  • No sé si todavía sea así, pero hace unos 5 años Netlify era un hosting Jamstack bastante sólido que ofrecía despliegues con CI/CD integrado basado en Git para gente que no quería administrar su propio VPS

• Un poco fuera de tema, pero Marble Madness fue una de las grandes razones por las que empecé a programar. Mi padre jugaba este juego cuando era niño y le causó una gran impresión, así que yo también lo probé de niño con MAME
  Me impactó que una computadora pudiera simular objetos cayendo de forma bastante compleja en un espacio isométrico, pero en ese momento, con Game Maker 7, no tenía ni idea de cómo reproducirlo. Después, cuando mejoré en matemáticas, influyó en un proyecto que hice de adolescente, y ese proyecto todavía está en mi CV

• ¿Hay alguna posibilidad de que publiquen esto como open source? Creo que sería un excelente ejemplo de varias cosas para las que hoy casi no hay tutoriales

  • Me da curiosidad saber qué tutoriales sientes que faltan. Es una experiencia pequeña y bien pulida, pero no creo que haya nada especialmente innovador o difícil de hacer con los recursos que ya existen. ¿Hubo algo de lo compartido que te pareciera particularmente difícil?
  • Por ahora no hay planes de hacerlo open source, pero sí pienso compartir más adelante información del detrás de escena de la creación

• ¿Hay alguna página que explique qué es Netlify técnicamente? Todo lo que veo son frases de marketing y no lo entiendo

  • Es hosting web listo para usar. Arrastras y sueltas tu carpeta de build y obtienes una URL. O puedes conectar un repositorio Git
  • https://docs.netlify.com/platform/what-is-netlify/
  • Parece que ya te respondiste solo. Se ve como una plataforma diseñada para agregar capas de abstracción y complejidad encima de las apps web comunes y, de forma irónica, atraer a usuarios no técnicos prometiendo una experiencia mágica y sin fricción para crear sitios web

• Está hermoso y muy bien hecho. También me recordó a un juego antiguo que jugué llamado Ballance. Es curioso cómo funciona la memoria
  [1] https://en.wikipedia.org/wiki/Ballance_(video_game)