前端可视化项目流程,涉及three.js(webGL),3DMax技术,持续更新

时间:2022-06-25 06:02:17

最近在做一个可视化展示的项目,记录一下流程:

  1.  建模,模型来源,可以参考沙盘展示类项目,自己建模或者拼装其他源模型(本人以前是3D建模师,可以应付一些简单的场景)
  2. 有效模型导入到web端,这里采用的obj,mtl的组合格式
  3. 使用Three.js创建场景和模型的编辑--3DMax技术
  4. 实现数据与模型的交互,位置可以是API,实时状态可以soket通信

前端可视化项目流程,涉及three.js(webGL),3DMax技术,持续更新

项目链接地址:Visualization

蛋糕盘旋转效果、透视:

 前端可视化项目流程,涉及three.js(webGL),3DMax技术,持续更新

   特写:

前端可视化项目流程,涉及three.js(webGL),3DMax技术,持续更新

实际项目运用:

 前端可视化项目流程,涉及three.js(webGL),3DMax技术,持续更新

前端可视化项目流程,涉及three.js(webGL),3DMax技术,持续更新

 

可视化前缀:htmlpreview.github.io/?

 canvas手表