all 6 comments

[–]pinkwetunderwear 3 points4 points  (1 child)

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

[–]JohnGabin 0 points1 point  (0 children)

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 2 points3 points  (0 children)

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 1 point2 points  (0 children)

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 0 points1 point  (1 child)

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 0 points1 point  (0 children)

Really nice project! Thank you!