Handsdown one of the coolest 3D websites

(bruno-simon.com)

455 points | by razzmataks 12 hours ago ago

108 comments

  • nbadg 11 hours ago

    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.

    • PaulHoule 10 hours ago

      I navigated using touch on my iPhone and it felt a lot like playing Genshin Impact

    • teekert 10 hours ago

      It worked surprisingly well on ddg browser, iOS, iPhone mini 12. So, impressive!

      • frizlab 6 hours ago

        All browsers on iOS are (still, though sadly not for long…) the same browser. Only the skin changes.

        • Tom1380 4 hours ago

          Why is that sad?

          • arcanemachiner 4 hours ago

            Because Apple's walled garden is for your own good, Citizen.

            • Isamu 3 hours ago

              So WebKit is the walled garden? I thought it was the App Store.

              • wlesieutre 2 hours ago

                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.

    • 01HNNWZ0MV43FF 10 hours ago

      AWSD == WASD?

  • andrenotgiant 10 hours ago

    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

    • tobinfekkes 6 hours ago

      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.

      • nylonstrung 3 hours ago

        ChexQuest is so much better than it has any right to be. Loved it as a kid

    • Twisol 6 hours ago

      > 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.)

    • komali2 3 hours ago

      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.

    • CamperBob2 9 hours ago

      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.

    • qoez 8 hours ago

      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.

    • nurettin 7 hours ago

      Your wonder and discovery phase is over.

      • mikepurvis 7 hours ago

        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.

    • bobsmooth 3 hours ago

      You got older.

    • 61j3t 7 hours ago

      It's called growing up

  • mrinterweb an hour ago

    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.

  • allannienhuis 9 hours ago

    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.

  • nkrisc an hour ago

    Wow crashed Firefox on MacOS straight to desktop. Not even just the tab, the entire application.

  • catapart 10 hours ago

    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)".

    • Cpoll 10 hours ago

      > 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.

      • catapart 9 hours ago

        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.

        • Cpoll 8 hours ago

          > 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.

          • catapart 6 hours ago

            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."

    • didibus 4 hours ago

      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.

    • robofanatic 10 hours ago

      > 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.

      • catapart 10 hours ago

        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.

        • esseph 7 hours ago

          Reminds me of those insanely intricate flash demo websites

  • didibus 4 hours ago

    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.

    • 65 2 hours ago

      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.

      • didibus an hour ago

        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".

  • tgdn 11 hours ago

    Does not work on Chrome, and actually freezes the tab

    • dmd 9 hours ago

      Works fine in Chrome on both my W11 and MacOS 15.7.2 machines.

    • jofla_net 6 hours ago

      FF on linux worked great.

    • Shaanveer 9 hours ago

      google on linux does not support webgpu. (its hidden behind some flags) https://github.com/gpuweb/gpuweb/wiki/Implementation-Status

      • ycombinatrix 5 hours ago

        That linked page says webgpu is behind a flag in Firefox for Android but the website worked for me.

    • Karawebnetwork 11 hours ago

      On Edge, my tab did freeze for a few seconds then the spinner resumed its spinning and the 3D scene displayed.

    • stronglikedan 11 hours ago

      Worked for me on Windows with Version 142.0.7444.177 (Official Build) (64-bit)

    • RyanOD 8 hours ago

      Just be patient. It took a while to load up in Chrome on my MBP.

      • frizlab 6 hours ago

        People are discovering what it is to download an app (:

        • ssl-3 2 hours ago

          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.

    • Wistar 9 hours ago

      Worked very well for me on iPad Pro and Safari. Only took a few secs to load.

    • werdnapk 10 hours ago

      I had to load the site a second time in Firefox to get it working. So, try again?

    • flanbiscuit 9 hours ago

      Same for me. Worked smoothly in Firefox (MacOS Desktop)

    • samtp 9 hours ago

      Worked fine on Chrome on Linux (Fedora)

    • esseph 8 hours ago

      Works fine on Chrome using Fedora 43.

  • sshadmand 2 hours ago

    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!

  • talkingtab 3 hours ago

    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

    • sshadmand 2 hours ago

      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.

  • moribvndvs 10 hours ago

    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.

  • kdmoyers 11 hours ago

    Works fine on my android phone. Impressive.

    • GreeningRun 9 hours ago

      Same. Fast loaded and very smooth

  • iambateman 6 hours ago

    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.

    • devin 6 hours ago

      Shift is boost. The keyboard near the start will show you controls.

  • gldrk 9 hours ago

    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.

    • onion2k 7 hours ago

      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.

      • didibus 4 hours ago

        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.

        • onion2k 3 hours ago

          I think it's his personal site. The fact it's not littered with ads is kind of nice.

  • vegabook 4 hours ago

    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.

  • MarkusWandel 8 hours ago

    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.

  • nomoreipg 11 hours ago

    This is so insanely detailed I wonder how long it took him to build

  • yesitcan 5 hours ago

    Cruising around when suddenly I see a tooltip with the N word pop up

  • runsonrum 3 hours ago

    Reminds me of RC Pro Am :-)

  • sech8420 9 hours ago

    Awesome concept, but loading took 30 seconds and too many studders/lag on my phone.

    11/10 creativity.

  • retube 9 hours ago

    MY 24GB of RAM struggles with this

    • ProllyInfamous 7 hours ago

      Some other bottleneck on your end.

      8GB M3 MacBookAir runs it smoothly, with only a few seconds of loading.

  • ge96 9 hours ago

    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

  • cantalopes 10 hours ago

    Cool indeer but i want to see someone from hr driving to that work experience driveway

  • bdcravens 11 hours ago

    Gotta admit, I knew the OnlyFans action button was a risky click, and I did it anyways ....

    • gerdesj 10 hours ago

      I mashed the button and ended up in a right old mess 8)

    • ge96 9 hours ago

      well is it worth the sheckles?

  • ChrisArchitect 10 hours ago

    (2019) amazingly

    Some behind the scenes from the Bruno himself:

    https://medium.com/@bruno_simon/bruno-simon-portfolio-case-s...

  • s1mon 11 hours ago

    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.

  • shmerl 3 hours ago

    It just shows me a black screen (Firefox).

  • stefanka 6 hours ago

    So beautiful!

  • nness 11 hours ago

    Does not work on Firefox :(

    • amelius 11 hours ago

      Works for me, on Linux.

      • scandox 10 hours ago

        Works for me Firefox on Android mobile

    • neogodless 10 hours ago

      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.)

    • werdnapk 10 hours ago

      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.

  • dwa3592 10 hours ago

    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.

    • esseph 7 hours ago

      shift is turbo mode

      B or CTL is brake

      H is horn

  • jauntywundrkind 7 hours ago

    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/

  • include 11 hours ago

    works on Brave :) and actually fery cool :)

  • FlamingMoe 11 hours ago

    does not work on internet explorer

    • tiborsaas 10 hours ago

      Try to upgrade to IE8, I've heard it's awesome.

    • esseph 7 hours ago

      Game struggling in lynx

  • nokun7 9 hours ago

    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.

    • esseph 7 hours ago

      Pro-Am was amazing. Didn't like the sequel.

      The Unbeatable Car in the first game was kinda frustrating!

  • FpUser 10 hours ago

    Love the design and programming (tested on Brave browser)

  • PaulHoule 11 hours ago

    Wow!

  • gregoriol 11 hours ago

    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