alt Hacker NewsShow HN: Nexus.js - Fabric.js for 3D
I was looking for a tiny library to easily transform both 2D & 3D objects with simple mouse / touch controls and a fixed camera, in the browser.
Like a simple 3D editor but without requiring the user to be a Blender expert.
Couldn't find anything lightweight, so I’m building one. Think Fabric.js but for 3D. Built entirely with Three.js / R3F.
Borrowed some inspiration from VR/AR interaction systems for controls.
Feel free to play with it and let me know what you think!
Comments
> Tap the Add button below to get started
The only buttons are Objects, Stage, Camera, Get, Share
There is no "Add" button for me.
It looks like the UX freaks out when you try to do something like pinch zoom.
If you don’t intend to support two finger gestures, you should probably at least hook in and disable them so they don’t disrupt the experience.
Interesting, what are some use cases for something like this?
On the default white background, the control buttons (move, rotate, roll...) look disabled to me.
two-finger input doesn't work on my Android Chrome: a previously placed banana just glitched around, then jumped out of viewport.
> Feel free to play with it and let me know what you think!
This could be cool. The 2D interface for manipulating 3D is pretty interesting. 3D tends to be hard for folks and put a lot of folks off of trying to use it creatively.
Turn this into a bigger creative canvas. Drop the crypto stuff.
Cool. I put a poop on a rocket ship. Now what else can I do with it?
This is pretty interesting - how has your experience been with R3F? I've built a small game level with it before and I'm wondering if I want to go all the way and build something larger.
Also, are you planning on making this open source at some point? Fabric is nice in that it manages 2D canvas objects for you & you can build things like an editor on top, in this case as a library what would you consider the primitives on top of Three objects are? Could it be used to make an editor for a 3d level?