My 3D SWE Portfolio – Built with React Three Fiber • Hacker News Board

Re: My 3D SWE Portfolio – Built with React Three Fiber

#51

Post by zipy124 » Thu, Jan 16, 2025, 10:11 AM UTC

SomeoneOnTheWeb wrote: post #50

dvh wrote: post #46

There are no shadows or transparent textures and only low poly models, yet I only get maybe 2fps. I've built webgl racing game that did >50fps on a $50 phone [1]. There's something seriously wrong with your tech stack. [1] https://www.youtube.com/watch?v=okg61OOFUdQ

This may be a compatibility problem. On my phone it seems to run at 60fps.

on my laptop with a top of the line cpu, gpu, storage and ram, i also only get like maybe 10fps....

It's slightly better in chrome/edge at maybe 15,20 fps but still un-pleasant.

Re: My 3D SWE Portfolio – Built with React Three Fiber

#52

Post by [deleted] » Thu, Jan 16, 2025, 10:37 AM UTC

dvh wrote: post #46

There are no shadows or transparent textures and only low poly models, yet I only get maybe 2fps. I've built webgl racing game that did >50fps on a $50 phone [1]. There's something seriously wrong with your tech stack. [1] https://www.youtube.com/watch?v=okg61OOFUdQ

[deleted]

Re: My 3D SWE Portfolio – Built with React Three Fiber

#53

Post by meiraleal » Thu, Jan 16, 2025, 12:04 PM UTC

bnetd wrote: post #13

Does anyone remember that mid-2000s, 3D competitor to Flash? i think the name started with A like Ankh or something like that but I could be wildly off. It had an IDE and basically ran as a plugin in the browser. It died a quiet death. This site kinda sorta reminds me of that. Forget what it's called - if someone does, please post more info!

Wasn't it VRML or maybe some tool that generated VRML? What I found with A that generated VRML was 'Avocado'

Re: My 3D SWE Portfolio – Built with React Three Fiber

#54

Post by throw14082020 » Thu, Jan 16, 2025, 12:30 PM UTC

Oia20 wrote: post #22

porphyra wrote: post #20

Some feedback: 1. I spent a while clicking and dragging and not realizing that it works by scrolling. 2. There's no way to tell what's clickable. At first I just clicked on the guy in the cage which sent me to the 2D website and I thought that was it. I didn't realize that you can scroll down to see other stuff until much later.

Thanks for the feedback! Planning on adding an indication to scroll, and some sort of effect for clickable items. Also planning to remove the boat/cage taking you to other page, it made sense in a previous version of the site.

If you have to add that indication then it's unintuitive? IMHO you should take the effort to stop making a 3D world scrollable. You've designed a 3D world but are sandboxing the experience to a typical 2D website.

Re: My 3D SWE Portfolio – Built with React Three Fiber

#55

Post by neogodless » Thu, Jan 16, 2025, 1:41 PM UTC

bnetd wrote: post #18

Oia20 wrote: post #17

Earlier quoted context omitted.

Not Adobe shockwave, right?

No, this was a completely different, but competing product. the IDE was intended for, to some extent, simple 3D modeling/importing of 3D models, and you could launch a browser instance to see the output.

Didn't Microsoft have something like that? Sketchflow?

Re: My 3D SWE Portfolio – Built with React Three Fiber

#56

Post by normie3000 » Thu, Jan 16, 2025, 2:34 PM UTC

goodells wrote: post #25

I also built a 3D portfolio website[1] using React and react-three-fiber but I took a different approach design-wise, the HTML content is scrollable like a normal website but the 3D scene subtly matches the perspective of the screen as you scroll. [1] - https://samuelgoodell.com

Sadly for me nothing renders except this:

Unexpected Application Error!

Error creating WebGL context.

Re: My 3D SWE Portfolio – Built with React Three Fiber

#57

Post by wccrawford » Thu, Jan 16, 2025, 2:35 PM UTC

porphyra wrote: post #20

Some feedback: 1. I spent a while clicking and dragging and not realizing that it works by scrolling. 2. There's no way to tell what's clickable. At first I just clicked on the guy in the cage which sent me to the 2D website and I thought that was it. I didn't realize that you can scroll down to see other stuff until much later.

Yup, I tried everything but scrolling and gave up, since that isn't a normal function in 3d space.

Re: My 3D SWE Portfolio – Built with React Three Fiber

#58

Post by ktxyznvda » Thu, Jan 16, 2025, 3:12 PM UTC

I like the vibe but damn did my Dell Precision 5680 get loud

Re: My 3D SWE Portfolio – Built with React Three Fiber

#59

Post by noduerme » Thu, Jan 16, 2025, 4:59 PM UTC

neogodless wrote: post #55

bnetd wrote: post #18

Earlier quoted context omitted.

No, this was a completely different, but competing product. the IDE was intended for, to some extent, simple 3D modeling/importing of 3D models, and you could launch a browser instance to see the output.

Didn't Microsoft have something like that? Sketchflow?

Microsoft had Silverlight, which was a competing platform with Flash.

Re: My 3D SWE Portfolio – Built with React Three Fiber

#60

Post by thebruce87m » Thu, Jan 16, 2025, 11:17 PM UTC

bnetd wrote: post #13

Does anyone remember that mid-2000s, 3D competitor to Flash? i think the name started with A like Ankh or something like that but I could be wildly off. It had an IDE and basically ran as a plugin in the browser. It died a quiet death. This site kinda sorta reminds me of that. Forget what it's called - if someone does, please post more info!

Anark Studio?

https://www.cgw.com/Publications/CGW/2004/Volume-27-Issue-4-...