logoalt Hacker News

Handsdown one of the coolest 3D websites

540 pointsby razzmataksyesterday at 4:06 PM126 commentsview on HN

Comments

nbadgyesterday at 5:05 PM

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.

show 3 replies
andrenotgiantyesterday at 5:57 PM

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

show 9 replies
nikkwongtoday at 6:43 AM

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?

catapartyesterday at 5:19 PM

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

show 4 replies
allannienhuisyesterday at 6:31 PM

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.

mrinterwebtoday at 2:25 AM

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.

FarhadGtoday at 5:29 AM

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

tgdnyesterday at 4:48 PM

Does not work on Chrome, and actually freezes the tab

show 12 replies
didibustoday at 12:00 AM

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.

show 1 reply
moribvndvsyesterday at 5:33 PM

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.

nkrisctoday at 2:16 AM

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

show 1 reply
kdmoyersyesterday at 5:01 PM

Works fine on my android phone. Impressive.

show 1 reply
jzer0cooltoday at 5:05 AM

Nice! Ok, any list or core libraries used to help to create something like this?

sshadmandtoday at 1:28 AM

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!

gldrkyesterday at 6:40 PM

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.

show 1 reply
nomoreipgyesterday at 4:55 PM

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

show 1 reply
iambatemanyesterday at 9:37 PM

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.

show 1 reply
MarkusWandelyesterday at 7:29 PM

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.

SilentM68today at 6:22 AM

Very Cool Indeed :)

binary132today at 4:54 AM

Impressively playable on iPhone safari

vegabookyesterday at 11:18 PM

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.

show 2 replies
talkingtabtoday at 12:59 AM

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

show 1 reply
yesitcanyesterday at 11:01 PM

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

sech8420yesterday at 6:56 PM

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

11/10 creativity.

retubeyesterday at 6:37 PM

MY 24GB of RAM struggles with this

show 1 reply
ge96yesterday at 6:54 PM

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

cantalopesyesterday at 6:06 PM

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

bdcravensyesterday at 5:09 PM

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

show 2 replies
ChrisArchitectyesterday at 5:37 PM

(2019) amazingly

Some behind the scenes from the Bruno himself:

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

show 1 reply
runsonrumtoday at 12:20 AM

Reminds me of RC Pro Am :-)

s1monyesterday at 4:54 PM

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.

shmerltoday at 12:42 AM

It just shows me a black screen (Firefox).

nnessyesterday at 4:44 PM

Does not work on Firefox :(

show 3 replies
stefankayesterday at 9:31 PM

So beautiful!

dwa3592yesterday at 6:06 PM

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.

show 1 reply
includeyesterday at 4:49 PM

works on Brave :) and actually fery cool :)

jauntywundrkindyesterday at 8:21 PM

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/

FlamingMoeyesterday at 5:03 PM

does not work on internet explorer

show 2 replies
nokun7yesterday at 6:33 PM

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.

show 1 reply
FpUseryesterday at 6:10 PM

Love the design and programming (tested on Brave browser)

PaulHouleyesterday at 5:04 PM

Wow!

tonethemanyesterday at 11:47 PM

[dead]

gregoriolyesterday at 4:58 PM

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