- 博客(7)
- 收藏
- 关注
原创 四、相机控件OrbitControls
orbitControls本质上就是改变相机的参数,比如相机的位置属性,改变相机位置也可以改变相机拍照场景中模型的角度,实现模型的360度旋转预览效果,改变透视投影相机距离模型的距离,就可以改变相机能看到的视野范围。可以通过相机控件OrbitControls实现旋转缩放预览效果。
2024-08-29 14:28:28 238
原创 三、光源对物体表面的影响
点光源可以类比为一个发光点,就像生活中一个灯泡以灯泡为中心向四周发射光线。Colorcolor-(可选)一个表示颜色的 Color 的实例、字符串或数字,默认为一个白色(0xffffff)的Color对象。intensity-(可选)光照强度。默认值为 1。distance- 光源照射的最大距离。默认值为 0(无限远)。decay- 沿着光照距离的衰退量。默认值为 2。//点光源:两个参数分别表示光源颜色和光照强度// 参数1:0xffffff是纯白光,表示光源颜色。
2024-08-21 17:15:54 265
原创 二、创建场景、相机、渲染器
(1)给三维场景添加物体------定义一个几何体 长方体 长宽高 100-----------形状----geometry(2)创建一个材质对象--基础网格材质-----------------------外观----material(3)创建一个网格模型 :表示生活中的物体--------------物体-----mesh(4)把物体mesh 添加到场景中2.创建一个透视投影相机对象(1)透视投影相机(2)设置相机位置(3)设置相机观察目标
2024-08-21 13:59:57 420
原创 一、vue3+ts+vite项目中引入Three.js
目录下,你还可以看到各种不同功能的扩展库。一般来说,你项目用到那个扩展库,就引入那个,用不到就不需要引入。除了three.js核心库以外,在threejs文件包中。
2024-08-21 10:53:54 390
原创 【vue3+vue-router+ts+vite+pinia】项目中安装并使用 axios 详细步骤
2.在src录下创建utils文件夹,并创建request.ts文件。4.在vite.config.ts配置代理。1.在集成终端打开,使用。3.对axios进行封装。
2024-04-18 00:10:11 417
原创 详细vite创建vue3项目(vue3+vue-router+ts+vite+pinia)
(1)在src目录下新建router文件夹,在router里创建index.ts文件。(1)在根目录下创建store文件夹,并创建index.ts文件。(2) 根目录下 tsconfig.json 文件中配置。3.安装pinia(状态管理,类似vue2中的vuex)(1)修改vite.config.ts配置文件代码。()在main.ts中全局引入pinia。(3)main.ts中导入挂载路由。(2)index.ts中配置路由。(4)修改App.vue管理路由。(1)Sass预处理器。
2024-04-16 23:09:45 1016
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人