threejs

军军君012 小时前
开发语言·前端·javascript·学习·3d·threejs·三维
Three.js基础功能学习七:加载器与管理器本章介绍three中的加载器及管理器,加载器主要用于加载外部资源,如纹理、视频、音频、模型等资源信息,管理器主要是用于管理加载器使用。
患得患失94912 天前
threejs·camera-controls
【ThreeJS】camera-controls---高性能动画相机控制库camera-controls 是一个 基于状态驱动(state-based)+ 插值过渡(damping / easing) 的相机控制库。
接着奏乐接着舞。15 天前
前端·vue.js·3d·threejs
3D地球可视化教程 - 第6篇:蜂巢网格与自定义几何体技术栈: Three.js + GLSL + 程序化几何体 + 数学几何六边形是自然界中最高效的平面密铺形状:
军军君0116 天前
开发语言·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工程师
allenjiao2 个月前
前端·图形渲染·webgl·threejs·cesium·webgpu·babylonjs
WebGPU vs WebGL:WebGPU什么时候能完全替代WebGL?Web 图形渲染的迭代与未来在 Web 3D、可视化、Web 游戏等领域,WebGL 早已是 “老朋友”,而 WebGPU 的崛起正掀起一场性能与功能的革命。作为 WebGL 的继任者,WebGPU 并非简单升级,而是重构了 Web 端 GPU 交互的底层逻辑。今天我们从核心区别、新特性、生态支持等维度,一次性讲清两者的关键差异。
二川bro2 个月前
javascript·3d·threejs
第59节:常见问题汇编 - 60个典型问题解答在Three.js的学习和开发过程中,开发者会遇到各种各样的技术问题。本节系统地整理了60个最具代表性的常见问题及其解决方案,涵盖从基础概念到高级优化的各个方面,为开发者提供快速的问题排查和解决方案参考。
孪生引擎观星台2 个月前
安全·数字孪生·threejs
数字孪生如何破解效率、性能与安全困局?在数字孪生技术日益成为产业智能化核心的今天,从业者们在项目落地过程中却常面临多重挑战:从快速构建可视化应用的编码复杂度,到大规模场景渲染的性能瓶颈,再到数据安全与合规性的潜在风险。
gis分享者2 个月前
echarts·threejs·material·图表·canvastexture·planegeometry
学习threejs,添加ECharts图表👨‍⚕️ 主页: gis分享者 👨‍⚕️ 感谢各位大佬 点赞👍 收藏⭐ 留言📝 加关注✅! 👨‍⚕️ 收录于专栏:threejs gis工程师
二川bro2 个月前
ar·threejs
第40节:AR基础:Marker识别与跟踪增强现实(AR)技术将虚拟内容叠加到真实世界中,创造沉浸式体验。本节重点介绍基于标记(Marker)的AR技术,涵盖标记识别、姿态估计、虚拟物体跟踪等核心概念。
二川bro2 个月前
前端·算法·3d·threejs
第33节:程序化生成与无限地形算法程序化生成是现代游戏和虚拟世界的核心技术,能够创建无限多样且性能高效的环境。本节将深入探索噪声算法、地形侵蚀模拟、生物群落系统,以及动态流式加载技术,构建真正无限的虚拟世界。
二川bro2 个月前
前端·threejs
第30节:大规模地形渲染与LOD技术大规模地形渲染是开放世界游戏和仿真应用的核心技术挑战。本节将深入探索地形LOD(Level of Detail)系统、分块加载策略、视距剔除算法,以及如何实现无限地形的程序化生成,构建真正意义上的广阔虚拟世界。
患得患失9492 个月前
材质·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工程师
患得患失9493 个月前
优化·threejs
【ThreeJs】【性能优化】从渲染底层到业务逻辑的系统性提速方案优化 Three.js 的最终目的只有三件事:Draw Call 越多,渲染越慢。每一个独立的 Mesh 都是一条 Draw Call。