TE
科技回声
首页24小时热榜最新最佳问答展示工作
GitHubTwitter
首页

科技回声

基于 Next.js 构建的科技新闻平台,提供全球科技新闻和讨论内容。

GitHubTwitter

首页

首页最新最佳问答展示工作

资源链接

HackerNews API原版 HackerNewsNext.js

© 2025 科技回声. 版权所有。

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

616 点作者 franck6 个月前
Hello HN! We’re a small creative studio specializing in real-time 3D experiences. Netlify approached us to design and build an interactive experience to celebrate reaching 5 million developers.<p>Inspired by the classic game Marble Madness, we created a gamified experience where users control a ball through playful, interactive levels. The goal was to blend marketing content with the look and feel of a game to engage users.<p>The app is built with Three.js [1], using our custom render pipeline and shaders, and uses Rapier for physics simulation [2]. The 2D content is overlaid on the WebGL view using CSS 3D transforms for a seamless integration with the 3D view.<p>We’d love for you to try it out and share your thoughts!<p>[1] <a href="https:&#x2F;&#x2F;threejs.org" rel="nofollow">https:&#x2F;&#x2F;threejs.org</a><p>[2] <a href="https:&#x2F;&#x2F;rapier.rs" rel="nofollow">https:&#x2F;&#x2F;rapier.rs</a><p>EDIT: More info on this project here: <a href="https:&#x2F;&#x2F;www.littleworkshop.fr&#x2F;projects&#x2F;5milliondevs&#x2F;" rel="nofollow">https:&#x2F;&#x2F;www.littleworkshop.fr&#x2F;projects&#x2F;5milliondevs&#x2F;</a>

87 条评论

