Three.js前端三维图形开发案例集锦

第1章 场景
001 在场景中自定义光源绘制立方体
002 使用正交照相机绘制多个立方体
003 使用Camera Helper绘制正交照相机
004 使用透视照相机绘制多个立方体
005 使用Camera Helper绘制透视照相机
006 使用透视照相机滚动浏览全景图
007 使用鼠标拖曳功能查看并缩放全景图
008 使用鼠标拖曳功能播放全景视频
009 在场景中添加粒子实现星空背景
010 使用六幅图像的天空盒设置背景
011 使用一个图像文件创建天空盒
012 使用Transform Controls平移对象
013 使用Transform Controls拉伸对象
014 使用Transform Controls旋转对象
015 使用Drag Controls任意拖曳对象
016 使用Orbit Controls任意缩放对象
017 使用Orbit Controls旋转照相机
018 在多个对象中使用鼠标选择对象
019 在鼠标单击对象时改变对象颜色
020 使用线性雾设置场景的雾化效果
021 使用线性雾渲染场景的多个对象
022 使用指数雾设置场景的雾化效果
023 在场景中使用Arrow Helper绘制箭头
024 在场景中使用Axes Helper绘制坐标轴
025 使用CSS3D Renderer渲染全景图
026 使用CSS3D Renderer渲染三维对象
027 使用SVG Renderer渲染线条宽度
028 使用多个渲染器渲染相同的场景
029 在场景中统一设置所有对象的材质
030 在场景中统一调整所有对象的亮度
031 使用JSON格式保存和加载网格对象
032 使用JSON格式保存和加载整个场景

第2章 几何体
033 使用图像设置立方体的各个表面
034 使用多个图像设置立方体的表面
035 使用多种颜色设置立方体的表面
036 使用视频设置立方体的各个表面
037 使用颜色和视频设置立方体表面
038 使用画布贴图设置立方体的表面
039 使用画布动画设置立方体的表面
040 使用天空盒背景设置立方体表面
041 根据索引设置立方体face的材质
042 隐藏或显示立方体的指定表面
043 在场景中根据透明度绘制立方体
044 在场景中绘制圆角化的立方体
045 在场景中绘制居中显示的魔方
046 在场景中围绕坐标轴旋转立方体
047 在场景中根据名称旋转立方体
048 在场景中绘制普通的圆柱体
049 在场景中绘制被切割的圆柱体
050 在场景中根据圆柱体绘制圆台
051 在场景中根据圆柱体绘制沙漏
052 在场景中绘制旋转的圆柱体
053 在场景中实现动态缩放圆柱体
054 在场景中绘制普通的圆锥体
055 在场景中绘制被切割的圆锥体
056 在经度方向上根据弧度绘制球体
057 在纬度方向上根据弧度绘制球体
058 在经纬度方向上根据弧度绘制球体
059 在场景中以嵌套方式绘制多个球体
060 在场景中同时绘制球体和圆柱体
061 在场景中绘制持续旋转的球体
062 在场景中绘制旋转的地球模型
063 在场景中实现小球围绕大球旋转的效果
064 在场景中围绕隐藏的中心旋转球体
065 在场景中实现沿着轨道旋转球体的效果
066 在场景中为球体添加弹跳动画
067 在场景中绘制整周样条曲线图形
068 在场景中绘制半周样条曲线图形
069 在场景中绘制样条曲线及其图形
070 在场景中绘制样条曲线的线框盒
071 在场景中绘制旋转的圆环面
……

第3章 光源
第4章 材质
第5章 后期特效
第6章 外部模型