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