谷歌WebGPU的发布,web图形化的新曙光。

简介: 谷歌WebGPU的发布,web图形化的新曙光。

谷歌在2023年4月6日发布浏览器最新的版本,Chrome 113 Beta 版本,支持新的特性,包括WebGPU。

关于webGPU详细介绍文档可以在MDN上找到。

前言

WebGPU是W3C的“网络GPU”社区小组合作的成果,其中包括Mozilla、苹果、英特尔和微软等大公司的贡献。经过六年的开发(90个贡献者,2000个提交,3000个问题),从2017年的初步设计开始,第一个实现现在可以在Chrome中使用,对Firefox和Safari的支持正在进行中。

经过多年的开发,Chrome团队推出了WebGPU,它允许在网络上进行高性能的3D图形和数据并行计算

Chrome团队很高兴地宣布,WebGPU现在默认可以在Chrome 113中使用,目前正在Beta版本中。WebGPU是一种新的网络图形API,它提供了显著的好处,例如大大减少了相同图形的JavaScript工作负载,并在机器学习模型推断方面提高了三倍以上。这是可能的,因为更灵活的GPU编程和对WebGL不提供的高级功能的访问。

浏览器支持

WebGPU的首次发布可在支持Vulkan的ChromeOS设备、支持Direct3D 12的Windows设备和macOS上的Chrome 113中使用。Linux、Android和对现有平台的扩展支持将很快推出。

WebGPU目前正在Firefox和Safari中进行,此外还在Chrome中进行初步实现。

类库的支持

许多广泛使用的WebGL库已经在实现WebGPU支持的过程中,或者已经实现了。这意味着使用WebGPU,请求的时候,只需要进行一行的修改:

Babylon.js

已经完全支持WebGPU,请参阅demo

PlayCanvas

宣布初步支持WebGPU。

TensorFlow.js

支持大多数运营商的WebGPU优化版本。

Three.js

WebGPU支持正在进行中,请参阅示例

web图形的新曙光

WebGPU是一种新的网络API,它公开了现代硬件功能,并允许在GPU上进行渲染和计算操作,类似于Direct3D12、Metal和Vulkan。与WebGL系列API不同,WebGPU提供了对更高级GPU功能的访问,并为GPU上的通用计算提供了一流的支持。该API在设计时考虑到了web平台,具有惯用的JavaScript API、与promise的集成、对导入视频的支持,以及具有出色错误消息的出色开发人员体验。

WebGPU的这个初始版本是未来更新和增强的构建块。API将提供更高级的图形功能,并鼓励开发人员发送额外功能的请求。Chrome团队还计划在WebGPU着色语言WGSL中提供对着色器核心的更深入访问,以实现更多的机器学习优化和额外的人体工程学。

性能分析

  • 在渲染性能上,webGPU比webGL快3倍以上。
  • 在计算性能上,webGPU比webGL快50倍以上。

测试来自:WebGPU性能测试分析

相关实践学习
部署Stable Diffusion玩转AI绘画(GPU云服务器)
本实验通过在ECS上从零开始部署Stable Diffusion来进行AI绘画创作,开启AIGC盲盒。
相关文章
|
2月前
|
Web App开发
软件开发常见流程之移动端调试方法,利用Chrome(谷歌浏览器)的模拟手机调试,搭建本地Web服务器,手机和服务器在一个局域网,通过手机访问服务器,使用服务器,利用ip实现域名访问
软件开发常见流程之移动端调试方法,利用Chrome(谷歌浏览器)的模拟手机调试,搭建本地Web服务器,手机和服务器在一个局域网,通过手机访问服务器,使用服务器,利用ip实现域名访问
|
监控 数据可视化 JavaScript
2021 年 Web 核心性能指标是什么?谷歌工程师告诉你,FMP 过时啦!
性能指标对于网站来说是一个长期需要努力优化提升的目标,谷歌为此推出了一系列工具,本文我想给大家介绍 web-vitals[1]这个由谷歌工程师编写的小而美的性能指标测量 sdk。
|
Web App开发 前端开发 JavaScript
Code For Better 谷歌开发者之声——谷歌Web工具包(GWT)
GWT是一个开源的一套工具,它允许Web开发人员创建和维护复杂的JavaScript 前端应用程序中的Java。除了一些本地库之外,一切都是Java源代码,可以使用包含的GWT Ant构建文件在任何支持的平台上构建。它是根据Apache许可证 2.0版许可的。 GWT强调可重用的常见Web开发任务方法,即异步远程过程调用,历史管理,书签,UI抽象,国际化和跨浏览器 可移植性。
336 0
Code For Better 谷歌开发者之声——谷歌Web工具包(GWT)
|
Web App开发 前端开发 测试技术
浏览器“联盟”!苹果/谷歌/Mozilla/微软合力解决 Web “互操作性”问题
浏览器“联盟”!苹果/谷歌/Mozilla/微软合力解决 Web “互操作性”问题
113 0
浏览器“联盟”!苹果/谷歌/Mozilla/微软合力解决 Web “互操作性”问题
|
Web App开发 编解码 中间件
海康威视摄像头RTSP视频流嵌入到谷歌Chrome等WEB页面中实时播放方案(图文教程)
近期在做一个智慧城市项目,要求将海康威视、大华等摄像头RTSP视频流在Chrome、Firefox、Edge等浏览器中播放,并且要求延迟必须要低,能到多低就多低,最好是实时视频。 小编了解很多不同的方案,目前市面上大部分是转码转流方案,不仅需要服务器支持,并且需要服务器不停的转码转流,如果多路同时播放或者播放高清视频,非常容易出现卡顿、花屏等情况,延迟更是高达数秒甚至数分钟,对于一些延迟要求较高的项目来说,这简直是灾难性后果。
2811 0
海康威视摄像头RTSP视频流嵌入到谷歌Chrome等WEB页面中实时播放方案(图文教程)
|
存储 Web App开发
[解决办法]已经安装了数字证书,但是谷歌浏览器登录https协议的web系统时仍然提示证书不受信任
已经安装了数字证书,但是谷歌浏览器登录https协议的web系统时仍然提示证书不受信任。如下图: 解决办法: 1.单击Chrome浏览器右侧设置菜单,选择“设置”。 2.拖至页面下方,单击“显示高级设置”。
7973 0
|
机器学习/深度学习 Web App开发 人工智能
|
Web App开发 JavaScript Java
js/bat批处理调用谷歌浏览器chrome批量打开网页测试web性能
批处理批量打开网页 其实用java就可以搞定,但是这么一个轻巧的测试,js或者bat批处理去一次性打开几百个网页测试一下页面没必要上java 两者的区别,js的话,只能打开多个浏览器实例,不方便查看效果。
3280 0
|
Web App开发 移动开发 前端开发
【前沿视点】Web Lab——鼓舞人心的谷歌 Chrome 实验室
您可能感兴趣的相关文章 开发者必备的8个最佳云端集成开发环境 史上最有创意的 404 页面设计作品集锦 让人爱不释手的13套精美Web图标素材 45款唯美的苹果 iOS 应用程序图标设计 分享25套非常漂亮的免费网页图标素材     Web Lab 由五个 Chrome 实验装置组成,展现互联网给生活带来的非凡变化,让世人体验 Web 的神奇!这些装置在伦敦科学博物馆进行了长达一年的展出,任何地方、任何人都可以通过 chromeweblab.com 和这些装置互动。
809 0
|
10天前
|
数据库 开发者 Python
web应用开发
【9月更文挑战第1天】web应用开发
26 1