Kitchen worktables and cabinets configurator

Demos and projects
1

Hi community,
I’d like to share my first commercial project with babylonjs. It’s a configurator for custom made kitchen worktables and cabinets. We’ve done our best to make it easy to interact with the products, also on mobile devices.

2022-01-11_173918
2022-01-11_1739181611×1140 186 KB

Pick the base table configuration

2022-01-11_174123
2022-01-11_1741231611×1140 215 KB

Add modifications, drag them around

2022-01-11_174300
2022-01-11_174300563×1218 112 KB

Works on mobile too!

Some highlights:

  • drag and drop modifications on a worktop (e.g. sinks, drawers, shelves)
  • collisions between modifications to avoid overlaps
  • csg to cut the gaps where sinks have to go
  • gui to show labels and dimensions
  • resizing the base tables

You can try it out here: https://easymod.bk-resources.com/
Or watch the fancy video

7 Likes
2

Looks great! I seem to have gotten in a bad state I had added an overshelf and then I could not change it as it said “You can have only one overshelf”, but the remove icon was gone. Really well done.

Looks like you used React + Redux - good combination for configurators :smiley:

3

Thanks! You can click/touch the overshelf that’s still on the table. It will bring up the little info-panel with the delete-icon.
I’ve worked together with a great developer who really works magic with react-redux. I’m really lucky to have him.

1 Like
4

Hi Klaas,

Would you share the code of the configurator? I’m building something similar for kitchen cabinets but I’m rather new to Babylon and your configurator looks like it would be a great starting point. Willing to pay for it obviously.

Regards, Casper

5

Hi Casper,
Feel free to DM me with an offer.