dorkhub

threejs-3d-room-designer

React.js + Three.js 3d room planner & product configurator(bundled version)

CodeHole7
HTML45699 forksupdated 2 years ago
visit the demogit clone https://github.com/CodeHole7/threejs-3d-room-designer.gitCodeHole7/threejs-3d-room-designer

Three.js-based room configurator (floor planner + product configurator)

Note: Current version is react-bundled one, please contact me via telegram (@GalaxyDev1993)

Live image 1 image 1

Features

1. FloorPlan Design

Users can edit floorplan in 2d view mode. There users can move/draw/delete walls & corners by mouse to design floor plan.

2. Room Configuration

Users can add products(models) from product list. And change their position, orientation. This can be handled on not only 3d view but also 2d view.

3. Product Configuration

Once users select product, users can change the configuration of selected product directly.

Configuration Properties

  • Dimensions (It isn't just scaling, it uses morph internally)
  • Materials (Separate parts of model can have different textures)
  • Styles (Product may have different styles and one of them may be selected)

All of these properties should be defined when design models

more like this

lottery

🎉🌟✨🎈年会抽奖程序,基于 Express + Three.js的 3D 球体抽奖程序,奖品🧧🎁,文字,图片,抽奖规则均可配置,😜抽奖人员信息Excel一键导入😍,抽奖结果Excel导出😎,给你的抽奖活动带来全新酷炫体验🚀🚀🚀

JavaScript4.6k

search

search projects, people, and tags