Stijn De Witte

@webfivefingers @reactthreefiber @threejs Thanks for the feedback, just opened my dm's.

@StijnDW @reactthreefiber @threejs Your dm is closed. Let me dm you.

A sneak peek of a chalet configurator we are working on using @reactthreefiber and @threejs. We are looking for good developers to join our team to work on projects like this! Send me a DM if interested. We're based in Antwerp but open for remote work.

@reactthreefiber @threejs We're a team of about 20 developers who love to work on technical challenges and aim to make the best configurators in specific niches. We often connect our configurators to production so you get to see your creations in real life (which can be scary at first 😅 )

@wjsimmonds @samlambert This genuinely great 😂👏

@samlambert I suddenly got inspiration to create a cover of Baz Luhrmann's Everybody's Free to Wear Suncreen.. though lacking such creative musical talent, Gemini Pro 2.5 and Suno made part of it: suno.com/s/hlCi51Q4bY1j… Will probably take this one offline shortly..

Until ~2015, GitHub Pages hosted over 2 million websites on 2 servers with a multi-million-line nginx.conf, edited and reloaded per deploy. This worked incredibly well, with github.io ranking as the 140th most visited domain on the web at the time.

@shotamatsuda Wow this is amazing! Realistic outdoor environments are really hard. I am deeply impressed!

There're many parameters, but what you might want to try first is dragging, scrolling, and adjusting coverage, animate, and timeOfDay.

Okay, I think it’s ready to merge clouds into main. It’s not released yet and still needs a lot of work. Please don’t expect it to run on mobile devices without proper tuning. #threejs takram-design-engineering.github.io/three-geospati…

It is vanilla three.js. We have been working for about three years on closet configurators and taking it one step further each time. It is mainly a lot of logic, BoxGeometries and shapes. The challenge is properly understanding how it is set-up in real life so it is technically correct. We also export to production software so unfortunately we can't cut corners here. I believe that's the future, no intermediates, just three.js to the real thing (until we have replicators 🙂).

We recently launched a washing machine closet 3D configurator with @threejs. Link in comments if you want to try it. It has some small kitchen features. We are looking into full kitchen set-ups but that's waaay more complexity 😅. Looking forward to scratching our heads about that in the near future.

Link to the project: configurator.wasmachinekast.nl/configurator/?…

Unfortunately not. When we enlarge the fabrics, we have to manually finetune the parameters per type of fabric. For example a fabric with a lot of randomness needs a different algorithm than a fabric with a distinct pattern. I think it should be feasible in the future, but not today 😅.

@StijnDW @0xca0a Is it possible to upload an image of sample fabric and it will convert to material to be applied on chair fabric ?

We launched a new chair configurator for our customer Moods Collection. Using the amazing #threejs and @0xca0a 's R3F. It was quite a challenging project: - as a software company we developed our first hardware 🎉: a material scanner. - we developed software that enlarges small fabric scans. I would love to call it Material AI, but it is not really AI. - We went from 3D models to renders and back to 3D models to finally end up with a result we are really proud of. Link in the comments!

Thanks for the fantastic and detailed response. We will definitely make use of your suggestions 😀 Regarding normal maps, this is actually an interesting discussion. We first implemented normal maps but we were not convinced of the added value so decided not using them. We could be wrong, but we found that on smooth, basic repeating fabrics, the added value of normal maps was limited. Especially taking into account the extra filesize. However, it is on our todo list to experiment more with them, particularly for improving more complex materials (e.g., fluffy fabrics, textured weaves).

It's a really nice configurator! A few technical things: 1. A great small file size and number of network requests for configurator, this is the way to go! 2. During loading, there are like "nothing happening" frames while it is loading, and then a small stall with texture uploading to GPU. 3. For textures, it is always recommended to use power-of-two resolutions, like texture for fabric, instead of 2000x2000, use 2048x2048. 4. For textures, texture compression is great - it improves time it takes to upload to GPU and reduces download size. 5. I think it is missed opportunity of using normal maps, which would be able to highlight micro-details of fabrics, although production of such might be challenging. Also it would require some decent mipmapping for it, to eliminate flickering due to a lot of little details. 6. Models are 0.5m of triangles, that is probably an overkill. Model of 50k triangles will be visually indistinguishable, but load and render faster. 7. Configurators - is great way to allow users explore the product, over-limiting camera mechanics, eliminates that freedom. While panning can be somewhat finnicky indeed, a bit more freedom on camera navigation - would be better. 8. Thumbnails are 1k+ resolution, while in UI they are tiny. 9. When switching between things, it is not as snappy as it could be, consider not using 4k textures for shadows, 1k will give same results. And provide some indication that things are loading. 10. Overuse of extremely large non-compressed textures (4k) can easily overflow limited mobile memory constraints and crash browsers. 4K textures - are rarely justifiable, especially on mobile with its limited screen size and constrained camera views. Great example of a good configurator!

@0xca0a Link to the 3D configurator (in Dutch): moodscollection.stoelconfigurator.nl

@pmndrs We are looking for an amazing three.js/R3F developer. If you are interested: email/contact me via our website 3dconfig.com

We launched a new 3D configurator for indoor/outdoor kitchens! We used our usual stack 😀: #threejs and @pmndrs #R3F. Visitors can generate PDF quotes and dealers can directly order in the system. You can try it on: ilgiro-kitchen.com/configurator/?…

@tommy__x @0xca0a @threejs Hey @tommy__x, Thanks! The tables are generated via three.js and maths 😀. This approach gives a lot of flexibility. Btw we are launching a new table project soon.

@StijnDW @0xca0a @threejs Hey @StijnDW, that project is awsome!! Are those tables premade in a 3D-Tool or generated via threejs? Very clean and nice user experience..🤯

After some hard work, our #tableconfigurator is finally online 🚀 Check it out at: hulo.be/configurator/ The table is fully parametric, which was quite challenging with all the finishes. It's built with #r3f. Thanks @0xca0a and @threejs for the amazing technology and examples!

Our bed configurator for Sleeplife is live in stores! 🥳 Developed with @threejs and #R3F, it combines baked rooms, parametric beds/mattresses, and ERP logic via XML. Proud of this advanced project! Public launch soon. Configure online, get a PDF quote, and finish the sale in store. It is nice to see that threejs projects are becoming a core part of how companies do business 💪.

@aaronclaes @threejs Great article and an amazing resource! 👏

⚛️Coming from @threejs and struggling with loading assets in React Three Fiber?🤔 Discover the difference between #threejs & #r3f! From the basics, and pitfalls to advanced loading strategies with Suspense and hooks, it's all in my new blog! Check it out ⬇️🔗

@glecollinet Yes! After some trial and error I managed to restart the generator 😉

@StijnDW Thanks so much, we're glad you enjoyed our little adventure! Did you manage to reach the ending?

🚀 Our latest WebGL project is out! Introducing Equinox, an interactive space adventure that will take you to the stars. ✨ Embark now: equinox.space #webgl #threejs

@thingsinmotion Looks great!

We made this pretty fun on mobile