打卡three.js的第三天 主要学习了灯光的使用。在three.js中,有三种常用的灯光类型:平行光、点光源和聚光灯。平行光是一种平行于特定方向的光线,通常用于模拟太阳光。点光源则是从一个点向四面八方发射光线,通常用于模拟灯泡等光源。聚光灯则是具有聚焦效果的光源,可以用于模拟手电筒、车灯等聚光效果。
同时学习了HDR文件的概念。HDR是指高动态范围图像,它可以提供更广泛的亮度范围和更丰富的颜色信息。在three.js中,可以使用HDR文件来创建更加真实的光照效果。学会了如何制作全景图。全景图是一种将整个场景拍摄下来的图像,可以让用户在其中自由移动,感受到身临其境的感觉。在three.js中,可以使用全景图来创建虚拟现实场景或者360度全景展示。 在学习过程中,我也了解到不同材质会产生不同的效果,而贴图则是实现这些效果的重要手段。比如,在材质中使用法线贴图可以增加物体的立体感,使用反射贴图可以增加物体的光泽感等。 除了学习灯光和材质,我还了解了three.js中的几何体和网格对象。在three.js中,几何体是用于描述三维物体形状的对象,可以通过添加不同的顶点、面和纹理坐标来创建不同形状的几何体。而网格对象则是将几何体和材质结合起来的对象,它可以被添加到场景中进行渲染。
在学习几何体和网格对象的同时,我也了解到了three.js中的动画系统。动画系统可以用来创建复杂的动态效果,比如旋转、平移、缩放等,让网格对象在场景中实现复杂的动画效果。同时,我还学会了如何在场景中添加交互控件,比如鼠标控制器和触摸控制器,让用户可以通过鼠标或手指来控制场景的交互。
了解了three.js中的阴影和后期处理效果。在three.js中,可以通过添加阴影效果来增加场景的逼真度,让物体之间产生更加真实的光影效果。而后期处理效果则可以通过添加不同的滤镜来调整场景中的颜色、光照和其他效果,让场景更加生动。 下次再进行总结。。。