技术栈
threejs
患得患失949
9 天前
材质
·
threejs
【threejs】材质共享导致的典型问题
“Three.js 材质共享问题” 是很多人加载 GLB / 复制模型时都会踩的坑之一。 通俗易懂 + 实战导向的方式，一步步讲清楚它的原理、坑点与解决方案。
gis分享者
11 天前
threejs
·
模型
·
着色器
·
顶点
·
动态插桩
·
噪声函数
·
形变
学习threejs，基于噪声函数的顶点着色器动态插桩技术实现模型形变
👨⚕️ 主页： gis分享者 👨⚕️ 感谢各位大佬 点赞👍 收藏⭐ 留言📝 加关注✅! 👨⚕️ 收录于专栏：threejs gis工程师
gis分享者
15 天前
threejs
·
orbitcontrols
·
gltfloader
·
rgbeloader
·
ambientlight
·
meshphysical
学习threejs，打造交互式泡泡、粒子特效与科幻氛围
👨⚕️ 主页： gis分享者 👨⚕️ 感谢各位大佬 点赞👍 收藏⭐ 留言📝 加关注✅! 👨⚕️ 收录于专栏：threejs gis工程师
陶甜也
19 天前
前端
·
vue
·
threejs
ThreeJS曲线动画：打造炫酷3D路径运动
自定义路径运动以下是pathway.vue案例中路径创建与动画实现的核心技术点及具体属性：这些技术点共同实现了平滑的路径定义、可视化和沿路径的动画效果，包括精确的位置控制和朝向调整，使球体能够自然地沿着预设路径运动。
gis分享者
1 个月前
交互
·
threejs
·
生成
·
shadermaterial
·
花卉
·
planegeometry
学习threejs，打造交互式花卉生成器
👨⚕️ 主页： gis分享者 👨⚕️ 感谢各位大佬 点赞👍 收藏⭐ 留言📝 加关注✅! 👨⚕️ 收录于专栏：threejs gis工程师
患得患失949
1 个月前
优化
·
threejs
【ThreeJs】【性能优化】从渲染底层到业务逻辑的系统性提速方案
优化 Three.js 的最终目的只有三件事：Draw Call 越多，渲染越慢。每一个独立的 Mesh 都是一条 Draw Call。
接着奏乐接着舞。
1 个月前
前端
·
vue.js
·
3d
·
threejs
3D地球可视化教程 - 第3篇：地球动画与相机控制
难度: ⭐⭐⭐☆☆ 中级 预计时间: 40分钟 技术栈: Three.js + GSAP + 数学几何
gis分享者
1 个月前
threejs
·
文字
·
shadermaterial
·
粒子化
·
icosahedron
学习threejs，实现粒子化交互文字
👨⚕️ 主页： gis分享者 👨⚕️ 感谢各位大佬 点赞👍 收藏⭐ 留言📝 加关注✅! 👨⚕️ 收录于专栏：threejs gis工程师
患得患失949
2 个月前
3d
·
交互
·
threejs
·
raycaster
【Threejs】【工具类】Raycaster实现 3D 交互（如鼠标拾取、碰撞检测）的核心工具
new THREE.Raycaster() 是 Three.js 库中用于创建射线投射器（Raycaster）的构造函数，主要用于检测 3D 空间中射线与物体的相交关系，是实现 3D 交互（如鼠标拾取、碰撞检测）的核心工具。
gis分享者
2 个月前
threejs
·
着色器
·
glsl
·
粒子
·
shadermaterial
·
unrealbloompass
·
水面
学习threejs，使用自定义GLSL 着色器，实现水面、粒子特效
👨⚕️ 主页： gis分享者 👨⚕️ 感谢各位大佬 点赞👍 收藏⭐ 留言📝 加关注✅! 👨⚕️ 收录于专栏：threejs gis工程师
陶甜也
2 个月前
前端
·
vue
·
blender
·
threejs
threeJS 实现开花的效果
threeJs 开花效果**开花效果就是一个顶点状态到另一个顶点状态的变化过程： 就是拿到花瓣的顶点的位置，然后再把这些位置的变化连接起来，就会成为一个动画效果。
二川bro
2 个月前
前端
·
3d
·
vr
·
threejs
第25节：VR基础与WebXR API入门
虚拟现实（VR）正在重塑人机交互的边界，而WebXR让这一切在浏览器中成为可能。本节将深入探索WebXR技术体系，从设备集成到交互处理，从立体渲染到性能优化，为您提供构建沉浸式WebVR应用的完整解决方案。
哈哈地图
2 个月前
threejs
·
手机交互
three.js手机端的4种旋转方式
1、我使用three.js开发了一个webgl程序，在手机端的chrome上运行2、要求是单指移动、双指缩放。我通过下述代码实现
咔咔一顿操作
2 个月前
前端
·
javascript
·
vue.js
·
人工智能
·
信息可视化
·
threejs
第五章 vue3 + Three.js 实现高级镜面反射效果案例解析
在 3D 可视化领域，真实的反射效果是提升场景沉浸感的关键因素之一。本文将详细介绍如何使用 Three.js 结合 Vue3 实现高质量的镜面反射效果，包括地面反射和墙面反射，并通过动态物体展示反射效果的实时变化。
咔咔一顿操作
2 个月前
开发语言
·
javascript
·
人工智能
·
ecmascript
·
threejs
第六章 Vue3 + Three.js 实现高质量全景图查看器：从基础到优化
全景图技术在现代 Web 应用中越来越受欢迎，无论是虚拟旅游、房产展示还是产品 360° 预览，都能为用户带来沉浸式体验。本文将详细介绍如何使用 Vue3 和 Three.js 构建一个功能完善、交互流畅的全景图查看器，并分享一些关键的优化技巧。
二川bro
3 个月前
前端
·
交互
·
threejs
第八篇：交互入门：鼠标拾取物体
交互是3D应用的核心灵魂，它让用户从旁观者变为参与者。Three.js提供了强大的射线检测(Raycaster)功能，可实现物体拾取、拖拽等交互效果。本文将深入解析交互技术原理，并通过Vue3实现一个交互式3D展厅，让你掌握用户与3D世界沟通的桥梁技术。
救救孩子把
4 个月前
前端
·
javascript
·
3d
·
threejs
Three.js 从零入门：构建你的第一个 Web 3D 世界
链接：最佳课程 - Three.js Journey - The ultimate Three.js course
七月的冰红茶
4 个月前
前端
·
threejs
【threejs】第一人称视角之八叉树碰撞检测
在游戏开发、3D 仿真和物理引擎中，碰撞检测（Collision Detection）是一个核心问题。当场景中有成千上万的物体时，如何高效判断“谁撞上了谁”？如果简单粗暴地遍历所有物体两两检测，计算复杂度会高达 O(n²)，性能直接爆炸！💥
三月的一天
4 个月前
3d
·
webgl
·
threejs
·
reactthreefiber
React Three Fiber 实现 3D 模型点击高亮交互的核心技巧
在 WebGL 3D 开发中，模型交互是提升用户体验的关键功能之一。本文将基于 React Three Fiber（R3F）和 Three.js，总结 3D 模型点击高亮（包括模型本身和边框）的核心技术技巧，帮助开发者快速掌握复杂 3D 交互的实现思路。本文主要围着以下功能进行讲述
gis分享者
4 个月前
3d
·
threejs
·
着色器
·
glsl
·
shadermaterial
·
能量球
学习threejs，使用自定义GLSL 着色器，生成漂流的3D能量球
👨⚕️ 主页： gis分享者 👨⚕️ 感谢各位大佬 点赞👍 收藏⭐ 留言📝 加关注✅! 👨⚕️ 收录于专栏：threejs gis工程师