For those that can't get it to load (it takes a minute, and I noticed my desktop's fan kick it up a notch while things were getting initialized, so... YMMV): this is a portfolio site done via a cozy-gaming-style AWSD game where you drive around in a jeep-like thingamabob. There are some cute easter eggs, including a sort of... shrine to each of the socials, which you can run into with your car and knock over (though the links remain clickable, of course!). It also looks like there's some degree of global state; for example, you can "sacrifice yourself to the gods of chaos" (ie drive into a portal) and a counter on the side of the portal goes up, presumably for everyone (since I certainly didn't drive into it 1700 times myself!). There's a strongly consistent art style, and just generally... seems pretty polished. Or at least, that's what it felt like after 5 minutes of driving around.
All in all I'd say, I'm impressed, and enjoyed it. Though I think the HN title ("handsdown one of the coolest 3D websites") is maybe a bit much. It's an extremely-well-executed portfolio site; no more, no less.
If you count game demos on the web, then Epic Citadel, based on the port of Unreal Engine to various mobile and web platforms including HTML5/WebGL/asm.js, had a much detailed and more 3D world - it used all 3 dimensions fully, unlike OP which appears to be a flat world that’s quite restricted vertically. That demo first came out about 15 years ago, with the HTML5 version coming out a few years later.
Since then I’ve seen several other sites along similar lines, since Unity released a similar capability, but I haven’t kept track of them. The problem is they’re all essentially games that are more impressive for their look than their functionality, so they tend to have a spike of interest when people first see them and then you never hear of them again. And typically, the tech bitrots and the sites stop working after a while.
You say that as if I've got any control over the browser on the end users device, some of which will be configured to not apply these rules globally for accessibility reasons...
I am irked that on desktop it does not work in Firefox, but only in Chrome (and presumably other Chromium based browsers).
I'm not a big fan of Chrome, for a variety of reasons, but principally because I don't trust it and can no longer use a good ad blocker, so I never really enjoy having to fire it up.
After watching developer's "making of" video, I went and grabbed my USB gamepad (from twenty years ago) — whenever the gamepad is plugged in, Bruno's gamesite stops responding (until controller is unplugged).
I would recon if this isn't playing on your end, it has more to do with using uncommon hardware configurations (not necessarily lack of horsepower).
When it avoids a chrome (and thus google) monopoly: yes. And don’t talk to me about Firefox engine. Its market share is negligible and the whole thing only even still exists because google allows it.
The App Store is the walled garden that doesn't allow anyone else to ship a browser engine, except in certain markets where they have been forced by law to create a "Web Browser Engine Entitlement" that non-WebKit browsers can use with super special permission from Apple.
Because so many people use iPhones as their primary devices it's hard for businesses to accept making their websites only support browsers which are built off Chromium. It somewhat limits the power Google has to unilaterally dictate web standards.
This got me thinking: Rewind 25 years, I can easily imagine 15 year-old me sinking DOZENS of hours into playing this "game". I remember I put much more time than that into a free game that came in a box of cereal[0].
Today, I loaded the site up and spend about 30 seconds on it before deciding "this is cool!" and moving on, probably never to return.
What changed? I guess it's a mix of: (A) How I value my time. (B) The bar for "what pulls me in" in terms of gaming. (C) Some other factor around me just having already burned enough hours on games.
I'm not really sure how much each factor contributes.
Opportunity cost and perspective. We've probably played enough games to know how the cycle goes; there's a little voice in our heads now telling us that it's all just a big pixel hunt and the next few hours will be more of the same (my interest in a game fades once I learn the meta). And then there's so many games these days... so the other question is why not play something more interesting or exciting?
I think that's it, when it's new you explore, but when you know what to expect or seen it before, exploration is no longer interesting.
That said, there's some games out there today that draw me in just as much as others did 25 years ago; I've spent hundreds of hours in Factorio, I can't imagine how much I'd be into it 25 years ago (...assuming I would have understood it back then). Likewise, I'm sure I'd be a lot more into Minecraft if I was 25 years younger.
I used to believe this about myself as well, but later realized it was a rationalization. The reality is it's because leaving hacker news for extended periods (more than a minute or two) results in dopamine withdrawal. I feel a powerful urge to return to browsing links and my brain makes up a reason along the lines of "you're wasting time by staying on this site instead of going back to hacker news." It's a similar thing that drives me to "skip ahead to the good part" in youtube videos rather than watching the whole thing, evidenced by my doing it even on videos that are very short.
Weirdly, playing games is typically something I the feel least guilty doing, precisely because it's a distraction from the other stuff I'd otherwise not be doing. There's just a lot of stuff I want to do, that I struggle to do, and so I feel guilty about not making progress on that stuff. Then, whenever I try to do something else, I feel too guilty to do that something else.
It's a real self-reinforcing negative feedback loop. I agree that it's not healthy. It's just hard to break out of.
I deal with the exact same mental model. I think for me, while actively gaming I do have fun. It’s only after the fact I look back on the time wasted gaming and think “wow, I really should have worked on that project I want to build instead of playing a game”. It’s also hard to rationalize time spent gaming when you have nothing to show for it afterwards.
If you ever figure out the solution to this negative thought-loop, let me know please!
I dunno. I see many “grown ups” replacing video game time with just more time scrolling on their phones, or maybe on the TV watching YouTube or some streaming service.
I think playing (some) video games can be a bit better for your brain vs. the above alternatives. At least many of them require thought and/or coordination.
Again, there are exceptions, where they’re not much better than doom scrolling. But it’s not hard to find some that require some effort and thought.
Same but with 1 kid and different websites (including HN, which is equally bad!). Actively fighting it though. Slowly removing all social media accounts, now just need to figure out how to block stuff permanently on my phone.
On a desktop I did it with changing my hosts file to point everything to 127.0.0.1. Need to figure out how to do this also on mobile without an additional network device that would disrupt things for my wife.
I think it's in large part just having to do with us developing our frontal cortex and like impulse control. I would have probably gotten dopamine addicted to it 15 years ago, as well as wouldn't have some nagging back-of-mind thoughts about having to use my time to be converted into money to survive at that age.
I miss the days when I'd click every link and follow every rabbit hole. 100% completionism of collection games. It's shaped how my life has turned out, for better and worse.
Bruno’s Threejs course is great. I’m about 2/3 the way through it, taking my time. Well organized and extremely well documented. Highly recommend, if a recommendation from a threejs novice is worth much.
Very neat! I and completely respect the skill. I respect the effort even more!
That said, it's not 'hands down, one of the coolest 3D websites', at least that I've seen. It's all "technical", very little "design". For example, why is it 'isometric overhead'? There's no particular benefit in the view, and it's specifically harder to control than it would be with a 'chase'/'third-person' camera. It's not like this is an RTS or a city-builder-ish thing, where having an overhead layout works to your benefit. Rather, it's just easier to program a camera that never changes angles and input controls that never have to re-interpret camera position/rotation (lookat vector) to function correctly. And there's a kind of symmetry between a flat page and the "ground" that the truck drives on, so some parts of the web forms have been ported over to that.
Again, none of that is bad and especially none of it is wrong. It's very cool that it works and works so well (technical)! It's just that the design feels more "portfolio" than it does "best ux for interacting with the environment I've created and the paradigms I've invoked (vehicle control)".
That's design exactly. There's no technical obstacle to making it over-the-shoulder instead, but it changes the aesthetic. The animations focus on what the jeep does to things, so a racing view that helps you avoid running into things wouldn't be appropriate. It also changes how you see the assets. And you'd lose that 'RC Pro-Am' feel.
> Rather, it's just easier to program a camera that never changes angles and input controls that never have to re-interpret camera position/rotation (lookat vector) to function correctly.
Not really, you just put the camera on a spring arm attached to the vehicle. Vehicle movement isn't harder either. You get this stuff practically for free with any game engine.
You're welcome to your counter-opinion about the design, but you haven't convinced me. I've played plenty of games with third-person views where the gameplay was quite conducive to running in to things. I can also appreciate that the design is faux-retro, but that's kind of my whole issue with it. Sticking to a design because it is nostalgic is not user-focused. It's demographically limiting, by design. It's specifically niche-targeting. That's the opposite of trying to make the best kind of thing for the most kinds of people. Which is a business interest of a portfolio site. Building a little game for people who likes those types of games? Sweet! More power to you. But if you're showcasing a demo for wide audiences, a critique of the niche-targeting is valid. Not nearly as important as the people claiming they can't even play the game, for sure! But if you bounce one person because they press up on the keyboard and the truck moves "forward", and they don't like that - it's a marked negative for the site's intent.
You can't worry about pleasing everyone, and you especially can't worry about broad, overall, two-paragraph critiques on literal months of dedicated work. But neither of those make the critiques, themselves, improper or even wrong.
You seemed to imply that the developer chose isometric to make development easier. I'm rebutting that this is unlikely; they're equally easy with an engine (and if you're not using an engine, you're skilled enough that they're still equally easy).
> But neither of those make the critiques, themselves, improper or even wrong.
Are you referring to my critique of your critique of razzmatak's critique ("Handsdown one of the coolest 3D websites")? Surely if you're allowed to disagree with them, I am with you.
ah, easy enough then: mistaken inference on your part.
> Are you referring to[...]
I'm referring to critique, in general, for the former, and my specific two paragraphs of critique on the project - not the commentary - for the latter. Your being "allowed" to disagree with me is what is meant by the sentence "You're welcome to your counter-opinion about the design, but you haven't convinced me."
I can't see Bruno's site and I assume it's because of the HN hug of death, but an impressive 3D website that always comes to mind is acko.net, with its 3D rendered tubular logo. He even describes how it was done in a blog post.
acko.net is one I thought of immediately too. The front page for Three.js usually has some nice examples too.
Of course, with WebGL and WebGPU support becoming ever more ubiquitous I'm not sure when 'impressive 3D website' just becomes either 'impressive website' or 'impressive 3D'.
I agree with you, it's not that it isn't impressive, but it functions poorly as a website. Innovation in design I'd expect from the HN title is something where the 3D enhances the user experience of the website itself, navigation interfaces feel natural, and so on.
This is a very well made little game that also showcases some of their work. I was hoping for something like, now I wish all websites were like this.
I wish more of the web was like this. I miss the wild creativity of websites way back in the day. The web has mostly homogenized around what web UI should be. I love seeing weird experimental stuff made just for fun.
It showed up very quickly on my desktop rig.
Linux, Firefox, with a CPU that's over a decade old, a GPU of about half that age, and the cheapest Internet that Spectrum will sell me.
Just a second or three of a weird luminescent throbber, and then "Click here to start". No inexplicable lags at all -- it was all very smooth.
This is amazing; now when is building this kind of thing going to become more accessible so we can start seeing a lot more of it? Webassembly has been around for years now but we still don't really see many companies compiling games or game-lite experiences to WASM. The tooling doesn't seem to be there which is the necessary prerequisite that could make building experiences like this actually feasible for most devs. Is that coming, ever?
I love all the work that Bruno puts out there. His design and engineering skills are next level.
There are so many talented creatives using WebGL/WebGPU that I've recently launched WebGL.com / WebGPU.com, where I'm dedicated to bring together the community of creatives (designers, coders, AI/ML, etc.) pushing the boundaries of the web.
Would love to see what you would like to see (e.g. tutorials, demos, etc.)
Okay, bruno-simon.com is probably the coolest portfolio I've ever seen. You get to DRIVE A LITTLE TRUCK around a 3D world to see his projects! It's fun, intuitive, and technically impressive. The attention to detail is insane. Don't visit if you have a deadline—you'll get stuck there! #webdev #threejs #creativecoding
It's cool, but I actually find it pretty bad as a website. The UX for navigating and all that, it's bad. I was hoping for some innovation in UX which justifies the use of 3D in the website.
The unique UX of the site, driving around in a 3D car, is what makes this site go viral on occasion. If it were "good" UX, e.g. a standard portfolio site, no one would care and this guy wouldn't be as well known as he is. Therefore the UX is good.
I think it's not a website you make to get hired to make business websites like this to display information (unless maybe it's a gaming company), but if you want someone to make a game on the web then this is a perfect portfolio site.
I agree, I was comparing it to the title of the hacker news post which initially said "Most impressive 3D website ever" or something like that. That enticed me to believe someone had figured out a really innovative way to make a website work in 3D.
As a portfolio to demonstrate your three.js skills for web game making it's really good.
This is very impressive as an art project, but terrible as an actual home page. It’s slow as molasses and difficult to navigate. Microsoft Bob failed for a reason.
Bruno Simon sells courses on how to make things with three.js. As a homepage it is an exceptionally good example of what you can do with 3D in a browser, and what buying his course will enable you to build. It's a great home page with that context. It would not work for many other people.
It seems you need that context prior to visiting the website. Which, if you are looking to hire, and they send you to this site as a "show of skill" is totally great. But if you google searched for some info and stumbled on this, I'm not sure you'd even know what's on offer.
I have a 4 yo, and I'm very reluctant to let him into the games world. But I've been thinking of buying a small Super Mario USB steering wheel and let him roam a very simple world like this. Anyone aware of something like this, maybe open source so that i can simplify to the simplest dynamics?
Amazing as always, Bruno is a wizard with ThreeJS.
There’s a surprising amount of stutter and lag on iOS, evident after the loading bar completes and the app freezes for 30 sec. Also during gameplay, quite a bit of stuttering. My guess is GPU texture uploads or shader compilations. Otherwise it was buttery smooth.
It looks really nice, but CPU usage is almost 100% all the time. I have a MacBook Pro M3. When I open some fancy Three.js scenes that I found on the net, I instantly profile them. Most of them are really bad in terms of performance. I don't know why.
This is usually because they are rendered in an animation loop (most three.js examples are set up like this). An example of rendering on demand only (this is even using fancy bloom post-processing): https://cybernetic.dev/helix/about
I'm old enough to remember the SGI tractor-trailer demo wagon where they were demonstrating their latest, $20K+, wares that could do immersive 3D graphics that were... crude compared to this. This was sometime in the 1990s.
And by now my kids play fluidly immersive 3D games, on the web, on the kind of computers you can get for $10 off Facebook Marketplace.
This is unbelievable. So whimsical and fun and different...I really appreciated the attention to detail and joy that clearly went into it. Got to spend some time playing the racing game with my son and we can't figure out how people got 20 seconds...is there a speed boost?
Takes a min to load even when it shows the circle complete. But a 1-2xrefreshes load it and yes, it is pretty sick. Wish you could zoom out more though. Nice work to Bruno!
HN hug of death? I couldn't get it to load (beyond the grid/circle background) on Safari/Mac, but eventually it loaded in Chrome. Seems to just be a game - use AWSD keys. Not sure why this is "coolest 3D website" in this day and age.
It loads, I can navigate (drag), and click the white diamonds.
There are things like the RC truck and bowling ball that are not interactive and look like they should be, so I suspect it's a bug?
EDIT: OK it's a learning curve. With mouse/keyboard, you can click the hamburger icon in the top right, and get to an explanation of controls. I am able to use WADS to drive the truck and push the bowling ball (with the truck.)
The course is great. I am a fan. This, not so much.
One of the unsung problems of any technology is understanding what you can do with it that you could not do before. Lets say you are a prehistoric person and somehow you find a modern steel axe. What do you do with it? Ultimately, it is not the axe that is important, it is the metallurgy.
Lets say you are a modern person and you found bitcoin. What do you do with it? Again, my thought is not the bitcoin, it is the cryptographic technology.
Lets say you are a modern person and you find threejs. What do you do with it? My personal reaction is that there is so much more that can be done with threejs, react-three-fiber, react-three drei, shaders, shadertoys, than this.
For me the definition of "cool" is things that change how you see the world. Where you never look at things the same way. A little example for me was this:
How he created a world around his CV may not be groundbreaking, but very creative and done exceptionally well. I caught myself driving around for a couple minutes. Accepting cookies bakes a cookie, you get hidden easter eggs when you complete certain actions (like lift driving in water). Just like with any creative endeavor (movies, music, dance) doing something no one has ever seen isn't always the goal (striving for that can often feel forced/cringe); creating an emotion in someone is art - and this did that for me.
Holy shit, this is really cool. i felt like i was in a movie. the car blows up and is ready to go right away; the car drives in the water (faster if you hold down the space bar). music is nice; and the 3d rendering is also pretty smooth. love it.
This is a cool website but it's hardly groundbreaking. There have been hundreds (thousands?) of three.js/babylon.js in-browser demos over the past decade and this would qualify as top 10% area, but there's nothing here that hasn't been done before. It's fun, it's high quality, but it's not new, and as far as conveying useful information, it's actually quite cumbersome with high effort for low signal. And while it's polished, it doesn't come close to even the most basic indie 3d game.
For those that can't get it to load (it takes a minute, and I noticed my desktop's fan kick it up a notch while things were getting initialized, so... YMMV): this is a portfolio site done via a cozy-gaming-style AWSD game where you drive around in a jeep-like thingamabob. There are some cute easter eggs, including a sort of... shrine to each of the socials, which you can run into with your car and knock over (though the links remain clickable, of course!). It also looks like there's some degree of global state; for example, you can "sacrifice yourself to the gods of chaos" (ie drive into a portal) and a counter on the side of the portal goes up, presumably for everyone (since I certainly didn't drive into it 1700 times myself!). There's a strongly consistent art style, and just generally... seems pretty polished. Or at least, that's what it felt like after 5 minutes of driving around.
All in all I'd say, I'm impressed, and enjoyed it. Though I think the HN title ("handsdown one of the coolest 3D websites") is maybe a bit much. It's an extremely-well-executed portfolio site; no more, no less.
> Though I think the HN title ("handsdown one of the coolest 3D websites") is maybe a bit much.
How many cooler 3D websites do you know? I personally know less than 10, and only https://messenger.abeto.co/ off the top of my head.
If you count game demos on the web, then Epic Citadel, based on the port of Unreal Engine to various mobile and web platforms including HTML5/WebGL/asm.js, had a much detailed and more 3D world - it used all 3 dimensions fully, unlike OP which appears to be a flat world that’s quite restricted vertically. That demo first came out about 15 years ago, with the HTML5 version coming out a few years later.
Since then I’ve seen several other sites along similar lines, since Unity released a similar capability, but I haven’t kept track of them. The problem is they’re all essentially games that are more impressive for their look than their functionality, so they tend to have a spike of interest when people first see them and then you never hear of them again. And typically, the tech bitrots and the sites stop working after a while.
Honestly I wouldn’t call that a website. It’s a 3D game that runs on the web.
Wow. Messenger is beautiful!
I navigated using touch on my iPhone and it felt a lot like playing Genshin Impact
Safari highlighted something and it highlighted the whole screen and I couldnt get it to unselect
That’s a classic issue with these, and often not solvable by the web developer - an issue with mobile browsers themselves that’s hard to get around
It's trivially solvable with CSS though, isn't it? See the beginning of this stylesheet for example: https://github.com/mvasilkov/board2024/blob/master/out/app.c... — this is from my small 2024 game.
You mean the select: none, along with the drag setting?
If so, that's not necessarily followed/applied for accessibility reasons
If your game is essentially a single canvas element, having it user-selectable clearly doesn't help accessibility in any way.
You say that as if I've got any control over the browser on the end users device, some of which will be configured to not apply these rules globally for accessibility reasons...
Better collision detection and clipping than Genshin Impact though
It is cool.
I am irked that on desktop it does not work in Firefox, but only in Chrome (and presumably other Chromium based browsers).
I'm not a big fan of Chrome, for a variety of reasons, but principally because I don't trust it and can no longer use a good ad blocker, so I never really enjoy having to fire it up.
Weird, I had no issues playing it on FF.
Plays fine on FF.112
After watching developer's "making of" video, I went and grabbed my USB gamepad (from twenty years ago) — whenever the gamepad is plugged in, Bruno's gamesite stops responding (until controller is unplugged).
I would recon if this isn't playing on your end, it has more to do with using uncommon hardware configurations (not necessarily lack of horsepower).
I played it on Firefox on MacOS! Are you on an old version?
Nope, bang up to date, disabled all extensions - just did all the obvious stuff that can hamper sites from operating.
It worked surprisingly well on ddg browser, iOS, iPhone mini 12. So, impressive!
All browsers on iOS are (still, though sadly not for long…) the same browser. Only the skin changes.
Why is that sad?
Because Apple's walled garden is for your own good, Citizen.
When it avoids a chrome (and thus google) monopoly: yes. And don’t talk to me about Firefox engine. Its market share is negligible and the whole thing only even still exists because google allows it.
I would agree with this except Apple had done a terrible job of keeping up with standards ala IE for the longest time.
So WebKit is the walled garden? I thought it was the App Store.
The App Store is the walled garden that doesn't allow anyone else to ship a browser engine, except in certain markets where they have been forced by law to create a "Web Browser Engine Entitlement" that non-WebKit browsers can use with super special permission from Apple.
And so many strings attached that they don't really do so in practice :(
Because so many people use iPhones as their primary devices it's hard for businesses to accept making their websites only support browsers which are built off Chromium. It somewhat limits the power Google has to unilaterally dictate web standards.
Luckily not for long you mean?
I for one am looking forward to full-on Firefox with extensions etc.
You can already have Firefox extensions on iOS with Orion.
not so well on chrome on ihpone xr sadly. But perhaps thats asking too much of a tired 7yr old device.
Is it really "extremely well executed" if it takes so long to load that I've closed the tab before seeing anything because it looks broken?
Yes because games take time to load, they are asset heavy.
It has no load progress indicator.
AWSD == WASD?
Or WARS, if you're colemak
is ,AOE too far?
The best one.
Also works on mobile
This got me thinking: Rewind 25 years, I can easily imagine 15 year-old me sinking DOZENS of hours into playing this "game". I remember I put much more time than that into a free game that came in a box of cereal[0].
Today, I loaded the site up and spend about 30 seconds on it before deciding "this is cool!" and moving on, probably never to return.
What changed? I guess it's a mix of: (A) How I value my time. (B) The bar for "what pulls me in" in terms of gaming. (C) Some other factor around me just having already burned enough hours on games.
I'm not really sure how much each factor contributes.
[0] https://en.wikipedia.org/wiki/Chex_Quest
Opportunity cost and perspective. We've probably played enough games to know how the cycle goes; there's a little voice in our heads now telling us that it's all just a big pixel hunt and the next few hours will be more of the same (my interest in a game fades once I learn the meta). And then there's so many games these days... so the other question is why not play something more interesting or exciting?
I think that's it, when it's new you explore, but when you know what to expect or seen it before, exploration is no longer interesting.
That said, there's some games out there today that draw me in just as much as others did 25 years ago; I've spent hundreds of hours in Factorio, I can't imagine how much I'd be into it 25 years ago (...assuming I would have understood it back then). Likewise, I'm sure I'd be a lot more into Minecraft if I was 25 years younger.
This particular site reminds me of The Messenger ( https://messenger.abeto.co/ ) which was on HN not too long ago.
If this is the sort of thing you like (or in your case, used to like), you will like The Messenger too, probably more.
> What changed?
Personally, I feel too guilty about everything else I'm not doing. (This results in me feeling maximal guilt and doing minimal anything at all.)
Same here. It's a very sad realization, and I'm envious of people who don't feel this way sometimes. Nice to have company in misery at least though.
I used to believe this about myself as well, but later realized it was a rationalization. The reality is it's because leaving hacker news for extended periods (more than a minute or two) results in dopamine withdrawal. I feel a powerful urge to return to browsing links and my brain makes up a reason along the lines of "you're wasting time by staying on this site instead of going back to hacker news." It's a similar thing that drives me to "skip ahead to the good part" in youtube videos rather than watching the whole thing, evidenced by my doing it even on videos that are very short.
That doesn’t sound healthy man. Unless that other thing you should’ve been doing is giving CPR or something then stop feeling guilty.
“Productivity” is not the end goal, you are allowed to play games in life. In fact, shouldn’t work be about enabling you to enjoy life?
Weirdly, playing games is typically something I the feel least guilty doing, precisely because it's a distraction from the other stuff I'd otherwise not be doing. There's just a lot of stuff I want to do, that I struggle to do, and so I feel guilty about not making progress on that stuff. Then, whenever I try to do something else, I feel too guilty to do that something else.
It's a real self-reinforcing negative feedback loop. I agree that it's not healthy. It's just hard to break out of.
I deal with the exact same mental model. I think for me, while actively gaming I do have fun. It’s only after the fact I look back on the time wasted gaming and think “wow, I really should have worked on that project I want to build instead of playing a game”. It’s also hard to rationalize time spent gaming when you have nothing to show for it afterwards.
If you ever figure out the solution to this negative thought-loop, let me know please!
Ditto. its a bit sad. I miss not knowing about all the things i could be doing.
I absolutely LOVED ChexQuest. It was fantastic. Just played it recently, in fact.
I was roaming around RE-PC in Seattle eons ago, and found an old CD of the game for $1. Snatched that sucker right up.
ChexQuest is so much better than it has any right to be. Loved it as a kid
Did you have access to as many games back then? Maybe the novelty is less for this game?
If I wanted to play a game like this I'd play Lonely Mountain: Downhill, which has waaay more content.
It's called growing up
I dunno. I see many “grown ups” replacing video game time with just more time scrolling on their phones, or maybe on the TV watching YouTube or some streaming service.
I think playing (some) video games can be a bit better for your brain vs. the above alternatives. At least many of them require thought and/or coordination.
Again, there are exceptions, where they’re not much better than doom scrolling. But it’s not hard to find some that require some effort and thought.
That's me, 2 kids and no time to game. Yet find 2 hours to doomscroll twitter every day.
Same but with 1 kid and different websites (including HN, which is equally bad!). Actively fighting it though. Slowly removing all social media accounts, now just need to figure out how to block stuff permanently on my phone. On a desktop I did it with changing my hosts file to point everything to 127.0.0.1. Need to figure out how to do this also on mobile without an additional network device that would disrupt things for my wife.
Are those 2 hours of doomscrolling consecutive? That's the big difference in finding time to game.
I was going to show it to my kid. I bet she’d love it!
I think it's in large part just having to do with us developing our frontal cortex and like impulse control. I would have probably gotten dopamine addicted to it 15 years ago, as well as wouldn't have some nagging back-of-mind thoughts about having to use my time to be converted into money to survive at that age.
Your wonder and discovery phase is over.
I dunno; I'm 39 and just spent 50 hours in Arc Raiders, much of it in a state of wonder and discovery.
I think there's definitely a raising-the-bar effect here too.
I miss the days when I'd click every link and follow every rabbit hole. 100% completionism of collection games. It's shaped how my life has turned out, for better and worse.
You got older.
Bruno’s Threejs course is great. I’m about 2/3 the way through it, taking my time. Well organized and extremely well documented. Highly recommend, if a recommendation from a threejs novice is worth much.
I completed it years ago. Great course and ge seems like a super nice guy. I must check back in to see what's changed.
His website had the same car based premise back then but with less frills.
Very neat! I and completely respect the skill. I respect the effort even more!
That said, it's not 'hands down, one of the coolest 3D websites', at least that I've seen. It's all "technical", very little "design". For example, why is it 'isometric overhead'? There's no particular benefit in the view, and it's specifically harder to control than it would be with a 'chase'/'third-person' camera. It's not like this is an RTS or a city-builder-ish thing, where having an overhead layout works to your benefit. Rather, it's just easier to program a camera that never changes angles and input controls that never have to re-interpret camera position/rotation (lookat vector) to function correctly. And there's a kind of symmetry between a flat page and the "ground" that the truck drives on, so some parts of the web forms have been ported over to that.
Again, none of that is bad and especially none of it is wrong. It's very cool that it works and works so well (technical)! It's just that the design feels more "portfolio" than it does "best ux for interacting with the environment I've created and the paradigms I've invoked (vehicle control)".
> For example, why is it 'isometric overhead'?
That's design exactly. There's no technical obstacle to making it over-the-shoulder instead, but it changes the aesthetic. The animations focus on what the jeep does to things, so a racing view that helps you avoid running into things wouldn't be appropriate. It also changes how you see the assets. And you'd lose that 'RC Pro-Am' feel.
> Rather, it's just easier to program a camera that never changes angles and input controls that never have to re-interpret camera position/rotation (lookat vector) to function correctly.
Not really, you just put the camera on a spring arm attached to the vehicle. Vehicle movement isn't harder either. You get this stuff practically for free with any game engine.
What do game engines have to do with this?
You're welcome to your counter-opinion about the design, but you haven't convinced me. I've played plenty of games with third-person views where the gameplay was quite conducive to running in to things. I can also appreciate that the design is faux-retro, but that's kind of my whole issue with it. Sticking to a design because it is nostalgic is not user-focused. It's demographically limiting, by design. It's specifically niche-targeting. That's the opposite of trying to make the best kind of thing for the most kinds of people. Which is a business interest of a portfolio site. Building a little game for people who likes those types of games? Sweet! More power to you. But if you're showcasing a demo for wide audiences, a critique of the niche-targeting is valid. Not nearly as important as the people claiming they can't even play the game, for sure! But if you bounce one person because they press up on the keyboard and the truck moves "forward", and they don't like that - it's a marked negative for the site's intent.
You can't worry about pleasing everyone, and you especially can't worry about broad, overall, two-paragraph critiques on literal months of dedicated work. But neither of those make the critiques, themselves, improper or even wrong.
> What do game engines have to do with this?
You seemed to imply that the developer chose isometric to make development easier. I'm rebutting that this is unlikely; they're equally easy with an engine (and if you're not using an engine, you're skilled enough that they're still equally easy).
> But neither of those make the critiques, themselves, improper or even wrong.
Are you referring to my critique of your critique of razzmatak's critique ("Handsdown one of the coolest 3D websites")? Surely if you're allowed to disagree with them, I am with you.
ah, easy enough then: mistaken inference on your part.
> Are you referring to[...]
I'm referring to critique, in general, for the former, and my specific two paragraphs of critique on the project - not the commentary - for the latter. Your being "allowed" to disagree with me is what is meant by the sentence "You're welcome to your counter-opinion about the design, but you haven't convinced me."
> That said, it's not 'hands down, one of the coolest 3D websites', at least that I've seen.
Would love to see those websites.
Right? I'd love for some of them to still be around. Unfortunately, portfolio sites are ones that I find are often lost to time.
Reminds me of those insanely intricate flash demo websites
I can't see Bruno's site and I assume it's because of the HN hug of death, but an impressive 3D website that always comes to mind is acko.net, with its 3D rendered tubular logo. He even describes how it was done in a blog post.
https://acko.net/blog/zero-to-sixty-in-one-second/
OK, I take it back now that the HN hug has died off a bit. Bruno's site is a ridiculously neat thing to see in a web browser.
acko.net is one I thought of immediately too. The front page for Three.js usually has some nice examples too.
Of course, with WebGL and WebGPU support becoming ever more ubiquitous I'm not sure when 'impressive 3D website' just becomes either 'impressive website' or 'impressive 3D'.
[1] https://threejs.org/
I agree with you, it's not that it isn't impressive, but it functions poorly as a website. Innovation in design I'd expect from the HN title is something where the 3D enhances the user experience of the website itself, navigation interfaces feel natural, and so on.
This is a very well made little game that also showcases some of their work. I was hoping for something like, now I wish all websites were like this.
I wish more of the web was like this. I miss the wild creativity of websites way back in the day. The web has mostly homogenized around what web UI should be. I love seeing weird experimental stuff made just for fun.
(2019) amazingly
Some behind the scenes from the Bruno himself:
https://medium.com/@bruno_simon/bruno-simon-portfolio-case-s...
The version that is live now is a big update from 2019 and was released today https://x.com/bruno_simon/status/1998361646939689235
Good to know! thanks!
Does not work on Chrome, and actually freezes the tab
Works fine in Chrome on both my W11 and MacOS 15.7.2 machines.
google on linux does not support webgpu. (its hidden behind some flags) https://github.com/gpuweb/gpuweb/wiki/Implementation-Status
That linked page says webgpu is behind a flag in Firefox for Android but the website worked for me.
FF on linux worked great.
On Edge, my tab did freeze for a few seconds then the spinner resumed its spinning and the 3D scene displayed.
Worked for me on Windows with Version 142.0.7444.177 (Official Build) (64-bit)
It was very laggy for me in Firefox on Windows, but played smoothly in Chrome.
I had to load the site a second time in Firefox to get it working. So, try again?
Worked very well for me on iPad Pro and Safari. Only took a few secs to load.
Just be patient. It took a while to load up in Chrome on my MBP.
People are discovering what it is to download an app (:
Or they're discovering the limitations of Chrome.
It showed up very quickly on my desktop rig. Linux, Firefox, with a CPU that's over a decade old, a GPU of about half that age, and the cheapest Internet that Spectrum will sell me.
Just a second or three of a weird luminescent throbber, and then "Click here to start". No inexplicable lags at all -- it was all very smooth.
Same for me. Worked smoothly in Firefox (MacOS Desktop)
Worked fine on Chrome on Linux (Fedora)
Works fine on Chrome using Fedora 43.
This is amazing; now when is building this kind of thing going to become more accessible so we can start seeing a lot more of it? Webassembly has been around for years now but we still don't really see many companies compiling games or game-lite experiences to WASM. The tooling doesn't seem to be there which is the necessary prerequisite that could make building experiences like this actually feasible for most devs. Is that coming, ever?
I don't even think you can make something like this accessible other than render a normal site for specific users. It's almost entirely visual.
(shameless plug)
I love all the work that Bruno puts out there. His design and engineering skills are next level.
There are so many talented creatives using WebGL/WebGPU that I've recently launched WebGL.com / WebGPU.com, where I'm dedicated to bring together the community of creatives (designers, coders, AI/ML, etc.) pushing the boundaries of the web.
Would love to see what you would like to see (e.g. tutorials, demos, etc.)
Very cool, even works on mobile. Although, just a nit, driving with your finger frequently activates the long press menu in iOS and spoils things.
Works fine on my android phone. Impressive.
Same. Fast loaded and very smooth
Building a good spatial website is so so high on my must do list.
Alas, the state of WebComponents for 3d / spatial is so so. A-frame is still CJS only & won't work with my unbundled setup because of that, but that's sort of on me. Lume.io wraps three.js too and looks tempting, has a neat signals & cool behavioral classes. https://aframe.io/examples/ https://github.com/aframevr/aframe/issues/4242 https://lume.io/
Previously:
Bruno Simon – 3D Curriculum - https://news.ycombinator.com/item?id=21362200 - Oct 2019 (42 comments)
Okay, bruno-simon.com is probably the coolest portfolio I've ever seen. You get to DRIVE A LITTLE TRUCK around a 3D world to see his projects! It's fun, intuitive, and technically impressive. The attention to detail is insane. Don't visit if you have a deadline—you'll get stuck there! #webdev #threejs #creativecoding
It's cool, but I actually find it pretty bad as a website. The UX for navigating and all that, it's bad. I was hoping for some innovation in UX which justifies the use of 3D in the website.
The unique UX of the site, driving around in a 3D car, is what makes this site go viral on occasion. If it were "good" UX, e.g. a standard portfolio site, no one would care and this guy wouldn't be as well known as he is. Therefore the UX is good.
Hum, I guess, as some kind of metric maximizing dark pattern.
But my point is that, it's not bringing in a new paradigm of UX that you'd want to immitate.
Though maybe it could if others started making "video games but it's just navigating through a website as you play".
I think it's not a website you make to get hired to make business websites like this to display information (unless maybe it's a gaming company), but if you want someone to make a game on the web then this is a perfect portfolio site.
I agree, I was comparing it to the title of the hacker news post which initially said "Most impressive 3D website ever" or something like that. That enticed me to believe someone had figured out a really innovative way to make a website work in 3D.
As a portfolio to demonstrate your three.js skills for web game making it's really good.
This is so insanely detailed I wonder how long it took him to build
The author has YouTube devlogged this project over the last 12 months.
https://www.youtube.com/watch?v=Uc3Ujdh8Ba4
Author open sourced it https://github.com/brunosimon/folio-2025 (MIT license)
I was just about to post this as a top-level comment. I enjoyed following the series.
This is very impressive as an art project, but terrible as an actual home page. It’s slow as molasses and difficult to navigate. Microsoft Bob failed for a reason.
Bruno Simon sells courses on how to make things with three.js. As a homepage it is an exceptionally good example of what you can do with 3D in a browser, and what buying his course will enable you to build. It's a great home page with that context. It would not work for many other people.
It doesn't show anything for way too long, not exactly a good example of three.js use on the web.
It seems you need that context prior to visiting the website. Which, if you are looking to hire, and they send you to this site as a "show of skill" is totally great. But if you google searched for some info and stumbled on this, I'm not sure you'd even know what's on offer.
I think it's his personal site. The fact it's not littered with ads is kind of nice.
I have a 4 yo, and I'm very reluctant to let him into the games world. But I've been thinking of buying a small Super Mario USB steering wheel and let him roam a very simple world like this. Anyone aware of something like this, maybe open source so that i can simplify to the simplest dynamics?
My 4yo was a big fan of What The Car? on iPad. It's not quite as pleasant as this but there are some similarities.
Amazing as always, Bruno is a wizard with ThreeJS.
There’s a surprising amount of stutter and lag on iOS, evident after the loading bar completes and the app freezes for 30 sec. Also during gameplay, quite a bit of stuttering. My guess is GPU texture uploads or shader compilations. Otherwise it was buttery smooth.
It looks really nice, but CPU usage is almost 100% all the time. I have a MacBook Pro M3. When I open some fancy Three.js scenes that I found on the net, I instantly profile them. Most of them are really bad in terms of performance. I don't know why.
This is usually because they are rendered in an animation loop (most three.js examples are set up like this). An example of rendering on demand only (this is even using fancy bloom post-processing): https://cybernetic.dev/helix/about
Also really high GPU usage and power draw in total. Averages around 60-70W most of the time.
Really cool website, no doubt about it. But it consumes as many or more resources than games like cyberpunk or baldur's gate 3 on my macbook.
I'm old enough to remember the SGI tractor-trailer demo wagon where they were demonstrating their latest, $20K+, wares that could do immersive 3D graphics that were... crude compared to this. This was sometime in the 1990s.
And by now my kids play fluidly immersive 3D games, on the web, on the kind of computers you can get for $10 off Facebook Marketplace.
This is unbelievable. So whimsical and fun and different...I really appreciated the attention to detail and joy that clearly went into it. Got to spend some time playing the racing game with my son and we can't figure out how people got 20 seconds...is there a speed boost?
Anyway, super fun.
Shift is boost. The keyboard near the start will show you controls.
Wow crashed Firefox on MacOS straight to desktop. Not even just the tab, the entire application.
work for me on firefox on mac
For me on Firefox for android even
Woohoo, I got number 10,000 on the altar! https://youtu.be/4KYI8CgGrLw
Now who was there with me running it up at the same time :)
I enjoyed poking around to look for how to get the debug menu and hacker achievement, that's a nice touch to encourage you to peek into the source.
Takes a min to load even when it shows the circle complete. But a 1-2xrefreshes load it and yes, it is pretty sick. Wish you could zoom out more though. Nice work to Bruno!
Pleasant and nicely done. Took me a few seconds to figure out how I was suppose to drive around but very pleasant experience.
Looks great, but it lags a bit on my phone with a Snapdragon 855 and 12 GB of RAM. I really like the vehicle controls.
This is quite nice. I wonder why doesn't he make games instead of being a web developer?
I see just a black background. Are you sure this is a website and not just chrome-only experiment?
It just shows me a black screen (Firefox).
I used to play a game called Pro-Am on Nintendo. This game reminds me so much of that. The controls are basically the same.
Pro-Am was amazing. Didn't like the sequel.
The Unbeatable Car in the first game was kinda frustrating!
Yes! You bought back fond memories, despite the frustrations.
I watched all the dev vlogs on YouTube. This is a true masterpiece. Kudos to Bruno
Awesome concept, but loading took 30 seconds and too many studders/lag on my phone.
11/10 creativity.
Nice! Ok, any list or core libraries used to help to create something like this?
Three.js for the bulk of it, and it looks like Rapier is being used for physics.
Three.js
MY 24GB of RAM struggles with this
Some other bottleneck on your end.
8GB M3 MacBookAir runs it smoothly, with only a few seconds of loading.
Gotta admit, I knew the OnlyFans action button was a risky click, and I did it anyways ....
I mashed the button and ended up in a right old mess 8)
well is it worth the sheckles?
Cool indeer but i want to see someone from hr driving to that work experience driveway
Absolutely beautiful! Thank You for the polished experience.
dang that froze my browser starting up on mbp 16" but yeah it's legit the truck you can drive around with arrow keys
let's see ATS parse this
the collision physics on individual items like chairs is pretty cool
damn map has no boundary ha, weather system? damn
Cruising around when suddenly I see a tooltip with the N word pop up
HN hug of death? I couldn't get it to load (beyond the grid/circle background) on Safari/Mac, but eventually it loaded in Chrome. Seems to just be a game - use AWSD keys. Not sure why this is "coolest 3D website" in this day and age.
Impressive! Very cool that it works on mobile too
Love the design and programming (tested on Brave browser)
Impressively playable on iPhone safari
Reminds me of RC Pro Am :-)
my macbook hung big time opening this
Does not work on Firefox :(
Works for me, on Linux.
Works for me Firefox on Android mobile
Firefox, Windows 11.
It loads, I can navigate (drag), and click the white diamonds.
There are things like the RC truck and bowling ball that are not interactive and look like they should be, so I suspect it's a bug?
EDIT: OK it's a learning curve. With mouse/keyboard, you can click the hamburger icon in the top right, and get to an explanation of controls. I am able to use WADS to drive the truck and push the bowling ball (with the truck.)
I reloaded a second time and it worked in Firefox. First time, the circle loaded and then nothing. After it loaded, I saw no issues.
Very Cool Indeed :)
The course is great. I am a fan. This, not so much.
One of the unsung problems of any technology is understanding what you can do with it that you could not do before. Lets say you are a prehistoric person and somehow you find a modern steel axe. What do you do with it? Ultimately, it is not the axe that is important, it is the metallurgy.
Lets say you are a modern person and you found bitcoin. What do you do with it? Again, my thought is not the bitcoin, it is the cryptographic technology.
Lets say you are a modern person and you find threejs. What do you do with it? My personal reaction is that there is so much more that can be done with threejs, react-three-fiber, react-three drei, shaders, shadertoys, than this.
For me the definition of "cool" is things that change how you see the world. Where you never look at things the same way. A little example for me was this:
https://codepen.io/prisoner849/full/wBGQYvy
How he created a world around his CV may not be groundbreaking, but very creative and done exceptionally well. I caught myself driving around for a couple minutes. Accepting cookies bakes a cookie, you get hidden easter eggs when you complete certain actions (like lift driving in water). Just like with any creative endeavor (movies, music, dance) doing something no one has ever seen isn't always the goal (striving for that can often feel forced/cringe); creating an emotion in someone is art - and this did that for me.
works on Brave :) and actually fery cool :)
Holy shit, this is really cool. i felt like i was in a movie. the car blows up and is ready to go right away; the car drives in the water (faster if you hold down the space bar). music is nice; and the 3d rendering is also pretty smooth. love it.
shift is turbo mode
B or CTL is brake
H is horn
So beautiful!
does not work on internet explorer
Try to upgrade to IE8, I've heard it's awesome.
Game struggling in lynx
Wow!
[dead]
Works well on Safari 26.1, nice "game-dev" example, but not clear if it's a demo or a personal website: if former then nice, if latter then unusable
This is a cool website but it's hardly groundbreaking. There have been hundreds (thousands?) of three.js/babylon.js in-browser demos over the past decade and this would qualify as top 10% area, but there's nothing here that hasn't been done before. It's fun, it's high quality, but it's not new, and as far as conveying useful information, it's actually quite cumbersome with high effort for low signal. And while it's polished, it doesn't come close to even the most basic indie 3d game.
OP said it's one of the "coolest", not the most groundbreaking website.
Could you share these other in-browser demos that are as amazing as this one?
This one is pretty cool that i saw some time ago, not a game though, but a 3D portfolio: https://www.jessezhou.com/. The author even goes into how he made it: https://jesse-zhou.medium.com/jesses-ramen-case-study-77bae7....
Did you notice that it includes a shout-out to Bruno Simon?
It also crashed my browser tab