技术栈
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 套餐,却天生带动态属性:位置、颜色、尺寸都能按时间轴自动插值,一行代码就能让车子跑、让盒子变色、让路线自己长出来。
Yuner2000
1 天前
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 自己解析省十倍功夫。
Yuner2000
4 天前
webgl
·
babylonjs
BabylonJS开发:从零基础到项目实战
1.1 WebGL与BabylonJS:你的浏览器里藏着一个宇宙3D图形学极简史:从三角形到元宇宙BabylonJS的“超能力清单”:为什么选它?
幻云2010
5 天前
3d
·
webgl
WebGL与BabylonJS:前端3D开发入门
1.1 WebGL与BabylonJS:你的浏览器里藏着一个宇宙3D图形学极简史:从三角形到元宇宙BabylonJS的“超能力清单”:为什么选它?
二狗哈
5 天前
3d
·
webgl
·
cesium
·
着色器
·
地图可视化
Cesium快速入门24:Appearance编写着色器修改外观
上一节课,我们只在 Material 里写着色器;今天把“魔爪”伸到 Appearance——直接重写片元着色器,一样能让像素跳舞,而且套路更简单、更暴力。
Yuner2000
5 天前
3d
·
webgl
WebGL与BabylonJS:前端3D开发学习指南
1.1 WebGL与BabylonJS:你的浏览器里藏着一个宇宙3D图形学极简史:从三角形到元宇宙BabylonJS的“超能力清单”:为什么选它?
幻云2010
6 天前
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 源码,想怎么画就怎么画。
幻云2010
6 天前
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 已经把鼠标事件封装得服服帖帖,我们直接拿来用就行。
Addisonx
8 天前
webgl
·
three.js
深度复盘 III: 核心逻辑篇:构建 WebGL 数字孪生的“业务中枢”与“安全防线”
在 Z-TWIN 污水处理厂项目的前两篇复盘中,我们解决了 渲染管线(Rendering Pipeline) 的性能瓶颈与 HMI 工程化 的多端适配问题。这两步走完,我们构建了一个“好看”且“能跑”的系统骨架。