- 博客(5)
- 收藏
- 关注
RSS订阅原创 ThreeJS —— 机房Demo（五）
ThreeJS —— 机房Demo（五）目录结构性能优化提取公共部分利用 clone 方法复用减少 animate 内容引入模型优化上一节我们基本完成了我们Demo所需要的所有功能，离成功只差最后一步 —— 性能优化！目录结构├── font // 字体文件 |├──── font.ttf // 字体源文件 |└──── font.json // 转换后的字体文件├── img // 素材图片 |├──── xx.png |├──── xxx.jpg
2020-06-08 17:03:34
1710
原创 ThreeJS —— 机房Demo（四）
ThreeJS —— 机房Demo（四）目录结构创建辉光效果效果合成器 EffectComposer部分辉光效果加入抗锯齿高级效果组合器 MaskPass上一节我们提到了光圈效果，除了这种光效，还有一个光效是3D可视化常用的，那就是辉光效果目录结构├── font // 字体文件 |├──── font.ttf // 字体源文件 |└──── font.json // 转换后的字体文件├── img // 素材图片 |├──── xx.png |├──
2020-06-06 22:14:01
2907
5
原创 ThreeJS —— 机房Demo（三）
ThreeJS —— 机房Demo（三）目录结构创建文字创建3D文字创建精灵文字Sprite改进版精灵文字创建光圈效果上一节我们重构了我们的代码，形成了两个区域，绘制出了一个大致的场景，这一节我们将在此基础上再添加一些实用的场景目录结构├── font // 字体文件 |├──── font.ttf // 字体源文件 |└──── font.json // 转换后的字体文件├── img // 素材图片 |├──── xx.png |├──── xxx
2020-06-06 22:09:21
1672
6
原创 ThreeJS —— 机房Demo（二）
ThreeJS —— 机房Demo（三）目录结构模拟一条管线为管线添加动画自定义管线运动部分的长度Three世界中的物体都是大部分都是由一个个几何体Geometry构成的，上一节我们在场景中加入了一些几何体模拟机器，并渲染出来了画面，这一节我们将加入一些新的几何体，来模拟线路等目录结构├── font // 字体文件 |├──── font.ttf // 字体源文件 |└──── font.json // 转换后的字体文件├── img // 素材图片 |├───
2020-06-05 20:40:37
1691
2
原创 ThreeJS —— 机房Demo（一）
ThreeJS —— 机房Demo（一）初始化Three最近对3D可视化这一块比较感兴趣，通过了解ThreeJS是用来实现3D可视化的一种常用方法，于是在自学ThreeJS的基础上，打算写一个机房Demo来练手初始化Three引入必需的js文件<html> <head>...</head> <body> <script src="js/three.js"></script> <script>
2020-06-05 16:25:32
4524
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人