- 博客(10)
- 收藏
- 关注
原创 ThreeJS投射阴影的使用
/ 将webgl渲染的canvas内容添加到body。// 设置相机投影矩阵的宽高比和视口大小。// 定义窗口大小改变时的回调函数。// 设置地面接收物体阴影开启。// 根据几何体和材质创建物体。// 设置地面接收物体阴影开启。//开启渲染器的阴影计算。// 设置光照投射阴影开启。// 设置物体投射阴影开启。// 将几何体添加到场景中。// 设置物体投射阴影开启。// 设置光照投射阴影开启。//开启渲染器的阴影计算。// 设置渲染的尺寸大小。// 添加坐标轴辅助器。// 导入轨道控制器。
2023-11-11 14:56:03
608
1
原创 TWEEN在ThreeJs的基本使用
/如果后期需要控制器带有阻尼效果,或者自动旋转等效果,就需要加入controls.update()// 将webgl渲染的canvas内容添加到body。// 设置相机投影矩阵的宽高比和视口大小。// 设置动画位置,设置动画次数,设置动画往返。// 使用渲染器,通过相机将场景渲染进来。// 定义窗口大小改变时的回调函数。//在渲染函数中渲染TWEEN。// 将几何体添加到场景中。// 设置渲染的尺寸大小。// 添加坐标轴辅助器。// 导入轨道控制器。// 引入tween。// 创建轨道控制器。
2023-11-11 09:59:28
542
1
原创 ThreeJS的基本使用(创建一个基本场景)
创建场景>创建相机>设置相机位置>{创建几何体,创建材质,将几何体和材质添加到创建的网格中}>将创建的盒子cube添加到场景(scene)中>创建和初始化渲染器>将相机渲染到场景中。q 通过 npm install three 来安装threejs。在vue项目页面中导入threeJs。
2023-11-10 19:11:34
347
1
原创 Vue v-for 的基本使用
key="item.id" //key的务必设置上,通常使用id来进行赋值 因为id通常具有唯一性。建立一个基本的框架结构,在需要进行遍历循环的 表格当中 写入基本的v-for 的语法,v-for Vue中基本的遍历数组和对象。item:循环遍历的数组对象。index:遍历数组对象的索引。JS代码片段 存入数据。
2023-04-10 21:00:30
342
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人