Show HN: A Marble Madness-inspired WebGL game we built for Netlify

(5-million-devs.netlify.com)

616 points | by franck 88 days ago

91 comments

  • iandanforth 88 days ago
    Nice! My favorite challenge was avoiding the glowing white dots along the path.
    • doctorpangloss 88 days ago
      It's really commendable these guys focused on making a fun game. The glowing dots are easy to avoid and even the story they tell is not intrusive. It's an understandable compromise!
    • CSMastermind 88 days ago
      Yeah, they really should be some kind of powerup so you're incentivized to hit them.

      Right now learning about the company feels like a penalty which I doubt was the intent.

      Also for anyone who hits a dot and is confused how to get out of the information screen - you just press the arrows. I tried escape and clicking for longer than I would care to admit before I realized this.

      Super cool idea though.

      • imglorp 88 days ago
        Should we be learning about the product or the company? Only one seems valuable, no?
    • appstorelottery 87 days ago
      Lol. Same for me, the game was avoid the white dots. It almost speaks to something deeper in terms of corporate-sponsored games, how does a "brand" form a relationship with me? Perhaps just calling the game "avoid the white dots" would have been a step in this direction?

      I often get YouTube advertisements thrust upon me when I'm engaged in content and think "what are these brands thinking... bursting into my living room mid-content and trying to push tampons onto me?" I'll never buy your tampons again.

      However, I digress, and apologies, because I love the game and also the studio that created it - but honest feedback - I still have no idea what the company does that sponsored this game. I don't feel an emotional connection, and the game didn't peak my interest enough to find out what they do.

      In the past when I've encountered great "art" - it's inspired me to go deeper into what was behind the art; to learn more about the author, and perhaps if it's truly amazing, another step beyond this. Brands like Panic have made me do such a thing.

      I remember that great commercial for (I think) it was Geiko insurance on YouTube that said "You can't skip this ad because it's already finished", it was wonderful IMHO because it empathised with the viewer. Perhaps calling the game "Avoid the dots" would do the same?

      Just my opinion, insignificant such as it is.

      [edit] After a moment on the balcony it occurred to me, what if the game began with a big white Super-hot title that said "Avoid the dots (Speedrun challenge)" and at the end of each level displays a high-score table? Perhaps that would even give it a chance of virality in the speed running community? (credit to the commenter that said he "speed ran" avoiding the dots for the idea)

    • hailpixel 88 days ago
      I also went for 0% speedrun challenge.
  • guigui 88 days ago
    I'm one of the developers who worked on this project. Happy to answer any questions.

    More info on the project here: https://www.littleworkshop.fr/projects/5milliondevs/

    • ianbooker 88 days ago
      Great work, it really captures the feeling of Marble Madness. Its maybe to deep of a thought, but I really fancy the spin of the marble, something that the original was not conveying as fancy as your version does.
      • guigui 88 days ago
        Thank you. The physics engine we're using (Rapier) really does most of the work to make the spin of the marble look realistic. But we spent quite some time tweaking the controls to make them as enjoyable as we could.
        • forth_throwaway 88 days ago
          The marble has the perfect amount of friction, I'm able to "drift" around corners which feels really nice.
        • worldsayshi 88 days ago
          You did a great job. The physics seems about as enjoyable as those of Rocket League and they must've have spent a considerably larger effort.
        • sergiotapia 87 days ago
          the "feel" is tremendous, S-tier for real.
      • dole 88 days ago
        As a MM fan, I wanted to second this. Great work, engaging enough to make me finish it and wish there were more mechanics like the catapults and enemies.
    • purpleidea 88 days ago
      Nice work! In level 5 there are three bounce green boxes and if you fall on one, it bounces you to second, which bounces to third and you "fall into the void" like noclip through the platform and you respawn under it and instantly die forever. Buggy and not going to start from beginning. Open source it!
    • nogridbag 88 days ago
      This was really fun. Right before this little hole on the second level, my macbook started running a bit slow and the collision detection somehow sucked the marble into the floor.

      https://imgur.com/ZANb1cT

      • guigui 88 days ago
        Physics collision bugs are more likely to occur during frame rate drops. We’ve tried to address this by implementing an auto-respawn mechanism to handle cases where the ball gets stuck inside a collider, but it seems this sometimes fails. Anyway, thank you for playing!
    • suyash 88 days ago
      Nice work, love to know more about the technical bits: what framework did you use for 3D scene, objects? how did you handle camera movements to track the ball? What library for sound as that was a nice touch. How did you do physics? Thanks!
      • guigui 88 days ago
        Thanks. The WebGL rendering is based on Three.js. We're using Rapier for the physics simulation, and Howler for the audio. Our game engine is responsible for all the controls and updating things like the camera position (which follows the position of the ball at every frame).
        • doctorpangloss 88 days ago
          Why did you choose to do things this way instead of using Unity WebGL?

          It's okay if the reason is, "because we make websites and the programming we know is Javascript" or whatever. It doesn't have to be about some objective comparison, like optimization or whatever, which isn't going to be true or necessarily matter anyway.

          • franck 88 days ago
            Unity WebGL is not supported on mobile and we needed the experience to be playable on both desktop and mobile browsers.

            However, mobile browsers will be supported with Unity 6 web exports, still experimental currently AFAIK, but that should become a viable option soon.

            • doctorpangloss 88 days ago
              > Unity WebGL is not supported on mobile.

              Hmm... Unity WebGL has worked correctly on Mobile Safari since 2013. Support has probably been flawless since around 2019. It has been supported in all the ways that matter for a long time.

              • vunderba 88 days ago
                I wasn't aware of that. The Unity 6 Preview announcement from just this year had a lot of stuff around iOS and Android browser support:

                From the article:

                Android and iOS browser support has arrived With Unity 6 Preview. Now, you can run your Unity games anywhere on the web, without limiting your browser games to desktop platforms.

                https://unity.com/blog/engine-platform/unity-6-preview-relea...

              • franck 88 days ago
                I should have said that it's not officially supported. For client work, we prefer not to choose an engine that may not work on a few devices and which we have no ability to fix.
            • suyash 85 days ago
              Also no one wants to see a Unity Splash screen :(
          • Wowfunhappy 87 days ago
            I don't know if it's just my system or the particular games I've been playing, but Unity WebGL stuff always seems to take a long time to load. TFA loads seemingly instantly.
    • proee 88 days ago
      How many people worked on this project and how long did it take to develop? Nice job!
      • guigui 88 days ago
        Besides people from the Netlify team who helped write the content and worked on some back-end aspects, the design and development of the game took around 8 weeks for a team of two.
    • khernandezrt 88 days ago
      How long till people start speed running this?
    • runnr_az 88 days ago
      That’s really lovely and polished. Nice job…
      • guigui 88 days ago
        Thanks for playing! Glad you enjoyed it.
    • DaviNunes 87 days ago
      Congrats on your work! You mentioned "using our custom render pipeline and shaders", can you please elaborate more on that?
    • jetbalsa 88 days ago
      add a built in timer and I bet people would speed run this thing
      • guigui 88 days ago
        Thanks for playing. Actually, your time is displayed once you finish the experience (there are 5 levels in total).

        During the project, we discussed adding a speed-run mode but ultimately had to drop this feature due to time constraints. However, we intentionally included some shortcuts in the level design with that intent in mind.

        • dylan604 88 days ago
          the purpose of the game was to force marketing upon the players. a speed run version would defeat the dwell time of the marketing on the screen. i'm sure the marketing department would not be a fan
          • maroonblazer 88 days ago
            Perhaps make it such that once you've completed it at 'normal' speed all the marketing messages are disabled, enabling the speedrun.
          • asheliahut 84 days ago
            Surprisingly, you have to sit on the opening screen for a second or so before starting every run to get the best speedrun cycle for level 3. So I would say also with fast resets, it would be enough marketing even in the speedrun lol. (Coming from someone has spent hours speedrunning it so far)
          • bobfunk 88 days ago
            For what it's worth our head of marketing was the one asking for a speedrun mode, but it just couldn't make the cut in terms of scope :)
        • jetbalsa 88 days ago
          and physics bugs, there are a few edge spots you can clip into and really send yourself flying!
        • bozhark 87 days ago
          release it on steam with the promise of multiplayer and it'll sell for $10
    • itronitron 88 days ago
      There is a glitch on the momentum level, where the marble gets stuck behind a wall after dropping into a hole.
      • paol 88 days ago
        I got stuck in the spiral slide on the same level. I got the impression framerate glitches are affecting the collision detection (common physics implementation pitfall). I could be wrong though.

        Still, very cool. Too cool to waste on marketing in fact :)

        • maroonblazer 87 days ago
          Only the OP would know for sure, but it might be the case that this never would've come into existence were it not for the project to land the messages about the company.
        • franck 88 days ago
          Yeah, sometimes the ball does some crazy things due to the way collision detection works. We tried to optimize and avoid most of the issues but it can happen.
      • franck 88 days ago
        There is code in place to respawn the ball if we detect that it's stuck inside a block or wall, which can occur due to frame drops during the physics simulation. I'll try to reproduce this issue. Thanks for reporting it!
        • Grae 88 days ago
          I was being malicious and dropped down onto the hovering pink cube outside the play area on the final level. Once you roll off that pink cube your respawn point is on the cube, leaving you stuck and unable to get back to the main course.

          NBD but sharing in case you want this kind of playtesting feedback!

        • weightedreply 88 days ago
          I ran into the same infinite respawn. Here's where it happened to me:

          https://imgur.com/RFxyl1Q

        • tux3 88 days ago
          I seem to have dropped through a wall while taking an elevator on the elevation level, it keeps respawning me in the void, so that was a game over =)
        • pbronez 88 days ago
          I hit the same thing. It killed me while I was dropping into the hole, then respawned me into the block, ending my game.
    • dyarosla 87 days ago
      Did you employ any specific practices to keep it running at framerate in JS?
    • yossi_peti 88 days ago
      How is the gameplay related to the information? The connection seems pretty contrived to me.
      • franck 88 days ago
        The glowing line represents a timeline of Netlify's milestones that you have to follow in order to discover their journey. No particular reason for the physics-based gameplay except to have a bit of fun.
    • cowmix 87 days ago
      Made my day. No notes!
  • AndrewStephens 88 days ago
    This game is way better than it needs to be for a quick burst of advertising. Not only is the implementation fantastic, with perfect controls, but the level design is also great. I really enjoyed the multiple routes and the fact you can skip most of the advertising displays.

    It seems such a shame that this isn't a full game. Removing the advertising and adding more complex levels with puzzles would make for a perfect little distraction.

    • nonethewiser 88 days ago
      > Not only is the implementation fantastic, with perfect controls, but the level design is also great.

      I was surprised how well the WASD controls worked. Perfectly intuitive.

      • tomrod 87 days ago
        Mobile control smooth as well
        • hunter2_ 87 days ago
          I even triggered a back gesture by accidentally swiping from the edge when I merely wanted to move the marble, bringing me back to this HN page, assumed state was lost, but found the browser's forward button and it was like it never happened! I've never seen that in a browser-based game.
    • Retr0id 88 days ago
      I did spot one control bug, which is that if you start holding down a key while/before spawning in, it won't register.
    • wackget 87 days ago
  • bhaney 88 days ago
    I think this is the first time I've ever seen an online game correctly tell me to use WARS keys for movement. Big props for handling non-qwerty layouts.

    Great job optimizing too. Runs totally smooth on my 2012 macbook and its decrepit HD 4000 iGPU, which is no small feat for web-games these days.

    • guigui 88 days ago
      Thank you! As an azerty user, I know the pain of using websites that are only designed for US keyboards.

      If anyone's wondering, the getLayoutMap method from the Keyboard API is what we're using to handle international keyboard layouts.

      https://developer.mozilla.org/en-US/docs/Web/API/Keyboard/ge...

      • swyx 88 days ago
        do you have a technical writeup somewhere with tips and tricks like these?
  • pissflaps 88 days ago
    That was enjoyable. I wasn't at all interested in any of the "Netlify facts" but it was fun to push the marble around and I'm impressed by how smooth the experience was. Well done!
  • pipes 88 days ago
    I can't find anyone else mentioning this here, so interesting fact, marble madness was designed by mark cerny

    https://en.m.wikipedia.org/wiki/Marble_Madness

    https://en.m.wikipedia.org/wiki/Mark_Cerny

    Who is better known for designing the PS4 and PS5.

    Edit: can someone explain what netlify does? I visited the site, and while I appreciate it can be difficult to explain these things in marketing blurb, I really came away none the wiser (I work as a programmer so maybe I'm not quite the target market)

    • vunderba 87 days ago
      I don't know if its still the case but 5+ years ago, Netlify was a pretty robust Jamstack host with built-in CI/CD deployment via git if you didn't want to manage your own VPS.
  • Conscat 88 days ago
    Kind of off topic, but Marble Madness was a large part of what inspired me to start programming. My dad played it when he was a kid and it made an impression on him, so he had me play it on MAME as a kid. I was blown away by the fact that computers can simulate (fairly complex) falling objects in an isometric space, but I couldn't figure out for the life of me how to reproduce that in Game Maker 7 at the time. When I got better at math, it influenced a project in my teens that's on my resume to this day.
  • solatic 88 days ago
    Any chance this could get open-sourced? This seems like a great example of a lot of stuff for which there are few tutorials currently.
    • diggan 88 days ago
      > This seems like a great example of a lot of stuff for which there are few tutorials currently.

      Not OP but, what exactly you feel like is missing tutorials? It's a nice little polished experience, but I don't think there is anything particularly innovative or difficult to build with the resources that exists today. Or is there something in particular that looks/seems difficult from what they shared?

      • thih9 88 days ago
        I disagree, I think the "nice little polished experience" is the difficult part.

        In practice building something like this with resources that exist today can still mean a stream of issues specific to a given platform, browser, library, programming language, IDE, issues related to a combination of any earlier two and a yak that needs shaving[1].

        Meanwhile this project is described as[2]:

        > fully optimized for both desktop and mobile browsers, with user controls and UI components tailored for each device, ensuring intuitive navigation and interaction across all platforms.

        If this process was easy and well documented, Netlify wouldn't hire an external agency.

        [1]: https://en.wiktionary.org/wiki/yak_shaving

        [2]: https://www.littleworkshop.fr/projects/5milliondevs/

        • diggan 88 days ago
          > I disagree, I think the "nice little polished experience" is the difficult part.

          Right, I agree, most of the time will be spent in the polish. But is there really no resources out there on how to polish? Assuming there isn't, what would you want a tutorial to contain to make it apply to a wider audience, as polish is typically hyper-specific to the project.

          > If this process was easy and well documented, Netlify wouldn't hire an external agency.

          Companies don't typically hire external agencies because something is difficult for them to do per se, but more that it would be wasteful for them to spend the time building something like that instead of focusing on things core to the business.

          FWIW: I'm asked parent about this in order to see if there are actual gaps in the available resources today for what parent wanted to do, hence the question to specify what exactly they're looking for. I guess "how to polish" is a valid answer, but again, there are resources out there to help understand how to approach that.

          • thih9 88 days ago
            > But is there really no resources out there on how to polish?

            I didn’t mean “how”, I was after the examples. As in: what code, hacks and optimizations, results in this particular polished experience.

            Yes, it is hyper-specific to the project; but this particular project is hyper-generic. It could be a nice starting point for other experiments.

      • solatic 88 days ago
        You can't really compare the depth of resources that exists for something like React versus something like Three, which has a bunch of toy examples but no fully coherent experiences.

        Companies like Figma have shown that there is a huge appetite for solutions built on top of Canvas or WebGL, but if you don't have the privilege of working for one of these companies that built up lots of proprietary building blocks from scratch, it's much more difficult to get started.

    • guigui 88 days ago
      No plans to open-source at the moment, but we intend to share some behind-the-scenes info in the future.
  • deskr 88 days ago
    Is there a page somewhere that tells me what netlify is on a technical level? All I see it marketing speak and I can't make sense of it.
    • 6figurelenins 88 days ago
      Turnkey web hosting. Drag and drop your build folder, get a URL. Or point it to your git repo.
      • hehehheh 87 days ago
        Github pages for when you need >1 site.
    • Sn0wCoder 88 days ago
    • wackget 87 days ago
      I think you answered your own question. It looks an awful lot like a platform designed to lure non-technical people in with the promise of a magical, frictionless website building experience, ironically achieved by adding layers of abstraction and complexity into a regular web app.
  • cyberlimerence 88 days ago
    Beautiful work, well done. It also made me remember a game I played a long time ago called Ballance[1]. Weird how memory works like that.

    [1] https://en.wikipedia.org/wiki/Ballance_(video_game)

  • adzm 88 days ago
    This was actually very fun, great work here! There was a PC game called hamsterball that I really enjoyed a long time ago; this brought back memories.
  • johtso 88 days ago
    The controls don't seem to work for me. AWSD, only up and down work, unless I try to go diagonally, then it just gets "stuck" moving forever. Arrow keys no directions work unless I hold multiple keys down at once, then it also gets stuck moving.

    M1 macbook pro, Arc browser

    • guigui 88 days ago
      That's weird, the desktop controls are supposed to work regardless of your keyboard layout. Are you able to play with your arrow keys (which are also supported)?
      • johtso 87 days ago
        Nope, arrow keys also misbehaving. Very vanilla keyboard layout. Let me know if I can provide something to help debug, maybe the key events
  • NaolGBasaye 88 days ago
    Really smooth, clean work. Didn't get a chance to monitor memory and network, but seemed pretty light, kudos!
  • Jeremy1026 88 days ago
    Very nice way to show off some of the history of Netlify while making it fun. Congrats on 5m.
  • Lukas_Skywalker 88 days ago
    That's quite fun! I didn't know about "Marble Madness", but it reminded me of Cuboro [1], a (hardware!) toy that consists wooden blocks and allows people to create quite complicated marble runs that look very very similar to this game.

    [1]: https://de.wikipedia.org/wiki/Cuboro

  • bambax 88 days ago
    This is absolutely amazing! Very well executed, congrats!!

    I was absolutely terrified at first that falling off would have me start again from the beginning, so I was very careful. Once I did fall and come back where I was I grew bolder which made it more fun. Maybe that should be advertised somewhere.

    (I'm still unsure what Netlify exactly is or what it does but this will make me want to find out!)

  • maniacwhat 88 days ago
    Interesting. This consistently crashes my chrome browser whenever I get to the first glowing white checkpoint. But it's not like any crash I've seen before, the page reverts to a google search result I was on this morning. And the whole page is flickering white. That tab was closed long ago, but it seems something in this gets back to that state in memory, maybe a buffer overflow somewhere or something?

    While on the google search result, the music from the game is still playing. If I open a new tab, the title of this tab changes from the google title to the netlify one, and vice versa if I change back.

    • o11c 88 days ago
      In my experience, flickering often means a GPU-related bug. Sometimes scrolling or alt-tab would help. Sometimes a given top-level window would seem to become "poisoned" so all new tabs would be corrupt too.
    • MarcoZavala 88 days ago
      [dead]
  • pizzafeelsright 88 days ago
    I am very curious how the physics feel realy-wordly for the most part at the mathematical level. Are there existing algos that define the gravitational pull of the "Facts" spots or was there a lot of tweaking?

    The 45 degree rotation does require more dual input than I care for which makes me wonder if that is a design choice.

    • franck 88 days ago
      The physics engine we are using is Rapier 3D which does a lot of the heavy lifting, even though we had to tweak a lot the physics properties of the ball and surfaces in order to get something that felt right. For hotspots specifically, we implemented the magnet-like effect with custom code (by applying a force that pushes the ball toward the center and slowing it down at the same time) as there is no attractor primitive in Rapier.

      The dual input is indeed a consequence of our isometric-view design choice, which I agree may not be the easiest way to control the ball. But the 45 degree angle just looks cooler in our opinion.

    • mrighele 88 days ago
      > The 45 degree rotation does require more dual input than I care for which makes me wonder if that is a design choice.

      Well they say "A Marble Madness-inspired WebGL game" so there is not much choice about the rotation [1]

      [1] https://en.wikipedia.org/wiki/Marble_Madness

      • coldpie 88 days ago
        The NES Marble Madness port (and probably others) had a choice of control schemes, where the D-Pad is either mapped directly to the screen (Down is down) or mapped at a 45 degree angle (Down is down-right). I never could wrap my head around the latter, but I can see the benefit given the stage layout mostly uses 45 degree paths.
        • egypturnash 88 days ago
          The second scheme works pretty well if you can turn the controller 45º. I never had an NES but I am pretty sure some of the isometric games I played on the c64 and Amiga had this as an option.
      • pizzafeelsright 88 days ago
        Looking through the linked docs I see the physics frameworks.

        Of all the programming I find the 3D gaming to be the most complex and unattainable at my current knowledge or intelligence level.

    • munchler 88 days ago
      FWIW, you can mentally remap the keys to partially eliminate dual input. E.g. Pressing down and right together as a single input moves the marble southeast. This considerably simplifies game play for me.
  • flanbiscuit 88 days ago
    I've been enjoying the quality and aesthetics of your studio's work. I would love for you to build a complete game or a longer experience, rather than only for marketing. I love where art and programming intersect. I would love to be able to create experiences like this myself one day.
    • guigui 88 days ago
      Thank you for the kind words. We’re glad you enjoy our work!

      We’d love to create a longer game someday, but making a living as a small indie studio in the gaming world is definitely challenging. Never say never, though!

  • davidwparker 88 days ago
    Cute game. A lot more forgiving than Marble Madness though.

    Needs a good enemy marble to come crack you and hammers too.

  • Helmut10001 88 days ago
    Thank you so much. This is a great game for my 6yo, it made his day! He loved it. We spent months looking for web games for 6yo without ads, dark patterns and distracting details, but this was the first one that really fit. I wish there would be more similar games.
    • franck 87 days ago
      It's wonderful to know that your child enjoyed our little game. Thanks so much for sharing that with us!
    • dylan604 88 days ago
      How is this without ads? It's sole purpose was to be a marketing tool and interrupts the game play with...ads.
      • wizzwizz4 88 days ago
        These are ads in the original sense (to advertise something), rather than the modern sense (obnoxious attention-grabbing multimedia presentations); and all of them are skippable, save the victory screen. I do find it quite ironic, though, that the best ad-free video game I've seen this week is an advertisement.
        • Helmut10001 88 days ago
          This is exactly how I meant it. From the perspective of my 6yo, who can't really read yet or know what Netlify is, it was also never perceived as an Ad, but a game.
      • hugs 88 days ago
        They possibly could/should add the qualifier of obnoxious ads. Many mobile ads are extremely obnoxious. Especially the ones that hide the "X" or place several "X"s in the interface so it's hard to tell where exactly to tap to get the ad to go away. This game is pretty classy and subtle in comparison. Kind of how Hacker News itself is an ad for YCombinator.
        • dylan604 88 days ago
          it's cute how you've come to accept the less obnoxious ads as okay. it appears the obnoxious ads have served their purpose.
  • kolleraa 88 days ago
    Great fun and very polished! I'd love to try this with accelerometer based controls.
  • Traubenfuchs 88 days ago
    On iOS, sometimes it scrolls the page and pressing and holding opens a weird right click magnifier and releasing it a share option on the top left?

    Those jarring little things seem to just never disappear from modern browser games.

    Beyond that it‘s amazingly fluid.

  • naveensky 87 days ago
    Wow, this is nice. I don't know, but is it possible for us to study code for this? I would love to see how all of this is built.

    I can understand you might have commercial obligation, so hoping Netlify can make this public :)

    • bustodisgusto 87 days ago
      I would check out react three fiber if you want to see how people are building things like this. It essentially brings a component model to three js development and creates good standards for sharable code since things are just react hooks.

      Rapier was brand new when I was making things in R3F 2 years ago. Glad to see how mature it’s gotten!

    • franck 87 days ago
      Thanks! Sorry there's currently no plan to make it open source at the moment.
  • GistNoesis 88 days ago
    Got stuck in a re-spawn loop : some collision detection failed in level 4 at the start of a standard 30° incline, the ball fell through, and was re-spawned at the same place resulting in falling again, locking me in loop.
  • Animats 87 days ago
    That is very cute. But even after hitting all the white dots, it's not clear what their product is? A web framework? Hosting? Cloud services?

    15 mins 31 secs, including reading all the promo material.

  • o11c 88 days ago
    On chapter 2 I liked figuring out how to skip an entire section.

    On chapter 3 I fell through the checkerboard immediately the first time; this seems like a bug.

    On chapter 4 there are enough paths that it's possible to get slightly lost and not know which way you're supposed to follow the line.

    On chapter 5 it's possible to fall onto an isolated island (the pink cube, under the lip) and get trapped forever. I would suggest making "only blue saves your position" a consistent rule rather than the current randomness. At this point I gave up and didn't want to try again from scratch.

  • wackget 87 days ago
    Anyone who wants a full game of this, try Ballance:

    https://www.gog.com/en/game/ballance

  • vaishnavsm 88 days ago
    There's an easy shortcut in the second level past the climb on the pink pipe and before you climb the ramp where you can jump to the semi-circle on the lower platform on the other side. Love it!
  • burnt-resistor 88 days ago
    The ASDF controls are absolutely backwards while the cursor controls work.
  • Al-Khwarizmi 87 days ago
    Great implementation, very enjoyable. Any chance that you will use this foundation to make an actual game (I mean, challenging, with scores/time/etc., and without the marketing component)?

    I have always missed a worthy sucessor to Marble Madness. I have tried several partial implementations or demos inspired on it, like this, but never an actual full game with the same philosophy (maybe there's some I'm missing, in which case I would like to know, of course).

    • franck 87 days ago
      Thanks. There's no current plan to turn this into an actual game but I agree it would neat.
  • Jean-Papoulos 88 days ago
    Alright, alright. Where are the speedrunning leaderboards for this ?
    • wizzwizz4 88 days ago
      There are definitely some neat skips available.
    • freedmand 87 days ago
      I got 2:57 after discovering a few shortcuts
      • franck 87 days ago
        Amazing, as the developer of this game, I wasn't even aware that you could make it under 3 minutes!
        • freedmand 87 days ago
          I'm by no means a speedrunner but decided to record my runs in case I got a sub-3. Just uploaded the 2:57: https://youtu.be/0THaZ61sCmg

          I challenge someone to beat it!

          • freedmand 87 days ago
            Oh wow, looks like someone uploaded a 2:55 yesterday: https://www.youtube.com/watch?v=G6yExxPR1vI
            • franck 87 days ago
              Wow, learning that people are sharing speedruns on YouTube totally made my day!
              • freedmand 86 days ago
                This will probably be my last run (2:49): https://youtu.be/zIyZJjyPy8U

                Kudos on a great game! If you ever expand or open source this, let me know. The mechanics and design are great and could really blossom into something fun and expansive (especially if users could submit levels).

                • asheliahut 84 days ago
                  I got it down even further! 2:47! https://youtu.be/3v2v5ptOT5Y
                • franck 86 days ago
                  Awesome, congrats on your 2:49 run. Sure, we'll definitely let you know. Probably won't happen but I would love adding a level editor. Thanks!
            • asheliahut 84 days ago
              Oh someone showed my time haha ^_^
  • ChrisMarshallNY 87 days ago
    That's really great!

    The one game that I used to love, but never got translated into the modern world, is Oxyd[0], which was later re-released (in a fashion) as Enigma[1].

    [0] https://en.wikipedia.org/wiki/Oxyd

    [1] https://www.nongnu.org/enigma/

  • michaelmior 88 days ago
    Incredibly cool! Also, I had no idea how early I was to Netlify. I guessed something closer to 1 million, but apparently I was one of the first 5,000.
  • rc_mob 88 days ago
    Its been a long time since someone built something like this for the web. Praystation was a long time ago. No one has really followed up since then.
  • vunderba 88 days ago
    Nice job! You just need to have it so if the marble exceeds a certain Y velocity threshold that it shatters and a dust pan appears to sweep it up.
  • nightowl_games 88 days ago
    Great game! On mobile, feels like the joystick is a bit too sensitive. Ie: I move my finger a tiny amount and the ball goes flying.

    What's your company called?

    • guigui 88 days ago
      Thanks! Agreed that the mobile experience can sometimes be a little difficult compared to the desktop version. It was hard to get right, and we may have set the ball speed a bit too high.

      Our studio is called Little Workshop. You can find more info about us here: https://www.littleworkshop.fr

  • icedchai 87 days ago
    Neat. I loved Marble Madness. It was one of the first games I got for my Amiga, back in the late 80's!
  • pininja 88 days ago
    Super fun. Loved the rubbery sound design.

    I’d want to watch the CEO host a speed run stream.

    • guigui 88 days ago
      Actually, we used a recording of a basketball for the sound of the marble bouncing. It wasn’t our original intention, as we initially imagined the ball to have more of a metallic quality. However, the rubbery effect kinda works, I guess. :)
  • pounderstanding 88 days ago
    Hopefully constructive: Touch controls. If finger is lifted off, even for a second, new "center" is registered, which makes it quite hard to control without looking where the"center" is. Nice soundtrack, quite relaxing.
  • asadm 88 days ago
    I wish I had code access to this, I would make a multiplayer mode using https://docs.joinplayroom.com/usage/threejs (my project)
  • splittydev 88 days ago
    Fun game, but I soft-locked myself https://imgur.com/a/DHDSzPW Took a few tries to get there, but I don't think there's a way out
  • JohnMakin 88 days ago
    I’ve heard people claim they beat the original marble madness, but I don’t believe them.
  • worldmerge 87 days ago
    That’s incredible!!

    Btw, how did you started making a creative tech studio? That’s something I want to do but I’m kinda lost on the selling part. How do you sell to a business that earned media is worth it?

    • franck 87 days ago
      Thanks so much! With a bit of luck and talking to the right people at the right time, we got our start when Mozilla gave us the opportunity to create technical demos for the release of Firefox 4 back in 2010. Among other demos, we created a game called Mozilla BrowserQuest at the time, which really set us on the path to working on creative, tech-driven projects through word-of-mouth. These days, most of our clients are already excited about creating campaigns that can spark conversations and generate organic sharing, so we don’t usually need to sell them on the concept—they come to us because they already believe in its potential.
  • jFriedensreich 87 days ago
    I have to say, this is perfect execution. Now, if cloudflare made an equally great Oxyd inspired game the marble game sentimentalist edge computing nerds among us would be content.
  • hehehheh 87 days ago
    Gives me nostalgia for Gyroscope: https://youtu.be/T3RtojpRc2M?si=nkDpJtJ_lzs5xOP8
  • sergiotapia 87 days ago
    This is so cool, it feels great! The ball has the "feel" of a putty ball, bouncy but not a lot just enough. Probably a lot of thought went into this and it shows.
  • Keyframe 88 days ago
    i got a few questions:

    - you say it's built with three.js but you also use rapier. How does that work / integrate? I see one is JS frontend thing, the other rust engine

    - how did you design levels, with what?

    • franck 88 days ago
      The rendering engine is using Three.js which is a WebGL library. The physics/collision detection code is using Rapier through a WebAssembly module available on npm [1], which means that it can be used on the web even though it's originally written in Rust.

      The levels were built inside the Unity Editor, then exported to FBX, then went through a pipeline based on Blender python scripting that optimized their geometry, assigned materials and exported them to GLTF (the final format that we load in the browser).

      [1] https://rapier.rs/docs/user_guides/javascript/getting_starte...

      • ivanjermakov 88 days ago
        How did you assemble Rapier colliders from GLTFs?
        • franck 88 days ago
          Nothing complicated, we simply have initialization code that parses the GLTF scene on startup by iterating over the children of a specific group, and creating Rapier colliders for each of them (Triangle Mesh Colliders to be specific, in order to allow things such as curved ramps). Since their geometry is very simple, we can use directly the rendering geometry for the collider geo.
      • Keyframe 88 days ago
        thanks for answering! Interesting you used unity for level layout. Interested to hear the advantage here. Considering you already use Blender down the pipe, how come you haven't used Blender for it or any other dcc app lile maya, max, whatever?
        • franck 88 days ago
          The main draw of the Unity Editor for us is how it auto-reloads assets, like 3D models, as soon as the asset file is updated. So the workflow is having your DCC app open in which you model things and export assets from, and Unity Editor to design your level where every model is always up-to-date.

          This is not possible with Blender because it contains all models inside a single .blend file, so assets must be manually re-imported each you change them. There is a Link feature in Blender but in my experience it's not as good as what Unity does out of the box.

          • Keyframe 88 days ago
            interesting! I haven't got much into blender, but sounds rather basic functionality. FWIW Maya has that since forever.
    • skydhash 88 days ago
      Not the dev, but Rapier has a JavaScript binding through WASM. And you can design the levels with a 3d tool like Blender, then script out the animation.
  • noctane 88 days ago
    Great work. Are there any plans to convert some of the code to OSS?
  • pbronez 88 days ago
    I got stuck in the second chapter. Went into a tube leading to a spiraling green slide and my ball reset... to the interior of the block. Oh well, cool project.
    • franck 88 days ago
      Thanks and sorry you got stuck, we made our best effort to prevent these situations from happening but apparently they still do.
  • tempworkac 88 days ago
    Could you explain more on:

    > The 2D content is overlaid on the WebGL view using CSS 3D transforms for a seamless integration with the 3D view.

    Maybe a simple example of this with code?

  • kodablah 88 days ago
    Question unrelated to the game specifically - how does Netlify quantify the number of developers? How does it know/guess that it is 5 million?
    • nightpool 88 days ago
      presumably "select count(*) from users" :)

      In fact, apparently they now have 6.6M (just signed up for an account and saw what the number said)

  • numlocked 88 days ago
    Minor -- the date on the Riot Games video "stop point" is likely wrong. It says 2024, but based on the timeline it should be 2023.
    • franck 87 days ago
      Thanks for reporting!
  • aliwoto 88 days ago
    Hello, really amazing work, well done! Just one curious question: have you made the background music yourself? if not, can I know the name?
  • Lerc 88 days ago
    Nice, I did manage to get a respawn point where it immediately died causing a loop. On Elevation.

    Still have no idea what netlify is or does.

  • DecoySalamander 88 days ago
    Have you considered using R3F for this project? Also curious, why did you implement a custom renderer pipeline?
  • muragekibicho 88 days ago
    There's a glitch in the velocity level. My marble keeps respawing and the game is stuck in a refresh loop
    • biomcgary 88 days ago
      On the last level I ran into one of the raised blocks and tunneled into the cubes. I could still roll around inside, lol, but there was no way out.
  • shimonabi 88 days ago
    It's buggy. I got stuck in the blue "pool" in the last stage, under one of the green ramps.
  • astrofinn 87 days ago
    Brilliant game! I know it probably won't happen, but I would loove to see the source for this.
  • dustinsterk 88 days ago
    This is great! Fantastic work. You should port a game like this to steamdeck, it would be a huge hit!
  • Tepix 87 days ago
    I was hoping to control the marble with the IMU of my phone... is that a planned feature?
    • franck 87 days ago
      Unfortunately, we have no plans to add new controls to the game at this time.
  • yazzku 88 days ago
    I'm here just for the game.

    If you move fast enough, you can glitch the ball against the slides and get stuck.

  • ivanjermakov 88 days ago
    Speedrun any% category coming soon?
  • pjmlp 88 days ago
    Nice game, although I would expect to be able to use the gyroscope on mobile devices.
    • guigui 88 days ago
      The issue with using the gyroscope is that the Device Orientation API requires websites to request user permission first (at least on iOS Safari), which we feared might drive away too many visitors.
      • pjmlp 88 days ago
        It could be a game setting, no need to be by default.
  • markatkinson 88 days ago
    This is fantastic!.

    Time to start speed running!

    • butz 88 days ago
      4 minutes and 31 seconds, any%. Need to do some better routing.

      4 minutes and 21 seconds after few more attempts.

      3 minutes and 59 seconds. Sub 4 is good enough for me :)

      • yhprum 88 days ago
        My competitive side got the better of me and spent too long playing this :|

        3 minutes 33 seconds after ~10 attempts

        routing is definitely fun, I enjoyed figuring out which bounce pads to take

        ---

        3:20 after some more tries, I think sub 3 is possible

        3:14 even with the game glitching me into the abyss on the last level :(

        • freedmand 87 days ago
          I got 2:57 — required a near-perfect run but still room for improvement
    • markatkinson 88 days ago
      4 minutes 58 seconds.
      • whitehexagon 88 days ago
        I'll post my slowest time at the bottom of the stack: 5 minutes and 59 seconds didnt work on FF, and only 1/4 screen on brave index-dffbfc39.js:4603 expected expression got ?

        Anyway great fun, and much easier than what I remember of the Amiga version, very forgiving controls, thanks and well done.

    • enderstenders 88 days ago
      3 minutes 25 seconds here
  • squarefoot 87 days ago
    Wow! So beautifully designed and smooth, brought many good memories...
  • 725686 88 days ago
    It needs more gravity for the marble to roll down slopes better.
    • ivanjermakov 88 days ago
      Seems like the ball is 0.5m in diameter, if you treat single wireframe texture tile as 1m. Gravity seems to be correct for the ball of this size (although linear dampening aka air resistance is quite high).

      I think this is intentional, since higher gravity/smaller ball would significantly raise difficulty.

  • bluepanda1234 88 days ago
    Would love a multiplayer PvP version of this, a la Fall Guys.
  • dylan604 88 days ago
    does anybody remember the name of the board game that you turned knobs on the outside of the box to tilt on the x/y axis to drive the marble around the board?
  • fragmede 88 days ago
    That was fun, thanks!
  • TheAmazingRace 88 days ago
    This is a really neat concept! Thanks for sharing.
  • Faizan711 83 days ago
    Just fantastic!! Loved it.
    • Faizan711 83 days ago
      would really like to know how this was made.
  • pooper 88 days ago
    this gives me an idea... what if you keep everything about the game the same but change it to hjkl navigation for vim learners?
  • whamlastxmas 87 days ago
    I love your work, especially browserquest!
  • arlattimore 88 days ago
    That is really well done, congratulations :-)
  • chenbin74851 88 days ago
    I like it. I will share it with my friends.
  • yapyap 88 days ago
    personally couldnt care less about netlify but still played all 5 levels cause they were just fun, kudos
  • yobananaboy 88 days ago
    So uh, don't try to make the jump from the pink elevator to the solitary pink cube on the last level. If you make it, you're stuck there forever! (I thought it would be a skill jump to an easter egg)
  • anonymous344 87 days ago
    yes but do they still bill you 170 000$ even if you have the free service??
  • eddyvinck 88 days ago
    Pretty fun simple little game!
  • nusl 88 days ago
    This is fun but it's buggy. I randomly glitch out and get forced to respawn :(
  • aszantu 88 days ago
    Phone gets hot fast
  • blendertom 88 days ago
    This is amazing!
  • bsuvc 87 days ago
    Very fun. I played all the levels. Thanks for sharing.
  • trollbridge 88 days ago
    Well, I'd love to know what Netlify does, but...

    #1. I could not find pricing anywhere.

    #2. The "ROI calculator" steered me to enter in my name, e-mail, and phone number. I don't want to sign up to get spam from a salesman just to find out the basics about some tool or platform.

    #3. Wikipedia's page for Netlify has a content warning that the content appears to be an ad brochure, but at least it said this:

    "Netlify is a remote-first cloud computing company that offers a development platform that includes build, deploy, and serverless backend services for web applications and dynamic websites.

    The company enables building, deploying, and scaling websites whose source files are stored in the version control system Git and then generated into static web content files served via a content delivery network."

    Still have no idea what Netlify does (beyond what I can already do with git with a few clicks), or if it's right for our team, or if we can even afford it.

    The Marble game was quite fun, however...

    #4. The main thing that stuck in my mind from the little "milestones" about Netlify was that they changed their logo. This may seem significant to the Netlify team, but is completely irrelevant to the rest of us.

    #5. The second thing was that they "bought Squirrel, an open source"... it is rather dystopian to hear that someone "bought" an open source platform.

    Since we have a few Netlify people posting here, please feel free to correct my ignorance or point me in the right direction.

    • throwaway77385 88 days ago
      Used Netlify back in the day (prior to Cloudflare pages / workers sites). The experience was largely smooth. HOWEVER, pricing was both opaque and prone to explode without warning, with little to no way of setting billing limits. Ultimately, that was too risky for the kind of small-ish projects I'm running. They had the Netlify CMS for a while, which I quite liked. But that's gone now. Be interesting to know what their USP is over CF Pages.
      • tbarn 87 days ago
        Just in case you haven't seen it, there's a new free plan with no overages for small projects that you don't want to worry about overages for: https://www.netlify.com/blog/introducing-netlify-free-plan/
      • fastball 88 days ago
        Netlify is Vercel before Vercel.
        • hunter2_ 88 days ago
          Netlify being related to Gatsby and Vercel being related to Next.js.
          • fastball 87 days ago
            Not exactly. More that Netlify started as a no-devops-needed static website hosting platform, and gradually branched off into value props that naturally fit into that starting point.

            Vercel (formerly ZEIT) basically did the same thing.

            Since founding, both companies have raised an insane amount of VC money, making them both unicorns by valuation a few times over. Though imo it remains to be seen if this was actually a good investment. Neither company seems to have fully made good on their business model, which is quite similar in both cases: encourage and allow devs (or non devs) to do the absolute bare minimum of work in exchange for hosting/bandwidth/etc prices that many consider exorbitant.

    • markerz 88 days ago
      > The company enables building, deploying, and scaling websites whose source files are stored in the version control system Git and then generated into static web content files served via a content delivery network.

      That’s the meat of it. It’s Heroku for statically generated websites or websites that can run as lambdas. Pretty limited but very fast for those purposes cause everything is handled by edge servers rather than primary data center servers.

  • bobfunk 88 days ago
    Netlify CEO here.

    I spotted Little Workshop when I saw https://equinox.space/ on Hacker News and noticed it was running on Netlify. Loved the fluidness, speed and art direction of a game running directly in the browser and working smoothly on my phone.

    Immediately thought of them when we started thinking about a 5 million developer celebration and reached out. Love the result :)

    • guigui 88 days ago
      We’re very grateful for the opportunity to create this experience! Huge thanks to you and the Netlify team for supporting innovative campaigns like this one.
    • MattSayar 88 days ago
      I knew I recognized the feel of this project. It did quite well on the front page [0]. Hopefully you and others keep hiring them so we can keep enjoying their work!

      [0] https://news.ycombinator.com/item?id=40113013

  • voodooEntity 88 days ago
    So i have to say i saw the headline on the frontpage and clicked the game before reading the post.

    I have no idea who netifly is... and thought lets have a fun time playing.

    While the game is visually well made, i gave it 3 attemps and all 3 times my ball dissapeared at some point into the floor and got permastuck. :/

  • larry-the-agent 87 days ago
    [dead]