2025-03-27【代码】基于Vue Three.js实现预览3D模型文件（glb，gltf 等后缀文件）_vue-model-viewer glb

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

2025-03-15WebXR是一项基于浏览器的API，旨在为开发者提供在虚拟现实(VR)和增强现实(AR)环境中创建交互式体验的能力。结合Three.js的3D渲染能力，我们可以轻松构建令人惊艳的VR和AR应用。通过WebXR和Three.js，我们能够快速创建跨平台的VR和AR应用，轻松实现从虚拟场景到真实场景的无缝过渡。在本文中，我们将从基础入手，逐步讲解如何使用WebXR和Three.js构建虚拟现实和增强现实应用，并通过代码示例实现实际效果。_webxr

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

2025-03-14通过这个项目创造了一个有用的知识可视化工具，还展示了现代Web技术在复杂数据可视化领域的强大能力。这种3D知识图谱可以广泛应用于教育、科研、知识管理等多个领域，帮助人们更好地理解和探索复杂的知识结构。这个工具不仅能够直观地展示知识点之间的关系，还提供了搜索、缩放、节点详情查看等交互功能，大大增强了用户体验。这个函数创建了X、Y、Z轴以及相应的标签和网格，帮助用户更好地理解3D空间。提供了丰富的交互功能，如节点点击、搜索、缩放等，方便用户探索知识结构。实现数据的动态加载，以支持更大规模的知识图谱。_3d知识图谱

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

2025-03-14Three.js Platform Adapter 是一款专为 小程序 / 小游戏 设计的 Three.js 兼容库， 它用于解决小程序在开发 3D 场景时普遍遇到的一些问题，增加开发者的开发效率和体验。_微信小程序 threejs

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

2025-03-133DGS，即三维高斯溅射技术（3D Gaussian Splashing），是一种先进的三维建模和可视化技术。它主要用于计算机图形学、计算机视觉和相关领域，以实现对三维场景的高效和精确表示。3D 高斯溅射 (3DGS) 的核心技术是通过数百万个微小的、半透明的椭球体（即“高斯溅射”）来创建和渲染 3D 场景。与依赖多边形或复杂神经网络的传统方法不同，3DGS 利用这些溅射点来表现场景。每个溅射点包含其位置、颜色、大小和透明度的信息。当经过组合后，这些溅射点能高度还原场景的真实感。_threejs 3dgs

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

2025-03-12在 Three.js 中设置地面的倾斜角度可以通过变换矩阵（Matrix）来实现。具体来说，你可以使用 THREE.Object3D 的 rotateX、rotateY 或 rotateZ 方法来旋转物体。对于地面（通常是一个平面几何体），你可以通过这些方法来设置其倾斜角度。_threejs计算画面倾斜度

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

2025-03-12本示例实现了一个基于 Vue 和 Three.js 的烟花燃放效果。通过自定义着色器（Shader），模拟了烟花从发射到爆炸的动态过程。使用 GLSL 着色器语言编写自定义的顶点和片段着色器，模拟烟花的发射、爆炸和消散过程。通过 THREE.ShaderMaterial 将着色器应用到一个平面几何体上。

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

2025-03-12LOD（Level of Detail）是指在三维图形处理中，根据物体距离观察者的远近，使用不同细节层次的模型来进行渲染。通过这种方式，可以在保证视觉效果的前提下，减少不必要的计算，提升渲染性能。

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

2025-03-11为了在一个17米长、2.5米宽、2.5米高的集装箱中最有效地利用空间，需要计算和展示多种规格的圆柱、正方体、梯形和三角形的摆放方式。Python用于计算装载数量和位置，Three.js用于3D可视化展示。这将启动Flask服务器，计算装载数据并提供API服务，Three.js前端将从API获取装载数据，并在3D场景中进行可视化展示。这是一种近似的装载数量计算，实际装载时需要具体考虑每个形状的排列方式和空间填充效果。_Three.js 库区图

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

2025-03-10GLB文件是一种二进制格式的3D模型文件，通常用于存储3D场景、模型和动画数据。GLTFLoader的主要功能是加载和解析GLTF格式的3D模型文件，并将其转换为Three.js可以理解的对象，以便在Three.js的场景中使用。通过使用GLTFLoader，开发人员可以快速构建出复杂的3D场景，并实现交互和动画效果。_openlayers 加载.glb模型

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