iandanforth6 个月前
Nice! My favorite challenge was avoiding the glowing white dots along the path.
评论 #42217605 未加载
评论 #42215324 未加载
评论 #42220094 未加载
评论 #42215145 未加载
guigui6 个月前
I&#x27;m one of the developers who worked on this project. Happy to answer any questions.<p>More info on the project here: <a href="https:&#x2F;&#x2F;www.littleworkshop.fr&#x2F;projects&#x2F;5milliondevs&#x2F;" rel="nofollow">https:&#x2F;&#x2F;www.littleworkshop.fr&#x2F;projects&#x2F;5milliondevs&#x2F;</a>
评论 #42213928 未加载
评论 #42216956 未加载
评论 #42215229 未加载
评论 #42214721 未加载
评论 #42214380 未加载
评论 #42214362 未加载
评论 #42214007 未加载
评论 #42223000 未加载
评论 #42213714 未加载
评论 #42213806 未加载
评论 #42221781 未加载
评论 #42214536 未加载
评论 #42218739 未加载
AndrewStephens6 个月前
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.<p>It seems such a shame that this isn&#x27;t a full game. Removing the advertising and adding more complex levels with puzzles would make for a perfect little distraction.
评论 #42216779 未加载
评论 #42217273 未加载
评论 #42222179 未加载
bhaney6 个月前
I think this is the first time I&#x27;ve ever seen an online game correctly tell me to use WARS keys for movement. Big props for handling non-qwerty layouts.<p>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.
评论 #42215393 未加载
pissflaps6 个月前
That was enjoyable. I wasn&#x27;t at all interested in any of the &quot;Netlify facts&quot; but it was fun to push the marble around and I&#x27;m impressed by how smooth the experience was. Well done!
pipes6 个月前
I can&#x27;t find anyone else mentioning this here, so interesting fact, marble madness was designed by mark cerny<p><a href="https:&#x2F;&#x2F;en.m.wikipedia.org&#x2F;wiki&#x2F;Marble_Madness" rel="nofollow">https:&#x2F;&#x2F;en.m.wikipedia.org&#x2F;wiki&#x2F;Marble_Madness</a><p><a href="https:&#x2F;&#x2F;en.m.wikipedia.org&#x2F;wiki&#x2F;Mark_Cerny" rel="nofollow">https:&#x2F;&#x2F;en.m.wikipedia.org&#x2F;wiki&#x2F;Mark_Cerny</a><p>Who is better known for designing the PS4 and PS5.<p>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&#x27;m not quite the target market)
评论 #42217999 未加载
Conscat6 个月前
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&#x27;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&#x27;s on my resume to this day.
solatic6 个月前
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.
评论 #42213938 未加载
评论 #42213783 未加载
deskr6 个月前
Is there a page somewhere that tells me what netlify is on a technical level? All I see it marketing speak and I can&#x27;t make sense of it.
评论 #42216019 未加载
评论 #42215668 未加载
评论 #42222200 未加载
cyberlimerence6 个月前
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.<p>[1] <a href="https:&#x2F;&#x2F;en.wikipedia.org&#x2F;wiki&#x2F;Ballance_(video_game)" rel="nofollow">https:&#x2F;&#x2F;en.wikipedia.org&#x2F;wiki&#x2F;Ballance_(video_game)</a>
adzm6 个月前
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.
johtso6 个月前
The controls don&#x27;t seem to work for me. AWSD, only up and down work, unless I try to go diagonally, then it just gets &quot;stuck&quot; moving forever. Arrow keys no directions work unless I hold multiple keys down at once, then it also gets stuck moving.<p>M1 macbook pro, Arc browser
评论 #42214107 未加载
NaolGBasaye6 个月前
Really smooth, clean work. Didn&#x27;t get a chance to monitor memory and network, but seemed pretty light, kudos!
Jeremy10266 个月前
Very nice way to show off some of the history of Netlify while making it fun. Congrats on 5m.
Lukas_Skywalker6 个月前
That&#x27;s quite fun! I didn&#x27;t know about &quot;Marble Madness&quot;, 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.<p>[1]: <a href="https:&#x2F;&#x2F;de.wikipedia.org&#x2F;wiki&#x2F;Cuboro" rel="nofollow">https:&#x2F;&#x2F;de.wikipedia.org&#x2F;wiki&#x2F;Cuboro</a>
评论 #42216149 未加载
bambax6 个月前
This is absolutely amazing! Very well executed, congrats!!<p>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.<p>(I&#x27;m still unsure what Netlify exactly is or what it does but this will make me want to find out!)
maniacwhat6 个月前
Interesting. This consistently crashes my chrome browser whenever I get to the first glowing white checkpoint. But it&#x27;s not like any crash I&#x27;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?<p>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.
评论 #42217061 未加载
评论 #42214762 未加载
评论 #42215263 未加载
pizzafeelsright6 个月前
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 &quot;Facts&quot; spots or was there a lot of tweaking?<p>The 45 degree rotation does require more dual input than I care for which makes me wonder if that is a design choice.
评论 #42214174 未加载
评论 #42214072 未加载
评论 #42215047 未加载
flanbiscuit6 个月前
I&#x27;ve been enjoying the quality and aesthetics of your studio&#x27;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.
评论 #42214769 未加载
davidwparker6 个月前
Cute game. A lot more forgiving than Marble Madness though.<p>Needs a good enemy marble to come crack you and hammers too.
Helmut100016 个月前
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.
评论 #42224336 未加载
评论 #42214845 未加载
kolleraa6 个月前
Great fun and very polished! I&#x27;d love to try this with accelerometer based controls.
Traubenfuchs6 个月前
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?<p>Those jarring little things seem to just never disappear from modern browser games.<p>Beyond that it‘s amazingly fluid.
评论 #42214335 未加载
naveensky6 个月前
Wow, this is nice. I don&#x27;t know, but is it possible for us to study code for this? I would love to see how all of this is built.<p>I can understand you might have commercial obligation, so hoping Netlify can make this public :)
评论 #42223688 未加载
评论 #42223230 未加载
GistNoesis6 个月前
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.
Animats6 个月前
That is very cute. But even after hitting all the white dots, it&#x27;s not clear what their product is? A web framework? Hosting? Cloud services?<p>15 mins 31 secs, including reading all the promo material.
o11c6 个月前
On chapter 2 I liked figuring out how to skip an entire section.<p>On chapter 3 I fell through the checkerboard immediately the first time; this seems like a bug.<p>On chapter 4 there are enough paths that it&#x27;s possible to get slightly lost and not know which way you&#x27;re supposed to follow the line.<p>On chapter 5 it&#x27;s possible to fall onto an isolated island (the pink cube, under the lip) and get trapped forever. I would suggest making &quot;only blue saves your position&quot; a consistent rule rather than the current randomness. At this point I gave up and didn&#x27;t want to try again from scratch.
wackget6 个月前
Anyone who wants a full game of this, try Ballance:<p><a href="https:&#x2F;&#x2F;www.gog.com&#x2F;en&#x2F;game&#x2F;ballance" rel="nofollow">https:&#x2F;&#x2F;www.gog.com&#x2F;en&#x2F;game&#x2F;ballance</a>
vaishnavsm6 个月前
There&#x27;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-resistor6 个月前
The ASDF controls are absolutely backwards while the cursor controls work.
评论 #42214921 未加载
Al-Khwarizmi6 个月前
Great implementation, very enjoyable. Any chance that you will use this foundation to make an actual game (I mean, challenging, with scores&#x2F;time&#x2F;etc., and without the marketing component)?<p>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&#x27;s some I&#x27;m missing, in which case I would like to know, of course).
评论 #42223219 未加载
Jean-Papoulos6 个月前
Alright, alright. Where are the speedrunning leaderboards for this ?
评论 #42214718 未加载
评论 #42219509 未加载
ChrisMarshallNY6 个月前
That&#x27;s really great!<p>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].<p>[0] <a href="https:&#x2F;&#x2F;en.wikipedia.org&#x2F;wiki&#x2F;Oxyd" rel="nofollow">https:&#x2F;&#x2F;en.wikipedia.org&#x2F;wiki&#x2F;Oxyd</a><p>[1] <a href="https:&#x2F;&#x2F;www.nongnu.org&#x2F;enigma&#x2F;" rel="nofollow">https:&#x2F;&#x2F;www.nongnu.org&#x2F;enigma&#x2F;</a>
michaelmior6 个月前
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_mob6 个月前
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.
vunderba6 个月前
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_games6 个月前
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.<p>What&#x27;s your company called?
评论 #42214053 未加载
icedchai6 个月前
Neat. I loved Marble Madness. It was one of the first games I got for my Amiga, back in the late 80&#x27;s!
pininja6 个月前
Super fun. Loved the rubbery sound design.<p>I’d want to watch the CEO host a speed run stream.
评论 #42214378 未加载
pounderstanding6 个月前
Hopefully constructive: Touch controls. If finger is lifted off, even for a second, new &quot;center&quot; is registered, which makes it quite hard to control without looking where the&quot;center&quot; is. Nice soundtrack, quite relaxing.
asadm6 个月前
I wish I had code access to this, I would make a multiplayer mode using <a href="https:&#x2F;&#x2F;docs.joinplayroom.com&#x2F;usage&#x2F;threejs" rel="nofollow">https:&#x2F;&#x2F;docs.joinplayroom.com&#x2F;usage&#x2F;threejs</a> (my project)
splittydev6 个月前
Fun game, but I soft-locked myself <a href="https:&#x2F;&#x2F;imgur.com&#x2F;a&#x2F;DHDSzPW" rel="nofollow">https:&#x2F;&#x2F;imgur.com&#x2F;a&#x2F;DHDSzPW</a> Took a few tries to get there, but I don&#x27;t think there&#x27;s a way out
JohnMakin6 个月前
I’ve heard people claim they beat the original marble madness, but I don’t believe them.
评论 #42215790 未加载
worldmerge6 个月前
That’s incredible!!<p>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?
评论 #42224299 未加载
jFriedensreich6 个月前
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.
hehehheh6 个月前
Gives me nostalgia for Gyroscope: <a href="https:&#x2F;&#x2F;youtu.be&#x2F;T3RtojpRc2M?si=nkDpJtJ_lzs5xOP8" rel="nofollow">https:&#x2F;&#x2F;youtu.be&#x2F;T3RtojpRc2M?si=nkDpJtJ_lzs5xOP8</a>
sergiotapia6 个月前
This is so cool, it feels great! The ball has the &quot;feel&quot; of a putty ball, bouncy but not a lot just enough. Probably a lot of thought went into this and it shows.
Keyframe6 个月前
i got a few questions:<p>- you say it&#x27;s built with three.js but you also use rapier. How does that work &#x2F; integrate? I see one is JS frontend thing, the other rust engine<p>- how did you design levels, with what?
评论 #42214317 未加载
评论 #42214340 未加载
noctane6 个月前
Great work. Are there any plans to convert some of the code to OSS?
pbronez6 个月前
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.
评论 #42214665 未加载
tempworkac6 个月前
Could you explain more on:<p>&gt; The 2D content is overlaid on the WebGL view using CSS 3D transforms for a seamless integration with the 3D view.<p>Maybe a simple example of this with code?
评论 #42213831 未加载
kodablah6 个月前
Question unrelated to the game specifically - how does Netlify quantify the number of developers? How does it know&#x2F;guess that it is 5 million?
评论 #42217544 未加载
numlocked6 个月前
Minor -- the date on the Riot Games video &quot;stop point&quot; is likely wrong. It says 2024, but based on the timeline it should be 2023.
评论 #42224343 未加载
aliwoto6 个月前
Hello, really amazing work, well done! Just one curious question: have you made the background music yourself? if not, can I know the name?
评论 #42214489 未加载
Lerc6 个月前
Nice, I did manage to get a respawn point where it immediately died causing a loop. On Elevation.<p>Still have no idea what netlify is or does.
DecoySalamander6 个月前
Have you considered using R3F for this project? Also curious, why did you implement a custom renderer pipeline?
muragekibicho6 个月前
There&#x27;s a glitch in the velocity level. My marble keeps respawing and the game is stuck in a refresh loop
评论 #42215614 未加载
shimonabi6 个月前
It&#x27;s buggy. I got stuck in the blue &quot;pool&quot; in the last stage, under one of the green ramps.
astrofinn6 个月前
Brilliant game! I know it probably won&#x27;t happen, but I would loove to see the source for this.
dustinsterk6 个月前
This is great! Fantastic work. You should port a game like this to steamdeck, it would be a huge hit!
Tepix6 个月前
I was hoping to control the marble with the IMU of my phone... is that a planned feature?
评论 #42224317 未加载
yazzku6 个月前
I&#x27;m here just for the game.<p>If you move fast enough, you can glitch the ball against the slides and get stuck.
ivanjermakov6 个月前
Speedrun any% category coming soon?
pjmlp6 个月前
Nice game, although I would expect to be able to use the gyroscope on mobile devices.
评论 #42215190 未加载
markatkinson6 个月前
This is fantastic!.<p>Time to start speed running!
评论 #42215368 未加载
评论 #42214069 未加载
评论 #42217045 未加载
squarefoot6 个月前
Wow! So beautifully designed and smooth, brought many good memories...
7256866 个月前
It needs more gravity for the marble to roll down slopes better.
评论 #42214649 未加载
bluepanda12346 个月前
Would love a multiplayer PvP version of this, a la Fall Guys.
dylan6046 个月前
does anybody remember the name of the board game that you turned knobs on the outside of the box to tilt on the x&#x2F;y axis to drive the marble around the board?
评论 #42214820 未加载
fragmede6 个月前
That was fun, thanks!
TheAmazingRace6 个月前
This is a really neat concept! Thanks for sharing.
Faizan7116 个月前
Just fantastic!! Loved it.
评论 #42257315 未加载
pooper6 个月前
this gives me an idea... what if you keep everything about the game the same but change it to hjkl navigation for vim learners?
whamlastxmas6 个月前
I love your work, especially browserquest!
arlattimore6 个月前
That is really well done, congratulations :-)
chenbin748516 个月前
I like it. I will share it with my friends.
yapyap6 个月前
personally couldnt care less about netlify but still played all 5 levels cause they were just fun, kudos
yobananaboy6 个月前
So uh, don&#x27;t try to make the jump from the pink elevator to the solitary pink cube on the last level. If you make it, you&#x27;re stuck there forever! (I thought it would be a skill jump to an easter egg)
anonymous3446 个月前
yes but do they still bill you 170 000$ even if you have the free service??
eddyvinck6 个月前
Pretty fun simple little game!
nusl6 个月前
This is fun but it&#x27;s buggy. I randomly glitch out and get forced to respawn :(
aszantu6 个月前
Phone gets hot fast
blendertom6 个月前
This is amazing!
bsuvc6 个月前
Very fun. I played all the levels. Thanks for sharing.
trollbridge6 个月前
Well, I&#x27;d love to know what Netlify does, but...<p>#1. I could not find pricing anywhere.<p>#2. The &quot;ROI calculator&quot; steered me to enter in my name, e-mail, and phone number. I don&#x27;t want to sign up to get spam from a salesman just to find out the basics about some tool or platform.<p>#3. Wikipedia&#x27;s page for Netlify has a content warning that the content appears to be an ad brochure, but at least it said this:<p>&quot;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.<p>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.&quot;<p>Still have no idea what Netlify does (beyond what I can already do with git with a few clicks), or if it&#x27;s right for our team, or if we can even afford it.<p>The Marble game was quite fun, however...<p>#4. The main thing that stuck in my mind from the little &quot;milestones&quot; 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.<p>#5. The second thing was that they &quot;bought Squirrel, an open source&quot;... it is rather dystopian to hear that someone &quot;bought&quot; an open source platform.<p>Since we have a few Netlify people posting here, please feel free to correct my ignorance or point me in the right direction.
评论 #42214114 未加载
评论 #42214237 未加载
评论 #42214251 未加载
bobfunk6 个月前
Netlify CEO here.<p>I spotted Little Workshop when I saw <a href="https:&#x2F;&#x2F;equinox.space&#x2F;" rel="nofollow">https:&#x2F;&#x2F;equinox.space&#x2F;</a> 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.<p>Immediately thought of them when we started thinking about a 5 million developer celebration and reached out. Love the result :)
评论 #42215688 未加载
评论 #42216166 未加载
评论 #42215261 未加载
voodooEntity6 个月前
So i have to say i saw the headline on the frontpage and clicked the game before reading the post.<p>I have no idea who netifly is... and thought lets have a fun time playing.<p>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. :&#x2F;
评论 #42216535 未加载