技术栈
threejs
allenjiao
8 天前
前端
·
图形渲染
·
webgl
·
threejs
·
cesium
·
webgpu
·
babylonjs
WebGPU vs WebGL：WebGPU什么时候能完全替代WebGL？Web 图形渲染的迭代与未来
在 Web 3D、可视化、Web 游戏等领域，WebGL 早已是 “老朋友”，而 WebGPU 的崛起正掀起一场性能与功能的革命。作为 WebGL 的继任者，WebGPU 并非简单升级，而是重构了 Web 端 GPU 交互的底层逻辑。今天我们从核心区别、新特性、生态支持等维度，一次性讲清两者的关键差异。
二川bro
8 天前
javascript
·
3d
·
threejs
第59节：常见问题汇编 - 60个典型问题解答
在Three.js的学习和开发过程中，开发者会遇到各种各样的技术问题。本节系统地整理了60个最具代表性的常见问题及其解决方案，涵盖从基础概念到高级优化的各个方面，为开发者提供快速的问题排查和解决方案参考。
孪生引擎观星台
12 天前
安全
·
数字孪生
·
threejs
数字孪生如何破解效率、性能与安全困局？
在数字孪生技术日益成为产业智能化核心的今天，从业者们在项目落地过程中却常面临多重挑战：从快速构建可视化应用的编码复杂度，到大规模场景渲染的性能瓶颈，再到数据安全与合规性的潜在风险。
gis分享者
14 天前
echarts
·
threejs
·
material
·
图表
·
canvastexture
·
planegeometry
学习threejs，添加ECharts图表
👨⚕️ 主页： gis分享者 👨⚕️ 感谢各位大佬 点赞👍 收藏⭐ 留言📝 加关注✅! 👨⚕️ 收录于专栏：threejs gis工程师
二川bro
17 天前
ar
·
threejs
第40节：AR基础：Marker识别与跟踪
增强现实（AR）技术将虚拟内容叠加到真实世界中，创造沉浸式体验。本节重点介绍基于标记（Marker）的AR技术，涵盖标记识别、姿态估计、虚拟物体跟踪等核心概念。
二川bro
18 天前
前端
·
算法
·
3d
·
threejs
第33节：程序化生成与无限地形算法
程序化生成是现代游戏和虚拟世界的核心技术，能够创建无限多样且性能高效的环境。本节将深入探索噪声算法、地形侵蚀模拟、生物群落系统，以及动态流式加载技术，构建真正无限的虚拟世界。
二川bro
20 天前
前端
·
threejs
第30节：大规模地形渲染与LOD技术
大规模地形渲染是开放世界游戏和仿真应用的核心技术挑战。本节将深入探索地形LOD（Level of Detail）系统、分块加载策略、视距剔除算法，以及如何实现无限地形的程序化生成，构建真正意义上的广阔虚拟世界。
患得患失949
1 个月前
材质
·
threejs
【threejs】材质共享导致的典型问题
“Three.js 材质共享问题” 是很多人加载 GLB / 复制模型时都会踩的坑之一。 通俗易懂 + 实战导向的方式，一步步讲清楚它的原理、坑点与解决方案。
gis分享者
1 个月前
threejs
·
模型
·
着色器
·
顶点
·
动态插桩
·
噪声函数
·
形变
学习threejs，基于噪声函数的顶点着色器动态插桩技术实现模型形变
👨⚕️ 主页： gis分享者 👨⚕️ 感谢各位大佬 点赞👍 收藏⭐ 留言📝 加关注✅! 👨⚕️ 收录于专栏：threejs gis工程师
gis分享者
1 个月前
threejs
·
orbitcontrols
·
gltfloader
·
rgbeloader
·
ambientlight
·
meshphysical
学习threejs，打造交互式泡泡、粒子特效与科幻氛围
👨⚕️ 主页： gis分享者 👨⚕️ 感谢各位大佬 点赞👍 收藏⭐ 留言📝 加关注✅! 👨⚕️ 收录于专栏：threejs gis工程师
陶甜也
1 个月前
前端
·
vue
·
threejs
ThreeJS曲线动画：打造炫酷3D路径运动
自定义路径运动以下是pathway.vue案例中路径创建与动画实现的核心技术点及具体属性：这些技术点共同实现了平滑的路径定义、可视化和沿路径的动画效果，包括精确的位置控制和朝向调整，使球体能够自然地沿着预设路径运动。
gis分享者
2 个月前
交互
·
threejs
·
生成
·
shadermaterial
·
花卉
·
planegeometry
学习threejs，打造交互式花卉生成器
👨⚕️ 主页： gis分享者 👨⚕️ 感谢各位大佬 点赞👍 收藏⭐ 留言📝 加关注✅! 👨⚕️ 收录于专栏：threejs gis工程师
患得患失949
2 个月前
优化
·
threejs
【ThreeJs】【性能优化】从渲染底层到业务逻辑的系统性提速方案
优化 Three.js 的最终目的只有三件事：Draw Call 越多，渲染越慢。每一个独立的 Mesh 都是一条 Draw Call。
接着奏乐接着舞。
2 个月前
前端
·
vue.js
·
3d
·
threejs
3D地球可视化教程 - 第3篇：地球动画与相机控制
难度: ⭐⭐⭐☆☆ 中级 预计时间: 40分钟 技术栈: Three.js + GSAP + 数学几何
gis分享者
2 个月前
threejs
·
文字
·
shadermaterial
·
粒子化
·
icosahedron
学习threejs，实现粒子化交互文字
👨⚕️ 主页： gis分享者 👨⚕️ 感谢各位大佬 点赞👍 收藏⭐ 留言📝 加关注✅! 👨⚕️ 收录于专栏：threejs gis工程师
患得患失949
2 个月前
3d
·
交互
·
threejs
·
raycaster
【Threejs】【工具类】Raycaster实现 3D 交互（如鼠标拾取、碰撞检测）的核心工具
new THREE.Raycaster() 是 Three.js 库中用于创建射线投射器（Raycaster）的构造函数，主要用于检测 3D 空间中射线与物体的相交关系，是实现 3D 交互（如鼠标拾取、碰撞检测）的核心工具。
gis分享者
3 个月前
threejs
·
着色器
·
glsl
·
粒子
·
shadermaterial
·
unrealbloompass
·
水面
学习threejs，使用自定义GLSL 着色器，实现水面、粒子特效
👨⚕️ 主页： gis分享者 👨⚕️ 感谢各位大佬 点赞👍 收藏⭐ 留言📝 加关注✅! 👨⚕️ 收录于专栏：threejs gis工程师
陶甜也
3 个月前
前端
·
vue
·
blender
·
threejs
threeJS 实现开花的效果
threeJs 开花效果**开花效果就是一个顶点状态到另一个顶点状态的变化过程： 就是拿到花瓣的顶点的位置，然后再把这些位置的变化连接起来，就会成为一个动画效果。
二川bro
3 个月前
前端
·
3d
·
vr
·
threejs
第25节：VR基础与WebXR API入门
虚拟现实（VR）正在重塑人机交互的边界，而WebXR让这一切在浏览器中成为可能。本节将深入探索WebXR技术体系，从设备集成到交互处理，从立体渲染到性能优化，为您提供构建沉浸式WebVR应用的完整解决方案。
哈哈地图
3 个月前
threejs
·
手机交互
three.js手机端的4种旋转方式
1、我使用three.js开发了一个webgl程序，在手机端的chrome上运行2、要求是单指移动、双指缩放。我通过下述代码实现