2D editing, real-time 3D feedback. One of the browser-based tools I built connects a 2D graphic e...2D editing, real-time 3D feedback. One of the browser-based tools I built connects a 2D graphic e...
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
2D editing, real-time 3D feedback.
One of the browser-based tools I built connects a 2D graphic editor with a Three.js-powered 3D scene.
Changes made in the 2D workspace can be reflected in the 3D view, allowing users to work with visual assets without switching between separate tools.
The interesting part wasn't simply rendering a 3D model — it was designing the interaction and data flow between the editing state, textures, scene objects, and UI.
This kind of work sits at the intersection of web engineering, interactive 3D, and product tooling.
More project details: qingsys.com/en/cases/2d-3d-editor
Post image
Post image
Post image
Rohan's avatar
The shared 2D-to-3D state is a really compelling interaction model, especially because it avoids the context-switching cost between tools. I like that the hard part is treated as the data flow and UI, not just the rendering.
Yong's avatar
Thanks, that’s exactly the part I found most interesting too. Keeping the 2D and 3D states synchronized cleanly was much more important than the rendering itself.
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started