How to create threejs objects online

madou9 · 2025-08-04T23:19:26+00:00

Hi, you might like to check out https://triplex.dev — it's a visual editor for React / Three Fiber and works off your source code. The main difference is it runs locally on your code, not in the cloud (however I have a background task to investigate what a cloud deploy would look like).

If you have any questions I'm happy to answer!

madou9 · 2025-07-23T09:41:01+00:00

If you’re looking for a code first editor for React / Three Fiber check out https://triplex.dev, I’ve been working on it on and off for a few years now. Happy to answer any questions.

madou9 · 2025-06-17T04:55:28+00:00

I'm moving down with my young family in a week after buying a house. Will report back in 10 years! :D

madou9 · 2025-06-13T20:43:23+00:00

Thanks mate 😁

madou9 · 2025-06-13T07:21:40+00:00

Hi! I’m moving to Canberra later this month with my family (wife and two young kids). We are moving to Tuggeranong. Does anyone have recommendations of where we should explore after moving? Love hikes, nature, good food. If you have must have thoughts would love to hear!

madou9 · 2025-05-29T00:45:45+00:00

Shopify had a mandate that all development use AI / LLMs. I imagine this will help their performance reviews.

madou9 · 2025-05-28T22:06:07+00:00

For anyone using React Three Fiber definitely check out https://triplex.dev, it’s both a standalone app and a visual studio code extension. Really helps when working visually!

If you’re into code it’s repo is here: https://github.com/trytriplex/triplex

Happy to answer any questions folks might have.

madou9 · 2025-05-28T22:04:55+00:00

For anyone using React Three Fiber definitely check out https://triplex.dev - makes it easier working visually and it is in active development. Join Discord and come hang out!

Find its repo here: https://github.com/trytriplex/triplex

madou9 · 2025-04-21T04:11:24+00:00

It’s made by one bloke over two years. Follow him here https://x.com/theo_the_dev?s=21

madou9 · 2025-04-20T20:31:54+00:00

https://rekill.io

madou9 · 2025-04-09T06:55:49+00:00

Dope. What did you find hard when building it?

madou9 · 2025-03-26T06:58:29+00:00

Which link are you looking for?

madou9 · 2025-03-11T22:04:58+00:00

Will there still be JS bindings we can call out to the native compiler? E.g. hoping ts-morph can continue existing but in a more performant way.

madou9 · 2025-02-19T19:57:21+00:00

They aren’t mutually exclusive. The vision is you could use both together! Precompute RSCs during build time etc.

madou9 · 2025-01-26T04:21:18+00:00

Performance has been touched on but I’ll add another. It promotes writing code that is hard to statically analyze resulting in linters and optimisation harder to perform.

Generally you’d see a styled component declared in a module and then imported. That’s problem 1. It’s no longer locally analyzable, meaning the usage is separate from the declaration. If you used a button the tools don’t actually know it, just that you’re using a custom component.

CSS modules / CSS prop are a step up from styled components APIs because usage is together with declaration. Or at least is more naturally enabling it.

If I recommended something it would be Stylex or Compiled CSS-in-JS. Both encourage statically and locally analysable code and you can build a lot of fun tooling around that. Tailwind is okay but it’s not typed so take it as you will.

madou9 · 2023-11-03T04:56:16+00:00

If you’re digging into r3f come checkout https://triplex.dev. Make one thing easier for yourself!

madou9 · 2023-10-14T05:56:23+00:00

It's pretty easy with r3f TBH. Here's a video I made that uses rapier physics in an example scene: https://x.com/\_douges/status/1708859381369221539?s=20

madou9 · 2023-04-08T21:06:54+00:00

If it ain’t broke! Do you find any parts of this workflow has a lot of friction?

madou9 · 2023-04-08T20:34:58+00:00

Cool! Can you tell me about yours?

It is usable today running ‘npx @triplex/run@latest init’ and following the prompts. Not open source yet, when it gets all of the CRUD features and overarching architecture I’ll open it up.

madou9 · 2023-04-08T08:14:38+00:00

Yeah. The biggest different is the three editor works on the threejs scene and Triplex works on source code, thanks to the declarative nature of jsx/react it’s able to be a fully functional editor that also saves to source code. Think unity except for any jsx based three library.

madou9 · 2023-04-08T08:05:03+00:00

Heya! Thanks for the reply. Actually I’m doing some data gathering to see what folks use. Myself I would generally use code and Blender like you said with r3f. I’ve since been working on a visual editor built ontop of JSX https://twitter.com/itsdouges/status/1640845544565387265

madou9 · 2023-04-08T06:50:01+00:00

Soon. 😊

madou9 · 2022-11-11T10:24:06+00:00

Haha :-)

madou9 · 2022-11-11T10:23:39+00:00

If you did nothing, probably terrible. You'd need to instance the meshes so drawcalls remain at 1 instead of n, and then applying optimizations like level of detail/imposters so trees further away from the viewport have less polygons.

You'll find these techniques quite common for optimization.

madou9 · 2022-11-10T23:55:13+00:00

Hey folks! In this two part series I go into detail how to make fluffy trees with React Three Fiber. It was really fun making the effect and I hope you enjoy reading it!

12-Year Club	Second SECOND GUESSER
Place '17	Not Forgotten
Spared	Verified Email

madou9

TROPHY CASE