自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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

原创 three.js进击版火焰动画

原理很简单,跟之前做雨雪效果一样,只不过换成往上移动。

2024-08-04 09:18:30 307

原创 three.js视角沿着管道移动

【代码】three.js视角沿着管道移动。

2024-07-12 08:50:02 184

原创 模型按照固定路线转向移动

转向的话我这里是用切线,用两个相近的点生成一条切线,转成单位向量,用四元数处理两个单位向量(模型朝向的单位向量和切线的单位向量),最后赋值给模型的四元数就完成了。需求里面有个功能是汽车按着路线行驶,用动画做过一遍了,但是复用不太好用,而且代码冗余,动作僵硬,如果需要实现丝滑转弯的话需要写更多的代码,原理,生成一条样条曲线,渲染的时候不断用样条曲线上的点更新车的位置来实现移动车子;大概就是这些,大家有什么可以改进的地方可以的话,给我也说下,拜托了,所以我想着写个函数能够实现把参数穿进去根据点的集合移动车子,

2024-04-30 17:03:29 351 3

原创 three.js递归实现模型的透明化不透明化切换

直接引入函数就能用,第一个参数传需要改变的模型,第二个参数是控制透明度的,递归处理。

2024-04-24 10:18:14 580

原创 three.js实现一个火焰动画

保姆式生成火焰特效,文件直接复制过去,图片添加,引入三步搞定。第一步生成fire.ts文件。第二步,复制图片,图片如下。

2024-04-23 15:30:29 935

原创 three.js标注世界地图上的某个点

本文主要涉及的知识点是,根据经纬度算出在球面上的三维位置并通过四元数求出该点应该在球体的切面。首先是根据经纬度和球体半径转三维位置。导入标记点的经纬度数据。

2024-04-02 08:54:08 592 3

原创 three.js飞线基础

该功能实现的是一条曲线,在曲线上截取一部分实现渐变色飞线效果(如下图)

2024-04-01 09:11:37 627

原创 three.js导入外部json文件生成世界地图

世界地图json文件。

2024-03-28 10:16:49 719

原创 three.js添加2d标签

第一步 标签div元素。

2024-03-21 09:32:10 640 1

原创 《笔记》three.js笔记控制摄像头最大滚动距离

控制摄像头左右上下滚动最大弧度。控制摄像头最大最小缩放,移动。

2024-03-20 08:40:31 288 1

原创 three.js环境贴图存在哪里啊?

之前学习three的时候发现环境贴图必须放在public文件下才能正常展示环境贴图,但是这样vscode又会报警告。Instead of /public/手机模型/normal.png, use /手机模型/normal.png.不影响执行但是强迫症好难受,大佬谁来解释下。

2024-03-19 14:49:24 272 1

原创 THREE.JS围绕某点旋转的无人机(四元数)

【代码】THREE.JS围绕某点旋转的无人机(四元数)

2024-03-13 14:22:02 607

原创 three.JS 点击元素高亮显示

创建OutlinePass通道(描边样式)修改渲染器函数渲染方法为后渲染函数。添加点击事件,利用射线拾取模型对象。

2024-03-08 11:41:08 1079 1

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除