ThreeJS思维导图总结

ThreeJS思维导图源文件下载

ThreeJS入门场景(scene)、相机(camera)、渲染器(renderer)

正交投影相机/透视投影相机

环境光/点光源/聚光灯/平行光

ThreeJS项目结构介绍1 ThreeJS项目结构介绍2

ThreeJS几何体、材质、纹理贴图

常见几何体：立方几何体/圆形几何体/圆锥几何体/圆柱几何体/十二面几何体/边缘几何体/二十面几何体/八面几何体/平面几何体/圆环几何体/球几何体/四面几何体/文本几何体/圆环几何体/管道缓冲几何体/网格几何体

挤压几何体(ExtrudeGeometry)/车削几何体(LatheGeometry)/参数几何体(ParametricGeometry)/多面体(PolyhedronGeometry)/形状几何体(ShapeGeometry)/圆环扭结几何体(TorusKnotGeometry)

常见的材质：点材质/线材质/网格模型材质
材质的基本属性：.size属性/材质透明度. opacity/深度测试.depthTest
创建纹理贴图的方式

ThreeJs常用的工具

相机控件OrbitControls.js，对Threejs的三维场景进行缩放、平移、旋转操作
性能控件：左上角显示性能帧数，毎次刷新所用时间，占用内存。鼠棕左鍵点去可迸行切换，默人显示毎秒的帧数
使用ThreeBSP库进行实现差集(相减)、并集(组合、相加)、交集(两几何体重合的部分)

ThreeJS如何在场景中创建立体文字

通过精灵模型和Canvas画布

ThreeJS关于merge方法合并对效率的影响
echarts集成到我ThreeJS的场景中

ThreeJS中选中物体

选中物体的原理/Raycaster基础概念/世界坐标系/屏幕坐标系/

ThreeJS导出三维模型、导入三维模型、导入三维动画

模型文件加载/Threejs导出模型信息/导出几何体信息/导出材质信息/导出场景scene信息
加载Three.js导出的模型数据/缓冲几何体数据加载器/网格模型Mesh加载/加载组Group对象/.stl格式模型加载/加载.obj模型文件/同时加载obj文件和mtl文件/加载FBX并解析动画

物体轨迹绘制 物体轨迹运动/tweenjs动画库

ThreeJS场景跟随浏览器大小自适应

ThreeJS创建天空盒的几种方法

ThreeJS后期处理

ThreeJS的选中效果/效果组合对象/后处理通道包/

ThreeJS第一人称视角处理

ThreeJS渲染尺寸非浏览器窗体尺寸时选中会有问题方案解决

ThreeJS的性能优化