webgl

三维搬砖者3 天前
webgl·three.js
AI 解密大厂 Three.js 三维引擎开发 03|从经纬度到三维世界的坐标解码“一切3D图形的壮美,如果不落于地理坐标系上,终究只是漂浮在虚空之中。”在三维可视化开发中,我们常常面临一个根本性的问题:Three.js 默认的笛卡尔坐标系(原点在 (0,0,0))对“北京天安门”或“纽约自由女神”一无所知。而真实世界的数据——无论是 GPS 轨迹、建筑轮廓还是城市三维模型——都以经纬度来定义位置。
threelab7 天前
javascript·3d·webgl
引擎案例分析 02|GeoLayer 大厂地理可视化方案深度拆解本文由 TriLab 技术团队原创,基于真实项目实战经验总结在智慧城市、数字孪生、应急指挥等大型项目中,地理数据可视化是核心技术需求。传统方案往往面临:
山海鲸可视化7 天前
webgl·可视化·数据可视化·数据表格·搜索框
【山海鲸功能演示】如何设置选中按钮的时候其他按钮切换为默认样式?在制作项目的过程中,我们有时会需要通过多个按钮来进行组件的交互,并在点击某个按钮时让其他所有按钮恢复默认状态。
kadog7 天前
前端·javascript·数学建模·webgl
GraphX:基于 WebGL 区间算术的 GPU 加速隐函数绘图器https://graphx.space.z.ai/ https://graphx.space.z.ai/ https://graphx.space.z.ai/
ct9788 天前
gis·webgl·cesium
Cesium的Primitive APICesium的Primitive API是直接对接WebGL的底层渲染接口,是实现极致性能与高度定制化三维场景的核心工具。与高层的Entity API不同,Primitive需要开发者手动管理顶点数据、材质、变换矩阵等WebGL资源,但其批处理能力、自定义着色器支持和内存可控性使其成为大规模数据渲染、特殊视觉效果开发的首选。以下从核心概念、创建流程、常用类型、高级技巧、交互与优化五大模块详细讲解Primitive API的常用方法与实战场景。
sin°θ_陈11 天前
深度学习·3d·webgl·三维重建·空间计算·3dgs·空间智能
前馈式3D Gaussian Splatting 研究地图(路线二):几何优先的前馈式 3DGS——前馈式 3DGS 如何重新拥抱多视图几何系列文章全文导航(总览篇) Part I:前馈式 3DGS 的起步范式:从像素到高斯 Part II:前馈式 3DGS 的 depth-first 转向 Part III:Transformer 如何重写前馈式 3DGS 的信息聚合方式 Part IV:Pose-Free 前馈式 3DGS:从实验室输入走向真实世界图像集合 Part V:结构化潜空间与高斯体:前馈式 3DGS 的下一代表示基座 Part VI:Adaptive Placement and Generative Coupling in Fe
星河耀银海12 天前
前端·人工智能·深度学习·3d·html5·webgl
3D效果:HTML5 WebGL结合AI实现智能3D场景渲染📝 本章学习目标:本章聚焦高级主题,帮助读者掌握工程化开发能力。通过本章学习,你将全面掌握"3D效果:HTML5 WebGL结合AI实现智能3D场景渲染"这一核心主题。
点量云实时渲染-小芹12 天前
unity·webgl·数字孪生·实时云渲染·虚拟仿真·云推流
Unity模型数字孪生虚拟仿真webgl推流卡实时云渲染推流很多智慧园区、智慧工厂数字孪生或虚拟仿真模型,使用的是Untiy引擎实现开发工作。在一般情况下,如果仅仅是展示用的大屏,项目上基本就直接通过配置高性能的GPU主机,HDMI线连接大屏后,直接在中控室等特定区域展示。
WebGISer_白茶乌龙桃14 天前
前端·javascript·vue.js·webgl·cesium
基于 Cesium 的 GLB 建筑模型分层分房间点击拾取技术实现在基于 WebGIS 系统中,我们需要在三维地图上加载一栋完整的 GLB 格式建筑模型,并实现点击建筑的不同区域时,弹窗显示对应房间的详细信息——包括房间名称、楼层、房间号和用途。这栋建筑模型在建模阶段已经按房间进行了节点划分,例如"101-综合办公区"、"201-总经理办公室"等,但并没有通过 glTF 结构化元数据扩展(如 `EXT_structural_metadata`)写入属性信息,因此 Cesium 的标准 `ModelFeature` 拾取机制无法直接使用。这就要求我们深入 Cesium 的
sin°θ_陈14 天前
python·深度学习·3d·aigc·webgl·3dgs·空间智能
前馈式3D Gaussian Splatting 研究地图(路线一):像素对齐高斯的起点——pixelSplat 与 latentSplat 在解决什么系列文章全文导航(总览篇) Part I:前馈式 3DGS 的起步范式:从像素到高斯 Part II:前馈式 3DGS 的 depth-first 转向 Part III:Transformer 如何重写前馈式 3DGS 的信息聚合方式 Part IV:Pose-Free 前馈式 3DGS:从实验室输入走向真实世界图像集合 Part V:结构化潜空间与高斯体:前馈式 3DGS 的下一代表示基座 Part VI:Adaptive Placement and Generative Coupling in Fe
就是个名称14 天前
javascript·chrome·webgl
Chrome使用cesium.js或者three.js报错不支持webGL在项目中使用Chrome页面报错不支持webGl,如下图:那我们我们先打开提供的 https://get.webgl.org/ 网址,看看是否真的不支持,如果不支持那就直接换浏览器,如果显示:
烛阴15 天前
webgl·three.js
Three.js 场景完全入门指南:让你的 3D 场景不在乱成一团场景图 = 你 3D 世界里的「家族族谱」。你在 Three.js 里创建的每一个物体——立方体、球体、灯光、相机——它们不是孤立存在的,而是像家族成员一样,有爸爸、有儿子、有孙子,形成一个树状的层级结构。
EliseL16 天前
javascript·3d·html·webgl
SuperMap iClient3D for WebGL 如何实时汇报相机位置天气情况作者:姜尔在三维 GIS 应用中,除了展示地形与影像,往往还需要融入环境信息,例如当前相机位置的实时天气。本文将基于 SuperMap iClient3D for WebGL 产品,结合高德地图 API,实现一个“相机位置天气实时汇报”的功能。用户只需在三维场景中漫游,系统便会自动获取相机所在位置的天气,并动态更新 UI 面板、切换天空盒、开启雨雪雾等特效。
ct97816 天前
gis·webgl·cesium
Cesium的时间与时钟系统Cesium的时间与时钟系统是实现时空数据可视化、历史轨迹回放、实时数据同步的核心基石,其设计理念是将时间表示、逻辑控制、UI交互、属性绑定四层解耦,通过模块化协作实现复杂的时间驱动场景。以下从核心概念、关键API、实战场景、开发实例、注意事项五个维度进行深度解析:
Jay-r16 天前
开发语言·javascript·ecmascript·编程·webgl·代码·樱花雨
樱花雨特效 WebGL实现 短视频同款浪漫视觉效果(附源码下载)效果展示:在短视频平台上,樱花雨效果已成为浪漫场景的标配特效,为视频增添了梦幻般的视觉体验。本文深入分析其技术实现,并提供完整源码,让你快速在自己的页面中集成这一经典特效。
棋鬼王16 天前
3d·信息可视化·智慧城市·webgl·cesium
Cesium(八) 三峡大坝水淹分析,江、湖、水库、大坝水淹决堤分析在水利工程、应急减灾、三维 GIS 可视化领域,淹没 / 水淹分析是核心刚需功能。通过 WebGL 三维引擎实现大坝、水库、江河、湖泊的水淹决堤模拟,能够直观还原水位上涨、淹没范围变化,为工程推演、应急决策、防汛调度提供可视化支撑。
平行云PVT16 天前
linux·unity·云原生·ue5·图形渲染·webgl·gpu算力
数字孪生信创云渲染技术解析:从混合信创到全国产化架构数字孪生技术正从静态可视化向动态决策智能演进,对底层实时渲染提出了更高要求。当前行业普遍面临以下矛盾:
qq_2837200518 天前
线性代数·矩阵·webgl·正交·投影
WebGL基础教程(十四):投影矩阵深度解析——正交 vs 透视,从公式推导到实战还在为 WebGL 中物体“近大远小”的效果感到神奇?或者苦恼于正交投影和透视投影到底该怎么选?为什么 3D 物体总被裁剪看不见?
该怎么办呢19 天前
前端·3d·源码·webgl·cesium·webgis
cesium核心代码学习-01项目目录及其基本作用本文档用于说明此仓库中各主要目录的作用。 重点覆盖开发、构建、测试与文档相关目录。
supermapsupport20 天前
webgl
SuperMap iClient3D for WebGL 如何实现动态日照阴影效果在三维GIS可视化中,动态日照阴影能够极大提升场景的真实感和沉浸感。如何模拟太阳轨迹变化,实现随时间流动的光影效果,让场景更具表现力?让我们一起看看吧!