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

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

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

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

项目链接地址:Visualization

蛋糕盘旋转效果、透视:

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

   特写:

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

实际项目运用:

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

 

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

 canvas手表 

转载于:https://www.cnblogs.com/bug-master/p/10395507.html

你可能感兴趣的:(前端,ViewUI)