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

时间:2023-03-09 13:12:51
前端可视化项目流程,涉及three.js(webGL),3DMax技术,持续更新

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

  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手表