![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webgl
文章平均质量分 61
threelab
内卷的大厂码农,写写文章,卷一卷
演示地址:
http://threelab.cn/
展开
-
threejs 头疼事情之一事件01
在做threejs相关开发的时候,或者封装成三维可视化引擎的时候,应用到项目中,总会和事件打交道,因为项目肯定有交互。:如果你将Three.js与物理引擎(如Cannon.js或Ammo.js)结合使用,你可以监听物理事件,如碰撞或接触。:类似于鼠标事件,你可以监听触摸屏幕的事件,并将其转换为3D空间中的射线,以检测与场景中对象的交点。:如果你使用Web Audio API与Three.js结合,可以监听音频相关的事件。)时,可以监听控件的事件,如旋转、缩放等。,你可以在每个动画帧中执行特定的逻辑。原创 2024-06-19 10:27:41 · 297 阅读 · 0 评论 -
threejs开发之 测量工具
测量工具很有意思,估计大家认为这个不是很容易写吗,就是几个事件,然后绘制点线面,然后用three计算长度,展示出来就可以了。怎么说那,不能说他难,也不能说,想象的那么简单,只有做过了,才知道,交互的时候,错综复杂,最起码一两天全部重新自己开发,有点难搞定,但是牛人除外。思路2:还有一种方式,就是封装成类,然后在类中做判断,将地图传值给这个控件,相互不干扰,也是可行的。思路1:设计这个工具的方式有很多,可以直接初始化地图的时候,直接创建一个方法,然后在方法里面做各种判断,但是这样用起来不方便。原创 2024-06-13 16:49:03 · 309 阅读 · 0 评论 -
WebGL学习(一)渲染关系
WebGL,全称Web Graphics Library,是一种在网页上渲染3D图形的技术。WebGL渲染管线可以想象成一个工厂流水线,它将3D模型转换为2D图像,供我们的眼睛欣赏。这个流水线分为几个主要阶段,每个阶段都对最终图像的生成起着至关重要的作用。整个WebGL渲染管线就像是一个精心设计的工厂,每个阶段都有其特定的任务,确保最终的图像既美观又符合3D世界的规则。学习webgl 开发理解渲染关系是必须的,也非常重要,很多人忽视了这个过程。中作为专项梳理,以为渲染关系,不是一句话两句话就可以讲明白的。原创 2024-05-28 10:18:47 · 1382 阅读 · 0 评论 -
车辆类型模型整理glb或者其他格式
一直在做three开发,加载模型必不可少,中间收集了很多车辆模型相关的资料,之前懒得梳理整理,现在抽点时间,做个梳理,部分如图。原创 2024-05-20 13:38:00 · 151 阅读 · 0 评论 -
三维可视化引擎之基于potree搭建SDK
结合potree搭建自己的可视化引擎原创 2023-03-06 09:23:57 · 541 阅读 · 0 评论 -
WebGl Matrix4
Matrix4是由<<WebGL编程指南>>作者写的提供WebGL的4*4矩阵操作的方法库,简化我们编写的代码。源代码共享地址,点击链接:Matrix4源代码。 下面罗列了Matrix4库的所有方法: 1.setIdentity() 将Matrix4实例初始化为单位阵 2.setTranslate(x, y, z) 将Matrix4实例设置为平移变换矩阵,在x轴上平移的距离为x,在y轴上平移的距离为y,在z轴上平移的距...原创 2021-09-03 11:58:51 · 691 阅读 · 0 评论