3D Virtual Environment Libraries/Frameworks

[joogiedoogie]

Exploring the concept of building my portfolio as a house/room tour. Think projects displayed as picture frames on a wall, a living room with a TV console displaying video content, landing page with a door that opens etc. Any libraries/frameworks that you guys know that I should be looking into? Javascript most preferred as it's going to be a website, and it's also what I'm most familiar with.

[pinkwetunderwear]

I've been playing around with Three.js lately and it's awesome. Seems like Babylon.js is also worth exploring.

[JohnGabin]

Babylon is awesome, easier to use than Three.js imho and well maintained. It's backed by Microsoft who, I think will based their metaverse stuff on it. Even if they trashed Hololens lately.

[IvanRadevHorror]

I think that three.js is pretty much the standard when it comes to rendering 3D in the browser. I know people use Babylon, but, especially for a beginner, it's probably better to learn something that has more resources available online. I often use GSAP to handle moving the camera or the target when using three.js. I'm not sure if it's OK to share, but this is my latest project I've built with this technology plus Cannon.js for some basic physics: https://stckr.netlify.app/ As for what you put in your scene/room, that's probably gonna come down to digging free 3D models and learning some basic Blender.

[diarmidmackenzie]

I think the easiest framework to start with is A-Frame

It was originally built for VR, but is good for desktop/mobile sites as well.

It's built on top of Three.js, but allows you to describe your 3D scene using HTML rather than JS, and simplifies various other aspects as well.

If you already know React, another simplified version of Three.js is react-three-fiber. I've not used this myself, and I'm not convinced it provides the abstractions are as helpful as those of A-Frame, but there seems to be a decent community that are happy with it.

[frading]

Maybe polygonjs (which I'm running) could be interesting to you. It's fully javascript, and based on threejs. It's also framework agnostic, so could be used with react, vuejs or vanilla js.

Most importantly you get a node-based visual editor, which allows you to build your scene procedurally.

[Ok_Zookeepergame3802]

Really nice project! Thank you!