技术栈
threejs
军军君01
2 小时前
开发语言
·
前端
·
javascript
·
学习
·
3d
·
threejs
·
三维
Three.js基础功能学习七:加载器与管理器
本章介绍three中的加载器及管理器,加载器主要用于加载外部资源,如纹理、视频、音频、模型等资源信息,管理器主要是用于管理加载器使用。
患得患失949
12 天前
threejs
·
camera-controls
【ThreeJS】camera-controls---高性能动画相机控制库
camera-controls 是一个 基于状态驱动(state-based)+ 插值过渡(damping / easing) 的相机控制库。
接着奏乐接着舞。
15 天前
前端
·
vue.js
·
3d
·
threejs
3D地球可视化教程 - 第6篇:蜂巢网格与自定义几何体
技术栈: Three.js + GLSL + 程序化几何体 + 数学几何六边形是自然界中最高效的平面密铺形状:
军军君01
16 天前
开发语言
·
javascript
·
学习
·
3d
·
前端框架
·
threejs
·
三维
Three.js基础功能学习一:环境资源及基础知识
Three.js是基于JavaScript的开源Web图形引擎,专注于在浏览器中创建和展示交互式3D图形与动画。该库通过封装WebGL技术,简化了底层图形编程的复杂性,提供包括场景管理、材质渲染、几何体生成等高级接口。
gis分享者
23 天前
动画
·
threejs
·
粒子
·
文字
·
anime
·
星空
·
炫酷
学习threejs,结合anime.js打造炫酷文字粒子星空秀
👨⚕️ 主页: gis分享者 👨⚕️ 感谢各位大佬 点赞👍 收藏⭐ 留言📝 加关注✅! 👨⚕️ 收录于专栏:threejs gis工程师
gis分享者
1 个月前
学习
·
游戏
·
3d
·
threejs
·
cannon
·
迷宫
·
cannon-es
学习threejs,生成复杂3D迷宫游戏
👨⚕️ 主页: gis分享者 👨⚕️ 感谢各位大佬 点赞👍 收藏⭐ 留言📝 加关注✅! 👨⚕️ 收录于专栏:threejs gis工程师
gis分享者
1 个月前
threejs
·
着色器
·
glsl
·
shadermaterial
·
抽象艺术
学习threejs,使用自定义GLSL 着色器,实现抽象艺术特效
👨⚕️ 主页: gis分享者 👨⚕️ 感谢各位大佬 点赞👍 收藏⭐ 留言📝 加关注✅! 👨⚕️ 收录于专栏:threejs gis工程师
allenjiao
2 个月前
前端
·
图形渲染
·
webgl
·
threejs
·
cesium
·
webgpu
·
babylonjs
WebGPU vs WebGL:WebGPU什么时候能完全替代WebGL?Web 图形渲染的迭代与未来
在 Web 3D、可视化、Web 游戏等领域,WebGL 早已是 “老朋友”,而 WebGPU 的崛起正掀起一场性能与功能的革命。作为 WebGL 的继任者,WebGPU 并非简单升级,而是重构了 Web 端 GPU 交互的底层逻辑。今天我们从核心区别、新特性、生态支持等维度,一次性讲清两者的关键差异。
二川bro
2 个月前
javascript
·
3d
·
threejs
第59节:常见问题汇编 - 60个典型问题解答
在Three.js的学习和开发过程中,开发者会遇到各种各样的技术问题。本节系统地整理了60个最具代表性的常见问题及其解决方案,涵盖从基础概念到高级优化的各个方面,为开发者提供快速的问题排查和解决方案参考。
孪生引擎观星台
2 个月前
安全
·
数字孪生
·
threejs
数字孪生如何破解效率、性能与安全困局?
在数字孪生技术日益成为产业智能化核心的今天,从业者们在项目落地过程中却常面临多重挑战:从快速构建可视化应用的编码复杂度,到大规模场景渲染的性能瓶颈,再到数据安全与合规性的潜在风险。
gis分享者
2 个月前
echarts
·
threejs
·
material
·
图表
·
canvastexture
·
planegeometry
学习threejs,添加ECharts图表
👨⚕️ 主页: gis分享者 👨⚕️ 感谢各位大佬 点赞👍 收藏⭐ 留言📝 加关注✅! 👨⚕️ 收录于专栏:threejs gis工程师
二川bro
2 个月前
ar
·
threejs
第40节:AR基础:Marker识别与跟踪
增强现实(AR)技术将虚拟内容叠加到真实世界中,创造沉浸式体验。本节重点介绍基于标记(Marker)的AR技术,涵盖标记识别、姿态估计、虚拟物体跟踪等核心概念。
二川bro
2 个月前
前端
·
算法
·
3d
·
threejs
第33节:程序化生成与无限地形算法
程序化生成是现代游戏和虚拟世界的核心技术,能够创建无限多样且性能高效的环境。本节将深入探索噪声算法、地形侵蚀模拟、生物群落系统,以及动态流式加载技术,构建真正无限的虚拟世界。
二川bro
2 个月前
前端
·
threejs
第30节:大规模地形渲染与LOD技术
大规模地形渲染是开放世界游戏和仿真应用的核心技术挑战。本节将深入探索地形LOD(Level of Detail)系统、分块加载策略、视距剔除算法,以及如何实现无限地形的程序化生成,构建真正意义上的广阔虚拟世界。
患得患失949
2 个月前
材质
·
threejs
【threejs】材质共享导致的典型问题
“Three.js 材质共享问题” 是很多人加载 GLB / 复制模型时都会踩的坑之一。 通俗易懂 + 实战导向的方式,一步步讲清楚它的原理、坑点与解决方案。
gis分享者
2 个月前
threejs
·
模型
·
着色器
·
顶点
·
动态插桩
·
噪声函数
·
形变
学习threejs,基于噪声函数的顶点着色器动态插桩技术实现模型形变
👨⚕️ 主页: gis分享者 👨⚕️ 感谢各位大佬 点赞👍 收藏⭐ 留言📝 加关注✅! 👨⚕️ 收录于专栏:threejs gis工程师
gis分享者
2 个月前
threejs
·
orbitcontrols
·
gltfloader
·
rgbeloader
·
ambientlight
·
meshphysical
学习threejs,打造交互式泡泡、粒子特效与科幻氛围
👨⚕️ 主页: gis分享者 👨⚕️ 感谢各位大佬 点赞👍 收藏⭐ 留言📝 加关注✅! 👨⚕️ 收录于专栏:threejs gis工程师
陶甜也
3 个月前
前端
·
vue
·
threejs
ThreeJS曲线动画:打造炫酷3D路径运动
自定义路径运动以下是pathway.vue案例中路径创建与动画实现的核心技术点及具体属性:这些技术点共同实现了平滑的路径定义、可视化和沿路径的动画效果,包括精确的位置控制和朝向调整,使球体能够自然地沿着预设路径运动。
gis分享者
3 个月前
交互
·
threejs
·
生成
·
shadermaterial
·
花卉
·
planegeometry
学习threejs,打造交互式花卉生成器
👨⚕️ 主页: gis分享者 👨⚕️ 感谢各位大佬 点赞👍 收藏⭐ 留言📝 加关注✅! 👨⚕️ 收录于专栏:threejs gis工程师
患得患失949
3 个月前
优化
·
threejs
【ThreeJs】【性能优化】从渲染底层到业务逻辑的系统性提速方案
优化 Three.js 的最终目的只有三件事:Draw Call 越多,渲染越慢。每一个独立的 Mesh 都是一条 Draw Call。