![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
WebGL之Three.js学习
文章平均质量分 53
歪日得dei
这个作者很懒,什么都没留下…
展开
-
四、相机控件OrbitControls
orbitControls本质上就是改变相机的参数,比如相机的位置属性,改变相机位置也可以改变相机拍照场景中模型的角度,实现模型的360度旋转预览效果,改变透视投影相机距离模型的距离,就可以改变相机能看到的视野范围。可以通过相机控件OrbitControls实现旋转缩放预览效果。原创 2024-08-29 14:28:28 · 153 阅读 · 0 评论 -
三、光源对物体表面的影响
点光源可以类比为一个发光点,就像生活中一个灯泡以灯泡为中心向四周发射光线。Colorcolor-(可选)一个表示颜色的 Color 的实例、字符串或数字,默认为一个白色(0xffffff)的Color对象。intensity-(可选)光照强度。默认值为 1。distance- 光源照射的最大距离。默认值为 0(无限远)。decay- 沿着光照距离的衰退量。默认值为 2。//点光源:两个参数分别表示光源颜色和光照强度// 参数1:0xffffff是纯白光,表示光源颜色。原创 2024-08-21 17:15:54 · 244 阅读 · 0 评论 -
二、创建场景、相机、渲染器
(1)给三维场景添加物体------定义一个几何体 长方体 长宽高 100-----------形状----geometry(2)创建一个材质对象--基础网格材质-----------------------外观----material(3)创建一个网格模型 :表示生活中的物体--------------物体-----mesh(4)把物体mesh 添加到场景中2.创建一个透视投影相机对象(1)透视投影相机(2)设置相机位置(3)设置相机观察目标原创 2024-08-21 13:59:57 · 397 阅读 · 0 评论 -
一、vue3+ts+vite项目中引入Three.js
目录下,你还可以看到各种不同功能的扩展库。一般来说,你项目用到那个扩展库,就引入那个,用不到就不需要引入。除了three.js核心库以外,在threejs文件包中。原创 2024-08-21 10:53:54 · 303 阅读 · 0 评论