webgl

温宇飞17 小时前
前端·webgl
WebGL 的渲染管道和编程接口WebGL (Web Graphics Library) 是一个基于 OpenGL ES 的 Web 标准,它允许在浏览器中进行硬件加速的图形渲染,广泛应用于游戏、数据可视化、CAD 等场景。本文将介绍 WebGL 的渲染管道工作流程,以及其提供的核心编程接口和能力。
二狗哈1 天前
javascript·3d·webgl·cesium·地图可视化
Cesium快速入门30:CMZL动画这一节课,我们用 CZML 让物体真正“动”起来—— 给它一个时间轴,让它按时走路、按时变色、按时消失,全程只靠 JSON,不写半行动画代码。
二狗哈1 天前
3d·状态模式·webgl·cesium·着色器·地图可视化
Cesium快速入门29:CMZL数据格式加载前面我们用“谷歌系”KML 过了一把瘾,今天换 Cesium 亲儿子——CZML。 它同样是“地理 + 时间”的 JSON 套餐,却天生带动态属性:位置、颜色、尺寸都能按时间轴自动插值,一行代码就能让车子跑、让盒子变色、让路线自己长出来。
Yuner20001 天前
3d·webgl
BabylonJS魔法:学习指南1.1 WebGL与BabylonJS:你的浏览器里藏着一个宇宙3D图形学极简史:从三角形到元宇宙BabylonJS的“超能力清单”:为什么选它?
平行云4 天前
unity·ue5·xr·3dsmax·webgl·实时云渲染·云桌面
Enscape × Paraverse | 从设计到一键发布、网页分享、实时交互的全新体验Enscape 是一款强大的实时渲染插件,可与 Revit、SketchUp、Rhino 等设计软件无缝连接,支持输出可分享的独立展示格式,既可以本地运行exe执行文件,也可以通过Escape Viewer查看。
二狗哈4 天前
3d·webgl·cesium·地图可视化
Cesium快速入门26:加载渲染GeoJson数据用 Cesium 做地理信息可视化,最常见的数据来源就是 GeoJSON。 今天带你把“四川地图”整个搬进来,一行代码加载,一行代码上色,比用 Three.js 自己解析省十倍功夫。
Yuner20004 天前
webgl·babylonjs
BabylonJS开发:从零基础到项目实战1.1 WebGL与BabylonJS:你的浏览器里藏着一个宇宙3D图形学极简史:从三角形到元宇宙BabylonJS的“超能力清单”:为什么选它?
幻云20105 天前
3d·webgl
WebGL与BabylonJS:前端3D开发入门1.1 WebGL与BabylonJS:你的浏览器里藏着一个宇宙3D图形学极简史:从三角形到元宇宙BabylonJS的“超能力清单”:为什么选它?
二狗哈5 天前
3d·webgl·cesium·着色器·地图可视化
Cesium快速入门24:Appearance编写着色器修改外观上一节课,我们只在 Material 里写着色器;今天把“魔爪”伸到 Appearance——直接重写片元着色器,一样能让像素跳舞,而且套路更简单、更暴力。
Yuner20005 天前
3d·webgl
WebGL与BabylonJS:前端3D开发学习指南1.1 WebGL与BabylonJS:你的浏览器里藏着一个宇宙3D图形学极简史:从三角形到元宇宙BabylonJS的“超能力清单”:为什么选它?
幻云20106 天前
webgl·babylonjs
BabylonJS开发:从零基础到深度实践1.1 WebGL与BabylonJS:你的浏览器里藏着一个宇宙3D图形学极简史:从三角形到元宇宙BabylonJS的“超能力清单”:为什么选它?
平行云6 天前
unity·云原生·ue5·webgl·虚拟现实·实时云渲染·像素流送
实时云渲染支持在网页上运行UE5开发的3A大作Lyra项目作为行业内产品化、易用性和兼容性均遥遥领先的一站式实时云渲染方案,Paraverse平行云自研的实时云渲染产品LarkXR已完成对Unreal Engine (UE)引擎提供深度优化支持,支持UE4到UE5的所有主流版本,全面满足项目上云需求。
那个村的李富贵6 天前
unity·webgl
Unity打包Webgl后 本地运行测试链接: link. 测试安装是否成功,按下【win+R】键,输入cmd,打开cmd窗口图片:1.找到刚刚安装的目录,在安装目录下新建两个文件夹【node_global】和【node_cache】
二狗哈6 天前
运维·开发语言·前端·webgl·fabric·cesium·着色器
Cesium快速入门22:fabric自定义着色器这节课,我们告别“傻瓜式” fromType,改用更灵活的 Fabric 写法,手把手自定义 Primitive 材质。 一句话:Fabric 就是“用 JSON 对象描述材质”,既能配 uniform,也能直接写 GLSL 源码,想怎么画就怎么画。
幻云20106 天前
webgl·babylonjs
BabylonJS开发:从入门到实战1.1 WebGL与BabylonJS:你的浏览器里藏着一个宇宙3D图形学极简史:从三角形到元宇宙BabylonJS的“超能力清单”:为什么选它?
二狗哈7 天前
3d·webgl·材质·cesium·地图可视化
Cesium快速入门21:Primitive材质类型与设置这节课,我们继续啃 Primitive 的材质(Material)。 上节只用了一个最基础的 'Color' 类型,今天把官方常备的“布料”全部铺开:图片、漫反射、网格、水面…… 学会套路后,想换哪件换哪件,全程零着色器。
二狗哈8 天前
3d·webgl·材质·cesium·地图可视化
Cesium快速入门18:Entity材质设置前面的课程里,我们先后讲了 Entity(实体)和 Primitive(图元)这两种“物体”。 它们都能贴材质,只不过用法有简有繁。 今天先集中火力把 Entity 的材质系统 撸一遍,看看 Cesium 到底给我们备好了哪些“现成布料”,以及怎么换布料。
二狗哈8 天前
3d·webgl·材质·cesium·地图可视化
Cesium快速入门19:Entity折线材质上一节课我们把“面”的材质讲完了,今天换“线”——折线(Polyline)。 不管是道路、航线还是飞线特效,全靠下面几种现成材质,一句代码就能换皮肤。
二狗哈8 天前
开发语言·前端·javascript·3d·webgl·cesium·地图可视化
Cesium快速入门17:与entity和primitive交互上节课我们学会了“一个图元里塞多个物体”。 新问题来了:鼠标随便点一下,我怎么知道到底点中了谁?能不能像 Three.js 那样“指谁打谁”? 答案当然是可以,套路还是那条老路——屏幕射线拾取(pick)。 Cesium 已经把鼠标事件封装得服服帖帖,我们直接拿来用就行。
Addisonx8 天前
webgl·three.js
深度复盘 III: 核心逻辑篇:构建 WebGL 数字孪生的“业务中枢”与“安全防线”在 Z-TWIN 污水处理厂项目的前两篇复盘中,我们解决了 渲染管线(Rendering Pipeline) 的性能瓶颈与 HMI 工程化 的多端适配问题。这两步走完,我们构建了一个“好看”且“能跑”的系统骨架。