HN public : un jeu WebGL inspiré de Marble Madness créé pour Netlify

 (5-million-devs.netlify.com)
1 points par GN⁺ 2024-11-23 | 1 commentaires | Partager sur WhatsApp
  • Netlify partage la nouvelle d’avoir atteint 5 millions de développeurs
  • Au cours de ce parcours, il y a eu de nombreux moments amusants et des étapes importantes
  • Ce voyage permet de voir comment ils en sont arrivés là, et quel rôle vous avez joué dans cette histoire

À lire aussi

1 commentaires

 
GN⁺ 2024-11-23
Avis Hacker News

  • Le défi le plus amusant était d’éviter les points blancs lumineux sur le parcours

    • Il faut vraiment saluer le fait que cette équipe se soit concentrée sur la création d’un jeu amusant. Les points lumineux sont faciles à éviter, et les histoires qu’ils racontent ne sont pas envahissantes ; ça ressemble donc à un compromis compréhensible
    • J’ai l’impression que ces points devraient être une sorte de power-up qui donne envie de les toucher
      Pour l’instant, en apprendre davantage sur l’entreprise ressemble à une punition, ce qui n’était sans doute pas l’intention
      Si quelqu’un se retrouve bloqué après avoir marché sur un point, sans savoir comment quitter l’écran d’information : il faut appuyer sur les touches fléchées. Je ne l’ai compris qu’après avoir essayé Échap et les clics pendant un bon moment
      Cela dit, l’idée est vraiment excellente
    • Moi aussi, j’ai transformé le jeu en éviter les points blancs. Ça touche aussi à une question plus profonde : quelle relation une marque entretient-elle avec moi dans un jeu sponsorisé par une entreprise ? À la limite, appeler le jeu “Avoid the white dots” aurait peut-être été un pas dans cette direction
      Quand je regarde du contenu sur YouTube et qu’une pub s’impose au milieu, je me dis des choses comme : “Mais à quoi pensent ces marques, à débarquer dans mon salon en plein contenu pour essayer de me vendre des tampons ?” Et ça me donne plutôt envie de ne plus jamais acheter ces tampons
      En revanche, j’aime le jeu et le studio qui l’a créé. Pour donner un retour honnête, je ne sais toujours pas ce que fait l’entreprise qui a sponsorisé ce jeu. Je n’ai pas de lien émotionnel avec elle, et ça ne m’a pas donné envie d’aller chercher ce qu’elle fait
      Quand j’ai été exposé à de grandes œuvres par le passé, j’ai eu envie d’en savoir plus sur ce qu’il y avait derrière, sur l’artiste, et, quand c’était vraiment exceptionnel, même sur l’étape suivante. Des marques comme Panic m’ont donné envie d’agir ainsi
      Je me souviens d’une publicité Geico pour de l’assurance sur YouTube qui disait : “Cette publicité est déjà terminée, vous ne pouvez donc pas la passer.” Je la trouvais excellente parce qu’elle était en empathie avec le spectateur. Appeler le jeu “Avoid the dots” aurait pu produire un effet similaire
      Après y avoir réfléchi un moment sur le balcon, je me suis dit qu’on pourrait afficher au début du jeu, en gros titre blanc façon Super-hot, “Avoid the dots (Speedrun challenge)”, puis montrer un tableau des meilleurs temps à la fin de chaque niveau. Ça pourrait même potentiellement devenir viral dans la communauté speedrun
    • Moi aussi, j’y ai joué comme un défi de speedrun à 0 %

  • Je suis l’un des développeurs qui ont participé à ce projet. Je peux répondre aux questions
    Les informations sur le projet sont ici : https://www.littleworkshop.fr/projects/5milliondevs/

    • C’est vraiment bien réalisé et l’esprit de Marble Madness est bien capturé. Je vais peut-être trop loin, mais j’aime la rotation de la bille. L’original ne transmettait pas cet aspect aussi joliment que cette version
    • C’est bien fait. En revanche, au niveau 5, il y a trois boîtes de rebond vertes : si l’on tombe sur l’une d’elles, on rebondit vers la deuxième, puis vers la troisième, avant de traverser la plateforme comme en noclip et de se retrouver à “tomber dans le vide”. On réapparaît en dessous et on meurt aussitôt en boucle. Comme il y a ce bug, je n’ai pas envie de recommencer depuis le début. Ce serait bien de le publier en open source
    • C’était vraiment amusant. Juste avant le petit trou du niveau 2, mon MacBook a commencé à ralentir un peu, et la détection de collision a d’une certaine façon aspiré la bille dans le sol
      https://imgur.com/ZANb1cT
    • C’est bien réalisé, et j’aimerais en savoir plus sur la partie technique. Je me demande quel framework a été utilisé pour les scènes et objets 3D, comment le mouvement de caméra qui suit la balle a été géré, et quelle bibliothèque a été utilisée pour le son. J’aimerais aussi savoir comment la physique a été implémentée
    • Je suis curieux de savoir combien de personnes ont participé à ce projet et combien de temps le développement a pris. C’est très bien fait

  • Pour quelque chose conçu comme une courte publicité, le jeu est bien meilleur que nécessaire. L’implémentation est excellente, les contrôles sont parfaits, et le level design est bon
    J’ai aussi vraiment apprécié qu’il y ait plusieurs chemins et qu’on puisse éviter la plupart des affichages publicitaires
    C’est dommage que ce ne soit pas un jeu complet. En retirant la pub et en ajoutant des niveaux plus complexes avec des puzzles, ça ferait un parfait petit jeu de pause

    • J’ai été surpris de voir à quel point les contrôles WASD fonctionnaient bien. C’était totalement intuitif
    • J’ai remarqué un bug de contrôle : si l’on maintient une touche enfoncée pendant l’apparition, ou avant l’apparition, elle n’est pas enregistrée comme entrée
    • Ballance vaut aussi le détour
      https://www.gog.com/en/game/ballance

  • Je crois que c’est la première fois que je vois un jeu en ligne indiquer correctement d’utiliser les touches WARS pour se déplacer. C’est vraiment bien d’avoir pris en charge les dispositions non QWERTY
    L’optimisation est aussi excellente. Sur un MacBook de 2012 avec un vieux GPU intégré HD 4000, ça tourne de manière parfaitement fluide, ce qui n’est pas rien pour un jeu web aujourd’hui

    • Merci. En tant qu’utilisateur d’AZERTY, je connais bien la douleur des sites web qui ne pensent qu’aux claviers américains
      Pour ceux que ça intéresse, nous utilisons la méthode getLayoutMap de la Keyboard API pour gérer les dispositions de clavier internationales
      https://developer.mozilla.org/en-US/docs/Web/API/Keyboard/ge...

  • C’était amusant. Les “Netlify facts” ne m’intéressaient pas du tout, mais faire rouler la bille était agréable, et l’expérience de jeu fluide m’a impressionné. Beau travail

  • Je crois que personne n’en a encore parlé ici, mais il est intéressant de noter que Marble Madness a été conçu par Mark Cerny
    https://en.m.wikipedia.org/wiki/Marble_Madness
    https://en.m.wikipedia.org/wiki/Mark_Cerny
    Il est davantage connu comme l’architecte de la PS4 et de la PS5
    Au passage, quelqu’un peut-il expliquer ce que fait Netlify ? J’ai regardé le site, et même si je comprends qu’il est difficile d’expliquer ce genre de choses avec du discours marketing, au final je n’en sais pas plus. Je travaille comme programmeur, donc je ne suis peut-être pas le public visé

    • Je ne sais pas si c’est toujours le cas, mais il y a environ cinq ans, Netlify était un hébergement Jamstack assez solide, avec déploiement CI/CD intégré basé sur Git, pour les personnes qui ne voulaient pas gérer leur propre VPS

  • C’est un peu hors sujet, mais Marble Madness a été l’un des grands déclencheurs qui m’ont donné envie de programmer. Mon père y jouait quand il était enfant et en avait gardé une forte impression, alors j’y ai joué à mon tour sur MAME quand j’étais petit.
    J’ai été sidéré de voir qu’un ordinateur pouvait simuler des objets tombant de façon assez complexe dans un espace isométrique, mais avec Game Maker 7 à l’époque, je n’avais aucune idée de la manière de reproduire ça. Plus tard, quand je suis devenu meilleur en maths, cela a influencé un projet que j’ai réalisé adolescent, et ce projet figure encore aujourd’hui sur mon CV.

  • Y a-t-il une chance que ce soit publié en open source ? Ce serait, je pense, un excellent exemple pour illustrer plusieurs sujets sur lesquels il existe actuellement très peu de tutoriels.

    • Je suis curieux de savoir quels tutoriels vous trouvez insuffisants. C’est une petite expérience bien peaufinée, mais je ne vois rien de particulièrement innovant ou difficile à réaliser avec les ressources disponibles aujourd’hui. Y a-t-il, parmi ce qui a été partagé, un élément qui vous a paru particulièrement difficile ?
    • Pour l’instant, il n’est pas prévu de le publier en open source, mais je compte partager à l’avenir des informations sur les coulisses de la création.

  • Existe-t-il quelque part une page qui explique ce qu’est Netlify sur le plan technique ? Tout ce que je vois, ce sont des formules marketing, et je ne comprends pas.

    • C’est de l’hébergement web prêt à l’emploi. Vous glissez-déposez votre dossier de build et vous obtenez une URL. Sinon, vous connectez un dépôt Git.
    • https://docs.netlify.com/platform/what-is-netlify/
    • Il me semble que vous avez déjà répondu vous-même. Ça ressemble à une plateforme conçue pour ajouter des couches d’abstraction et de complexité par-dessus une appli web classique, tout en promettant ironiquement une expérience de création de sites web magique et sans friction afin d’attirer des utilisateurs non techniques.

  • C’est magnifique et très bien réalisé. Ça m’a aussi rappelé un vieux jeu auquel je jouais, Ballance. C’est étrange, la façon dont la mémoire fonctionne.
    [1] https://en.wikipedia.org/wiki/Ballance_(video_game)