vue开发案例:基于Three.js搭建三维数字化场景

0、场景涉及的关键技术点

  • GLTFLoader加载gltf模型,并解析模型动画;
  • 基于worker-loader在vue中使用web worker;
  • 基于web worker动态设置模型(鸟、牛)的移动路线;
  • 基于geotiff.js与DEM生成三维地形场景;
  • threejs中加载geojson生成ShapeGeometry;
  • 使用BufferGeometryLoader加载风机模型,并设置风机动态转动;
  • 基于DataTexture3D生成三维云;
  • 基于Sprites实现树木、草地、向日葵等精灵效果;
  • 基于TextGeometry实现汉字效果;

1、效果示意图

vue开发案例:基于Three.js搭建三维数字化场景_第1张图片

你可能感兴趣的:(#,Three.js,#,Vue,#,GLTF,vue.js,javascript,前端框架)