threejs学习笔记
日常学习threejs学习记录
旅行中的伊蕾娜
一只前端开发喵~
展开
-
threejs学习之环境光和点光源
点光源,从一个点散发出的光,相当于灯泡,可以设置颜色,亮度、照射最大距离以及光照衰退量。环境光可以均匀照亮场景中所有物体,不能投射阴影,不能设置方向,只能设置颜色和亮度。添加地面,必须把receiveShadow设为true,地面才能接收物体投射出的阴影。创建立方体,必须把参数castShadow设置为true,立方体才能产生阴影。添加点光源,必须把castShadow设为true,光源才能投射阴影。// 镜面指数,越高反射效果越强。// 调整渲染器窗口大小。// 加载物体纹理贴图。原创 2024-05-04 18:11:07 · 806 阅读 · 0 评论 -
threejs学习之定义uv坐标
在使用物体纹理贴图时,可以使用uv坐标截取贴图,u相当于x轴,v相当于y轴,定义4个坐标点截取贴图。原创 2024-05-04 16:32:17 · 349 阅读 · 0 评论 -
threejs学习之自定义几何体BufferGeometry
第二种方法是只编写出需要的坐标,不编写完整绘制点,顺序也可以打乱,通过索引,控制编写的坐标应该按照什么顺序进行绘制。这次学习了两个自定义几何体的方法,第一个通过编写完整的顶点坐标,绘制一个正方形。去掉重复的右上和坐下坐标点,然后编写索引,这样就会按照索引来取坐标点进行绘制。几何体是由坐标点绘制成线,线绘制成三角形,多个三角形拼接成的。原创 2024-05-04 15:27:35 · 179 阅读 · 2 评论 -
threejs学习之材质贴图和环境贴图
使几何体拥有场景反射效果,需要准备好场景6个面的图片,加载到几何体上。反射效果并不是真的让几何体反射场景环境,而是把场景环境贴图加载到几何体物体表面实现。使几何体拥有如皮革、砖块、塑料等材质效果,需要使用对应的材质图片,使用如下方式加载到几何体中。原创 2024-05-02 19:38:07 · 410 阅读 · 0 评论 -
threejs学习之基础网格材质
threejs官方MeshBasicMaterial中调试参数作用说明原创 2024-05-02 17:22:58 · 181 阅读 · 0 评论 -
threejs学习之dat.gui,辅助调参工具
可视化辅助参数调整工具,dat.gui学习笔记原创 2024-05-02 16:30:56 · 990 阅读 · 0 评论 -
threejs学习记录第一天
使用cdn引入threejs。原创 2024-04-22 23:19:43 · 359 阅读 · 0 评论