World Labs Spark 2.0：将亿级 3DGS 世界原生带入 Web 浏览器

‍♂️ 个人主页小李同学_LSH的主页✍ 作者简介LLM学习者 希望大家多多支持我们一起进步如果文章对你有帮助的话欢迎评论 点赞 收藏 加关注一、项目官宣Web 端 3DGS 的里程碑突破2026 年 4 月 15 日李飞飞创立的空间智能独角兽 World Labs正式开源发布Spark 2.0渲染引擎这是全球首个支持亿级 3D 高斯泼溅 (3DGS)流式渲染的 Web 端解决方案彻底打破传统 3DGS 显存占用高、加载慢、无法跨设备部署的核心瓶颈。Spark 2.0 基于Three.js WebGL2构建无需安装客户端手机、平板、PC 浏览器均可流畅运行 1 亿 高斯点的超大规模 3D 场景标志着 3DGS 技术从离线渲染正式迈入Web 原生实时交互时代。李飞飞空间智能独角兽公司 World Labs 官宣推出「Spark 2.0」将最具野心的 3DGS3D 高斯泼溅世界带入到 Web。这意味着原本只有专业设备才能运行的超大规模、高保真 3D 场景现在变成任何人都可以在浏览器中访问的内容。而随着高保真 3D 内容可以在任意设备上进行访问包括手机、VR 设备等空间叙事能力向前迈进了一大步。李飞飞本人公开评价Spark 2.0 可在任意设备流式传输 1 亿 高斯点为 Web 3DGS 开源生态奠定核心基础。作为一个面向 Web 的动态 3D 高斯泼溅3DGS渲染器Spark 与当前最流行的 Web 3D 框架 Three.js 集成并基于 WebGL2 运行因此只要有浏览器无论是桌面端、iOS、Android还是 VR 设备都可以使用。在去年发布时Spark 就带来了不少其他渲染器没有的能力比如在同一场景中渲染多个 3DGS 对象、实时编辑与重光照以及一个着色器图系统让用户可以基于 splat 创建完全动态的特效和动画。而在 Spark 2.0 中团队加入了一个细节层级LoD系统可以在任意设备上流式加载并渲染超大规模的 3DGS 世界。当你在场景中移动时Spark 会根据当前视角自动调整 3DGS 的细节等级并通过网络按需加载所需数据。二、核心理论3D 高斯泼溅 (3DGS) 数学基础3DGS 是 Spark 2.0 的底层核心以三维高斯椭球替代传统三角网格实现高精度、高效率的三维场景表示以下为可直接复制的LaTeX 核心公式。2.1 三维高斯分布函数单个高斯点的空间概率分布定义控制椭球位置与形状2.2 协方差矩阵分解高斯椭球的旋转与缩放解耦工程实现核心公式2.3 体渲染积分方程像素颜色合成公式实现高斯点透明度混合三、Spark 2.0 三大核心技术突破传统 3DGS 存在文件体积大 (GB 级)、显存爆炸、无流式加载三大痛点Spark 2.0 通过自研技术体系全维度解决。3.1 层级细节 (LoD) 动态裁剪将高斯点构建为多分辨率树形结构渲染时根据视角距离自动选择精度近距离高精度细节渲染远距离低精度粗粒度渲染固定渲染预算移动端 50 万点、桌面端 250 万点帧率与场景总点数无关3.2 .RAD 渐进式流式格式自研替代 PLY/SPZ 的全新 3DGS 格式核心特性分块存储64K 高斯点为一个数据块独立压缩秒开渲染首块加载完成即显示场景轮廓视角优先按需加载视野内细节后台多线程解码3.3 GPU 虚拟显存管理借鉴操作系统虚拟内存机制固定 GPU 内存池1600 万高斯点上限LRU 页替换64K 点为一页自动换入换出突破硬件限制有限显存渲染无限规模场景四、性能对比Spark 1.0 vs Spark 2.0量化核心指标提升数据来自 World Labs 官方测试性能指标Spark 1.0Spark 2.0提升幅度最大支持高斯点1000 万1 亿 1亿10 倍场景加载时间30s 30岁以上1s (秒开)97%移动端平均帧率15FPS60FPS4 倍 4次显存占用8GB2GB 小于 2GB75%支持格式PLY/SPZ 胶合板/车牌PLY/SPZ/RAD新增流式格式五、实战代码Web 端 3DGS 极简部署 (可直接运行)基于 Spark 2.0 NPM 包零配置在浏览器渲染 3DGS 场景5.1 环境安装运行# 安装Spark 2.0 官方SDK npm install sparkjsdev/spark5.2 完整 HTML 渲染代码html 预览 !DOCTYPE html html langzh-CN head meta charsetUTF-8 titleSpark 2.0 3DGS Web渲染/title style body { margin: 0; overflow: hidden; } canvas { width: 100vw; height: 100vh; } /style /head body script typemodule // 导入Spark 2.0核心模块 import { SparkViewer } from sparkjsdev/spark; // 初始化渲染器 const viewer new SparkViewer({ container: document.body, // RAD流式场景文件(官方示例) sceneUrl: https://assets.sparkjs.dev/demo/coit-tower.rad, // 性能配置 maxSplatCount: 2500000, // 桌面端渲染预算 enableStreaming: true, // 开启流式加载 autoPlay: true // 自动交互 }); // 窗口自适应 window.addEventListener(resize, () viewer.resize()); /script /body /html5.3 运行说明保存代码为index.html启动本地 HTTP 服务 (禁止 file 协议)浏览器打开即可秒开 3D 场景支持鼠标拖拽交互六、行业应用场景Spark 2.0 彻底降低 3DGS 落地门槛覆盖全行业空间智能场景数字孪生城市级大规模实景三维 Web 可视化虚拟电商商品 3D 高精度展示无插件直接浏览元宇宙轻量化 Web 元宇宙场景跨设备互通文旅文博文物 / 景区 3D 重建线上沉浸式游览自动驾驶激光雷达点云 3DGS 实时 Web 可视化七、总结与开源地址Spark 2.0 是3DGS 技术民用化的关键一步通过 LoD 裁剪、流式格式、虚拟显存三大创新解决了工业级 3D 场景在 Web 端部署的所有核心难题由李飞飞团队开源背书生态兼容性与技术稳定性行业领先。官方资源GitHub 开源地址https://github.com/sparkjsdev/sparkhttps://github.com/sparkjsdev/spark官方演示地址https://sparkjs.devhttps://sparkjs.dev技术文档https://docs.sparkjs.devhttps://docs.sparkjs.dev