基于WebGL技术构建的家具3D设计与定制平台,服务于内部设计师与终端用户。实现了家具模型的在线编辑、可视化拼装与数据驱动生产。用户可参与设计并直接下单,平台将3D模型数据直连工厂CNC机床进行生产,构建了从“设计-销售-生产-物流”的全链路数字化闭环。
点击空白处退出提示
基于WebGL技术构建的家具3D设计与定制平台,服务于内部设计师与终端用户。实现了家具模型的在线编辑、可视化拼装与数据驱动生产。用户可参与设计并直接下单,平台将3D模型数据直连工厂CNC机床进行生产,构建了从“设计-销售-生产-物流”的全链路数字化闭环。
1.3D核心编辑器开发:
基于Three.js构建核心3D场景与渲染引擎,采用Vue3+TS进行组件化开发,由Pinia统一管理复杂的3D构件状态与用户操作历史。
实现丰富的右键交互菜单,封装了添加/删除板材、合并/拆分构件、调整尺寸等核心3D编辑指令。
2.高级板材美化系统:
集成Fabric.js构建2D矢量图形编辑器,支持用户在板材安全区域内绘制贝塞尔曲线、自定义多边形(三角、五角、爱心等)及圆形,生成精准的数控切割路径数据。
开发贴花系统,支持用户上传或使用内置贴图,并提供裁剪、平铺、拉伸等多种UV映射模式,实时在3D模型上预览效果。
3.动态安装流程演示:
使用Tween.js动画库,根据家具的组装逻辑,驱动3D模型部件完成平滑、连贯的安装动画,极大提升用户购买信心与售后安装体验。
4.全链路数据集成:
设计数据结构,将用户最终的3D设计参数(尺寸、孔位、贴图、轮廓)序列化为JSON格式,通过API直接对接后端ERP/MES系统,完成自动拆单、揉单及生产任务下发。
对接第三方物流API,实现订单进度在线的实时跟踪。
1.负责前端核心3D编辑器和图形编辑器的开发
2.技术栈:Vue3、TS、Pinia、Three、Tween、Fabric
评论