跳到主要内容
赞助推荐 搬瓦工怎么选:三网直连 CN2 GIA-E
前沿哨所

从地心穿越到黑洞:开发者用 WebGPU 打造沉浸式地球漫游网站

3 分钟阅读阅读()
赞助推荐 团队协作里的 AI 办公工作台

开发者近日发布了一个纯展示性质的网站 depths.world,用户通过滚动鼠标滚轮,可从地心出发完成一场直达太空深处的沉浸式旅程。视角起始点位于地心,一路向上依次穿过内外地核、地幔和地壳,随后深入海底再跃出海面,穿越云海离开大气层进入太空,最终滑入黑洞并回到起点地心,形成完整的闭环体验。网站左下角提供声音开关和画质档位调节功能。该项目诞生源于作者一时兴起购买了 depths.world 域名,为匹配域名含义而专门制作。技术上,网站采用 three.js、WebGPU 及 TSL 构建,首次编译着色器可能需要 10 秒以上。作者同时说明了项目局限:地壳以下没有实景照片,景象均基于公开资料推测呈现,部分画面为视觉体验考虑与科学理论存在出入;太阳系以外的视觉效果也包含合理推测成分。项目目前以桌面端浏览器为主要目标,移动端体验不佳且容易卡顿,后续可能尝试适配手机。作者表示未来会持续修补完善,并欢迎社区在性能优化和渲染效果方面提出建议。更多容易错过的细节和详情简介可通过作者提供的补充链接查看。

事件分析

WebGPU 作为 WebGL 的继任者,正从实验性特性走向实际落地,该项目提供了一个直观的落地样本。值得关注的技术点包括 TSL(Three.js 着色语言)的应用,它是 Three.js 面向 WebGPU 的节点式材质系统,可跨不同图形后端编译;而首帧着色器编译耗时较长的现象,也反映出新图形 API 生态仍处早期阶段。产业层面,浏览器端图形能力的天花板持续抬升,创意编程、在线 3D 展示、数据可视化等场景有望直接受益。后续走向上,随着各浏览器厂商逐步完善 WebGPU 支持,以及 Three.js 生态向 WebGPU 迁移成熟,此类高复杂度网页图形项目的开发成本与兼容性问题将逐步降低,移动端适配难题也可能随之缓解。个人开发者借助现代图形栈完成高质量作品的趋势,值得持续关注。

核心观点:WebGPU 正从技术演示走向实际创作,浏览器正在成长为足以承载重型 3D 内容的通用图形平台。

赞助推荐 一人公司 · 创业装备库
赞助推荐 一人公司 · 创业装备库

原文链接:V2EX 分享发现

赞助推荐 一键部署 AI 大模型
赞助推荐 一键部署 AI 大模型
赞(0)
未经允许不得转载:80aj » 从地心穿越到黑洞:开发者用 WebGPU 打造沉浸式地球漫游网站
赞助推荐 低成本上手 Claude Code 的中转选择
赞助推荐 低成本上手 Claude Code 的中转选择
赞助推荐 一键部署 AI 大模型
赞助推荐 一键部署 AI 大模型