- 博客(12)
- 收藏
- 关注
原创 模型按照固定路线转向移动
转向的话我这里是用切线,用两个相近的点生成一条切线,转成单位向量,用四元数处理两个单位向量(模型朝向的单位向量和切线的单位向量),最后赋值给模型的四元数就完成了。需求里面有个功能是汽车按着路线行驶,用动画做过一遍了,但是复用不太好用,而且代码冗余,动作僵硬,如果需要实现丝滑转弯的话需要写更多的代码,原理,生成一条样条曲线,渲染的时候不断用样条曲线上的点更新车的位置来实现移动车子;大概就是这些,大家有什么可以改进的地方可以的话,给我也说下,拜托了,所以我想着写个函数能够实现把参数穿进去根据点的集合移动车子,
2024-04-30 17:03:29
191
2
原创 three.js实现一个火焰动画
保姆式生成火焰特效,文件直接复制过去,图片添加,引入三步搞定。第一步生成fire.ts文件。第二步,复制图片,图片如下。
2024-04-23 15:30:29
461
原创 three.js标注世界地图上的某个点
本文主要涉及的知识点是,根据经纬度算出在球面上的三维位置并通过四元数求出该点应该在球体的切面。首先是根据经纬度和球体半径转三维位置。导入标记点的经纬度数据。
2024-04-02 08:54:08
285
1
原创 three.js环境贴图存在哪里啊?
之前学习three的时候发现环境贴图必须放在public文件下才能正常展示环境贴图,但是这样vscode又会报警告。Instead of /public/手机模型/normal.png, use /手机模型/normal.png.不影响执行但是强迫症好难受,大佬谁来解释下。
2024-03-19 14:49:24
174
原创 three.JS 点击元素高亮显示
创建OutlinePass通道(描边样式)修改渲染器函数渲染方法为后渲染函数。添加点击事件,利用射线拾取模型对象。
2024-03-08 11:41:08
845
1
空空如也
three.js引入camera但是不能实现移动
2024-06-11
three.js添加后处理以后模型锯齿化严重
2024-05-16
TA创建的收藏夹 TA关注的收藏夹
TA关注的人