Show HN: jogo em WebGL inspirado em Marble Madness criado para a Netlify

• A Netlify compartilhou a notícia de que alcançou 5 milhões de desenvolvedores
• Ao longo desse processo, houve muitos momentos divertidos e importantes
• Nesta jornada, é possível ver como eles chegaram até aqui e qual papel você teve nessa história

[GN⁺]

Opiniões do Hacker News

• O desafio mais divertido era desviar dos pontos brancos brilhantes no caminho

  • É realmente digno de elogio que esta equipe tenha se concentrado em criar um jogo divertido. Os pontos brilhantes são fáceis de evitar, e a história que eles contam ali não incomoda, então parece um compromisso compreensível
  • Acho que aqueles pontos deveriam ser uma espécie de power-up, algo que desse vontade de acertar
    Do jeito que está, aprender sobre a empresa parece uma punição, o que provavelmente não era a intenção
    Para quem pisar em um ponto e ficar perdido sem saber como sair da tela de informações: pressione as setas. Só descobri depois de tentar Esc e cliques por bastante tempo
    Ainda assim, a ideia é muito legal
  • Eu também transformei o jogo em desviar dos pontos brancos. Também parece tocar em uma questão mais profunda: que tipo de relação uma marca estabelece comigo em um jogo patrocinado por uma empresa. Talvez chamar o jogo de “Avoid the white dots” fosse um passo nessa direção
    Quando estou vendo conteúdo no YouTube e um anúncio se intromete, penso algo como: “O que essas marcas estão pensando, entrando na minha sala no meio do conteúdo para tentar me vender absorventes internos?”. Aí acho que nunca mais compraria aqueles absorventes
    Dito isso, gostei do jogo e do estúdio que o criou. Como feedback sincero, ainda não sei o que faz a empresa que patrocinou este jogo. Não houve conexão emocional, nem fiquei interessado o bastante para procurar o que ela faz
    No passado, quando encontrei uma grande obra de arte, fiquei com vontade de saber mais sobre o que havia por trás dela, sobre o autor e, se fosse realmente extraordinária, até sobre o próximo nível. Marcas como a Panic me levaram a fazer isso
    Lembro de um anúncio da seguradora Geico no YouTube que dizia: “Este anúncio já acabou, então você não pode pulá-lo”. Achei excelente porque demonstrava empatia pelo espectador. Chamar o jogo de “Avoid the dots” poderia ter tido um efeito parecido
    Pensando um pouco na varanda, imaginei: e se, no início do jogo, aparecesse um título grande, branco, no estilo Super-hot, dizendo “Avoid the dots (Speedrun challenge)”, e no fim de cada fase fosse exibida uma tabela de melhores tempos? Isso poderia até criar chance de viralizar na comunidade de speedrun
  • Eu também joguei como um desafio de speedrun 0%

• Sou um dos desenvolvedores que participaram deste projeto. Posso responder perguntas
  As informações do projeto estão aqui: https://www.littleworkshop.fr/projects/5milliondevs/

  • Ficou muito bem feito e capturou bem a sensação de Marble Madness. Talvez eu esteja pensando demais, mas gostei da rotação da bolinha. O original não transmitia essa parte de forma tão legal quanto esta versão
  • Bem feito. Porém, no nível 5 há três caixas de impulso verdes; quando caí em uma, fui lançado para a segunda, depois para a terceira, e então atravessei a plataforma como se estivesse em noclip e entrei no estado de “cair no vazio”. Renasci lá embaixo e passei a morrer imediatamente sem parar. Há um bug, então não quero recomeçar do zero. Seria ótimo se abrissem o código como open source
  • Foi realmente divertido. Pouco antes do buraco pequeno no nível 2, meu MacBook começou a ficar um pouco lento, e a detecção de colisão de algum jeito sugou a bolinha para dentro do chão
    https://imgur.com/ZANb1cT
  • Ficou bem feito, e estou curioso sobre a parte técnica. Que framework foi usado para a cena 3D e os objetos? Como foi tratado o movimento da câmera para seguir a bola? Que biblioteca foi usada para o som? Também gostaria de saber como a física foi implementada
  • Fiquei curioso para saber quantas pessoas participaram deste projeto e quanto tempo levou o desenvolvimento. Ficou bem feito

