Threejs product configurator full screen

Ouch :) This article was published 3 years ago - might be out of date, check out stuff or leave comment

Demonstration of a fence configurator (design fence with posts, limited width for panel, panel picker for specific coloring and custom laser cut design)

Here I demonstrated integration of Material Design for Boostrap free version to build a side toolbar that mimics the photoshop tool palet.

The example here was built with webpack. It combines many threejs techniques

  • JPG loading for drawing the grass floor
  • SVG loading
  • Raycasting for the panel color / design interface
To top