2024-02-01在前面我们实现了PCD的加载器的基础上，这次将加上 ==**pcl.js**== —— 著名的PCL库的web版本，详情见https://pcl.js.org/，来处理我们加载上去的点云。1. **点云过滤示例1：**统计离群值移除算法2. **点云关键点提取示例2：**应用 ISS（Intrinsic Shape Signatures） 算法进行关键点提取**最小切割示例3：**最小切割算法_web 3d点云

https://www.qianduange.cn//article/998.html 分类：前端知识

2024-01-27它提供了一套强大的工具和API，可用于创建各种类型的高性能、交互式地理空间数据可视化，包括地图、图表、散点图、热力图、路径图、3D建筑等。它提供了一组简单易用的组件和API，包括物理引擎、碰撞检测、光照、材质、声音、特效等功能，可用于创建高品质的3D游戏和应用程序。它提供了丰富的地图和数据源，包括卫星图像、地形、天气、人口、交通等，可用于创建全球范围的可视化和交互式应用程序。Three.js：Three.js是一个流行的3D库，提供了大量的3D功能，包括基本几何形状、材质、灯光、动画、特效等。_前端3d框架

https://www.qianduange.cn//article/495.html 分类：前端知识

2024-01-27优化方法是根据chatGPT的回答下，我这里记录一下，有的方法进行了尝试，有的还没有。_threejs 加载模型卡顿

https://www.qianduange.cn//article/494.html 分类：前端知识

2024-01-26Three.js中使用requestAnimationFrame来实现动画的渲染，而不使用setInterval实现。requestAnimationFrame告诉浏览器希望执行一个动画，并且要求浏览器在下次重绘之前调用指定的回调函数更新动画。该方法需要传入一个回调函数作为参数，该回调函数会在浏览器下一次重绘之前执行。通俗点讲就是该API的调用频率取决于浏览器的刷新率，也就是说浏览器屏幕刷新多少次，它就执行多少次，一般为每秒60次，可以将其理解为专门用来实现动画效果的api，让浏览器流畅的执行动画效果。

https://www.qianduange.cn//article/380.html 分类：前端知识

2024-01-25CSS3DSprite精灵模型面向摄像机，场景缩放时，缩小放大跟随着，会被模型遮挡，可以被射线拾取。CSS3DRenderer用于通过CSS3的transform属性， 将层级的3D变换应用到DOM元素上。如果你希望不借助基于canvas的渲染来在你的网站上应用3D变换，那么这一渲染器十分有趣。同时，它也可以将DOM元素与WebGL的内容相结合。在添加标注前需要先给模型命名。_css3dsprite

https://www.qianduange.cn//article/290.html 分类：前端知识

2024-01-24讲到Three.js，就需要先说一下OpenGL和WebGL，OpenGL是一个跨平台的3D/2D的绘图标准，WebGL是一种3D绘图协议，它允许把JavaScript和OpenGL 结合在一起运用，但使用WebGL原生的API来写3D程序非常的复杂，对于前端开发者来说学习成本非常高。Three.js是WebGL的JavaScript 3D库，其对WebGL提供的接口进行了非常好的封装，简化了很多细节，大大降低了学习成本，让开发者能更快速的进行3D场景效果的开发。

https://www.qianduange.cn//article/116.html 分类：前端知识