mataodehtml的博客

本节主要学习的是球面缓冲几何体的贴图部分，这里有环境贴图以及背景贴图，这样可以有一种身临其境的效果！这里环境贴图用的是一个.hdr的文件，可以在网上随便下载一些使用，我在这里的例子里面使用的hdr文件已经免费上传到资源中，可以在文章上方直接下载！接下来就是加载hdr文件并设置贴图模式和场景的背景贴图为加载器参数的纹理，以及场景的环境贴图为加载器参数的纹理，这里接可以在页面看到效果了！接下来我们循环创建球缓冲几何体对象，并设置球缓冲几何体的材质，这里我们主要设置材质的金属材质。现在只是一个菜鸟，不喜勿喷！

这是一个非常简单基础的threejs的学习应用！本节主要学习的是球面缓冲几何体在环境光合直线光源下的效果，可以学习到环境光和直线光源的生成效果等功能！接下来我们循环创建球缓冲几何体对象，并设置球缓冲几何体的材质，这里我们主要设置材质的金属材质。最后我们添加坐标轴辅助器，并加入场景中！现在只是一个菜鸟，不喜勿喷！然后我们编写的Threejs代码都在main.js中编写！接下来我们把环境光和直线光都加上就能显著的看到效果了！接下来我们把环境光去掉，加入直线光源试试！对象设置直线光源，并设置直线光源的位置为。

这是一个非常简单基础的threejs的学习应用！本节主要介绍的是随机，随机位置以及随机颜色，我们使用的物体是三角形，通过一个三角形三个顶点每一个顶点通过xyz坐标来确定，则一个三角形为9个坐标！最后我们添加坐标轴辅助器，并加入场景中！以及我们的控制器可以使得鼠标能够转动场景内容！目前还在学习threejs，有写错误的地方请指出！中存9个值，取坐标的时候定义每三个值为一个坐标即可！然后我们编写的Threejs代码都在main.js中编写！接下来我们循环创建物体对象，这里创建50个对象，对象坐标。

这是一个非常简单基础的threejs的学习应用！在上一章学习threesj中我们实现立方体在坐标轴中来回移动，那都是通过我们的代码写死的效果，然后立方体的颜色都是通过代码写死的，这一章我们来给大家使用。目前还在学习threejs，有写错误的地方请指出！我们还是使用上一章用的代码，稍微的改动一些，创建一个没有动的立方体效果。工具实现页面主动控制立方体颜色位置以及其他属性的控制效果！这里我们首先设置立方体沿着x轴移动的功能。添加点击事件，加入立方体来回移动的事件。然后设置立方体物体的颜色。