three.js系列

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第1天，[点击查看活动详情](https://juejin.cn/post

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第2天，点击查看活动详情>> 今天来介绍three.js的坐标轴、轨道控制器及光源设置。

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第3天，点击查看活动详情 >> 物体通过改变它在各轴的position属性，来实现它在各轴的位置；改变scale属性，来实现缩放的大

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第4天，点击查看活动详情 >> 动画 想要立方体实现绕y轴旋转以及其他动画的效果，有以下几种写法……

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第6天，点击查看活动详情 >> resize事件 resize事件是在浏览器窗口大小发生变化时触发，利用该事件可以跟踪窗口大小的变化

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第7天，点击查看活动详情 >> BufferGeometry 缓冲区类型几何体 BufferGeometry 是Three.js的核

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第8天，点击查看活动详情 >> dat.gui 在three.js观察物体变化不如网页方便，往往一次不能达到我们想要的位置，需要微调

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第9天，点击查看活动详情 >> 什么是纹理 简单来说，纹理就是覆盖几何体表面的图像。不同的纹理类型具有不同的效果。 加载纹理 一般写

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第10天，点击查看活动详情 >> 基础网格材质(MeshBasicMaterial) 一个以简单着色（平面或线框）方式来绘制几何体的

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第11天，点击查看活动详情 >> Phong网格材质(MeshPhongMaterial) 一种用于具有镜面高光的光泽表面的材质。

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第12天，点击查看活动详情 >> aoMap 环境遮罩 如果没有AO，整个场景感觉非常扁平（flatter），我们大脑潜意识根本获取

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第13天，点击查看活动详情 >> 今天，我们来实现下面这种效果： 文字效果 text TextGeometry 文本缓冲几何体

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第14天，点击查看活动详情 >> 今天，我们来继续实现下面这种效果，实现远近大小不同的甜甜圈围绕在文字周围的效果：

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第15天，点击查看活动详情 >> 今天我们来讨论个中光源种类的创建方法与使用效果： AmbientLight 环境光 环境光会均匀的

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第17天，点击查看活动详情 >> 激活阴影 想要激活并使用阴影，就得先在渲染器 renderer 的 .shadowMap.enab

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第18天，点击查看活动详情 >> 今天我们来讨论聚光灯阴影与点光源阴影，以及烘焙阴影。 聚光灯阴影 创建聚光灯 创建相机助手 优化聚

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第19天，点击查看活动详情 >> 初始场景 今天我们来实现下图的鬼屋效果： 在这个场景中，我们有房子、草丛、坟墓、鬼魂、雾气、阴影、

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第21天，点击查看活动详情 >> 我们接着上一篇来实现如下的鬼屋效果： 地面草坪 加载草坪纹理： 设置地面材质： 设置完后观察上图你

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第20天，点击查看活动详情 >> 灯光 营造鬼屋氛围，先调整环境光和月光颜色(平行光)，再设置点光源相关。 创建门灯 在鬼屋门的顶部

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第16天，点击查看活动详情 >> 今天我们来讨论各个光源的辅助对象： 光源辅助对象：就像是 AxisHelper 三维坐标轴一样显示