• Para algo feito como um anúncio curto, o jogo é muito melhor do que precisava ser. A implementação é ótima, os controles são perfeitos, e o design de fases também é bom
  Também achei muito agradável haver vários caminhos e ser possível pular a maior parte das exibições de anúncio
  É uma pena que isso não seja um jogo completo. Se removesse os anúncios e adicionasse fases mais complexas com puzzles, seria um joguinho perfeito para uma pausa

  • Fiquei surpreso com o quanto os controles WASD funcionam bem. Foram totalmente intuitivos
  • Vi um bug nos controles. Se você estiver segurando uma tecla durante a geração, ou antes dela, ela não é registrada como entrada
  • Vale a pena conferir Ballance também
    https://www.gog.com/en/game/ballance

• Acho que é a primeira vez que vejo um jogo online orientar corretamente a usar as teclas WARS para movimentação. Muito bom terem lidado com layouts que não são QWERTY
  A otimização também é excelente. Roda totalmente liso em um MacBook de 2012 com uma GPU integrada HD 4000 antiga, o que não é pouca coisa para os padrões atuais de jogos web

  • Obrigado. Sou usuário de AZERTY, então conheço bem o sofrimento de usar sites que só consideram teclados americanos
    Para quem tiver curiosidade, estamos usando o método getLayoutMap da Keyboard API para lidar com layouts internacionais de teclado
    https://developer.mozilla.org/en-US/docs/Web/API/Keyboard/ge...

• Foi divertido. Não tive nenhum interesse nos “fatos sobre a Netlify”, mas gostei de rolar a bolinha, e a experiência de jogo fluida me impressionou. Bem feito

• Acho que ninguém aqui mencionou ainda, mas, curiosamente, Marble Madness foi projetado por Mark Cerny
  https://en.m.wikipedia.org/wiki/Marble_Madness
  https://en.m.wikipedia.org/wiki/Mark_Cerny
  Ele é mais conhecido como arquiteto do PS4 e do PS5
  Além disso, alguém pode explicar o que a Netlify faz? Olhei o site e, embora eu entenda que seja difícil explicar esse tipo de coisa com texto de marketing, no fim não saí sabendo mais. Trabalho como programador, então talvez eu não seja o público-alvo

  • Não sei se ainda é assim, mas uns 5 anos atrás a Netlify era uma hospedagem Jamstack bastante sólida, com deploy baseado em Git e CI/CD integrado, para quem não queria gerenciar o próprio VPS

• Fugindo um pouco do tema, Marble Madness foi um grande motivo para eu começar a programar. Meu pai jogou esse jogo quando era criança e ficou muito impressionado; por isso, quando eu era pequeno, também acabei jogando no MAME
  Fiquei chocado ao ver que um computador podia simular objetos caindo de forma bastante complexa em um espaço isométrico, mas na época eu não fazia ideia de como reproduzir aquilo no Game Maker 7. Depois que fiquei melhor em matemática, isso influenciou um projeto que fiz na adolescência, e esse projeto ainda está no meu currículo

• Há alguma possibilidade de tornar isso open source? Acho que seria um excelente exemplo mostrando várias coisas para as quais quase não há tutoriais hoje

  • Fico curioso sobre quais tutoriais você sente que estão faltando. É uma experiência pequena e bem lapidada, mas não acho que haja algo particularmente inovador ou difícil de fazer com os materiais disponíveis hoje. Houve alguma parte do que foi compartilhado que pareceu especialmente difícil?
  • Por enquanto não há planos de abrir o código, mas pretendo compartilhar informações de bastidores da produção no futuro

• Existe em algum lugar uma página que explique tecnicamente o que é a Netlify? Tudo o que vejo é texto de marketing, então não consigo entender

  • É hospedagem web pronta para usar. Você arrasta uma pasta de build e ganha uma URL. Ou então conecta um repositório Git
  • https://docs.netlify.com/platform/what-is-netlify/
  • Parece que você mesmo já respondeu. Parece uma plataforma que adiciona camadas de abstração e complexidade em cima de um app web comum e que, ironicamente, foi projetada para atrair usuários não técnicos prometendo uma experiência mágica e sem atrito para criar sites

• Ficou lindo e muito bem feito. Também me lembrou um jogo chamado Ballance, que joguei há muito tempo. É curioso como a memória funciona
  [1] https://en.wikipedia.org/wiki/Ballance_(video_game)