Orillusion

    • 注册
    • 登录
    • 搜索
    • 版块
    • 最新
    • 标签

    Orillusion | 第一个WebGPU中文社区

    Wiki
    orillusion blog
    1
    1
    298
    正在加载更多帖子
    • 从旧到新
    • 从新到旧
    • 最多赞同
    回复
    • 在新帖中回复
    登录后回复
    此主题已被删除。只有拥有主题管理权限的用户可以查看。
    • admin
      admin 最后由 shuangliu 编辑

      2021年,科技界发生了哪些重大的变化?

      随着AR/VR等技术的发展,元宇宙(Metaverse)的概念在这个灰暗的疫情时代,瞬间爆发了,它满足了人们对社交和娱乐的向往,满足了虚拟世界和现实世界的融合。

      1000.jpg
      《失控玩家》剧照

      元宇宙并不是一个具体的场景或者技术,它被广泛定义为下一代互联网的形态。这其中需要很多技术的支撑才能得以顺利发展和实现,比如区块链,人工智能,云计算,5G通信,VR/AR,人机交互技术等等。随着Facebook的更名,再次提高了元宇宙在科技界的关注度。

      fe.jpg
      10月29日 Facebook CEO 扎克伯格 将公司改名为 Meta

      其中,支持游戏程序代码和图形动画资源的游戏引擎,作为元宇宙场景3D内容制作的底层基础工具,还在高速发展和迭代。目前在端侧已经有了非常优秀的引擎,包括Unity,Unreal等等。

      但是,Web环境中始终没有办法实现和桌面级渲染能力相媲美的革命性技术出现。这一现状随着WebGPU标准的提出,即将得到改变。这是非常让人振奋的变革!

      什么是WebGPU?

      WebGPU是一个API,它为 Web公开GPU 硬件的功能。浏览器封装了现代图形API(Dx12、Vulkan、Metal),提供给Web 3D程序员WebGPU API。

      2cc12df45d3d990022312b1eeee17ba4.jpeg

      大家比较熟悉的 WebGL 1.0 和 WebGL 2.0 分别是 OpenGL ES 2.0 和 OpenGL ES 3.0 API 的 Javascript 实现的子集。WebGL 的设计可以追溯到 1992 年发布的 OpenGL 1.0 API。这一沿袭可以将 OpenGL ES 大量可用的知识体系和应用程序相对容易地移植到 WebGL 中。

      但是,这也意味着 WebGL 与现代 GPU 的设计不匹配,导致 CPU 性能和 GPU 性能问题。这也使得在现代原生 GPU API 之上实现 WebGL 变得非常困难。WebGL 2.0 Compute 的贡献者决定将精力集中在 WebGPU 上。

      所以WebGPU不是WebGL的延续,也不对标OpenGL,所以就需要用名称在概念上进行区分。

      419321-20201227101524090-1151089766.png

      根据《WebGPU Explainer》中关于WebGPU构建目标的介绍如下:

      WeChat9f9e0292dbe1c54c34260fbc49d768b0.png
      https://www.orillusion.com/zh/explainer.html

      WebGPU最大的优势在于能够更好的利用前端设备的硬件资源,从而使得浏览器在3D以及计算方面的能力得到大大增强。

      目前哪些浏览器支持WebGPU?

      经过4年多的发展演进,目前支持WebGPU的桌面浏览器有Chrome Canary版本,通过打开flag支持,Chrome 普通94以上版本,通过开发者内测token支持,Firefox 97以上版本也通过flag支持。

      经测试,在移动端,目前只有Andriod的Firefox支持WebGPU。

      浏览器的版本不断更新,可以参考caniuse发布的WebGPU支持情况,以及各浏览器的版本更细信息。

      WebGPU支持情况参考
      https://caniuse.com/webgpu

      国产浏览器厂商几乎都是基于Chrome内核的,理论上也都已经可以支持WebGPU特性了,有兴趣的小伙伴可以亲自测试下,也欢迎在评论区和社区里留言。

      由于WebGPU是W3C制定推进的标准,其他各大浏览器厂商的支持便只是时间问题了。在这样一个相对初期的时间节点,优秀的技术需要被更多的人尽早了解到。

      因此,我们为大家营造了第一个 WebGPU的中文社区 !

      重点来啦!!!

      Orillusion团队,2021年7月成立,集合图形学,引擎开发,WebGPU应用等各领域的大牛,目标打造第一款基于WebGPU标准的轻量级渲染引擎,并会在不久的将来进行完全开源,方便Web 3D开发者使用,相对WebGL的引擎渲染性能将大大提高。

      0.jpg
      Orillusion 官网

      Orillusion社区目前有哪些内容?

      了解WebGPU的API,WGSL使用,请查看Orillusion提供的中文全文翻译。

      WebGPU的全部翻译文档已经开源,欢迎大家对翻译不准确的地方做contribution,成为第一个开源社区贡献者!

      WebGPU文档翻译Github库
      https://github.com/Orillusion/orillusion-web/tree/master/webgpu

      IMG_5477.jpg

      WebGPU API 文档一共24章,包括如何使用缓冲区,纹理视图,采样器,资源绑定,计算,渲染管道等,100%对应英文原版API文档,可以对照查看。

      WeChata4a51f93fed071eae616f26007fbbab0.jpg
      https://www.orillusion.com/zh/webgpu.html

      WebGPU Shading Language 文档一共16章,包括介绍着色器生命周期,纹理结构,变量类型,代码语句等,同样100%对应英文原版wgsl文档,可以对照查看。

      WeChatb7c16c9970d2f905a2bf48e3791a8f48.png
      https://www.orillusion.com/zh/wgsl.html

      WebGPU Explainer 文档一共四章,包括WebGPU和WebGL的区别,以及如何使用多线程,如何解决错误,和使用案例等,100%对应英文原版API文档,可以对照查看。

      WeChat844de33f8f678aa185100d5b32564080.png
      https://www.orillusion.com/zh/explainer.html

      欢迎更多的小伙伴可以加入我们的Orillusion社区,陪我们一起见证WebGPU的发展。我们会尽自己最大的努力把最干货最前沿的WebGPU技术分享给每一位社区成员,也诚心的希望大家为Orillusion开源社区做出自己的贡献。我们一直坚信,开源社区的技术留痕是每一位技术人员最崇高的追求。因此,我们尊重,我们认可,我们更期待,加入Orillusion,让我们共同进步!

      ——Link uncharted, 链接未来世界

      Orillusion 团队介绍

      Orillusion团队由帝国理工大学可视化渲染方向博后创建,团队成员具备顶级的学术背景,包括来自海内外名校的硕士博士,如港大,哈工大,北邮等,而且核心技术研发成员也均为行业内深耕10年以上的技术专家,来自白鹭,AutoDesk等优秀企业。我们也一直持续关注优秀企业和开源社区的相关人才,期待更多热爱开源的小伙伴加入Orillusion,一起改变世界!

      团队专注于引擎底层技术研发,主要工作是打造全世界第一款完全开源的WebGPU轻量级通用渲染引擎,目标是在浏览器中实现桌面级的渲染效果,以及支持超大复杂场景的3D呈现。未来团队会一直专注于引擎底层的技术突破,打造优秀的开源软件及开源区,为3D场景爆发时代提供引擎基础工具。

      1 条回复 最后回复 回复 引用 0
      • First post
        Last post

      Recent Post

      • 回复: Three.js vs Babylon.js vs Orillusion - Box 渲染测试

        rt,请问可以获得这个例子中渲染所使用的代码吗?我想进一步探究这种性能差距究竟来自于代码(开发者)还是框架(运行时)。

        • 阅读更多
      • J

        @shuangliu 多谢大佬,我刚试了一下,重新下载canary105
        开启chrome://flags/#enable-unsafe-webgpu,可以正常运行了!多谢!
        45c7ad65-cf14-417d-b48a-3d0a7e1acb97-image.png
        83bdeb67-759d-42aa-bfca-981c846b3f59-image.png

        • 阅读更多
      • J

        @shuangliu 多谢大佬,目前已经开了两个feature
        0a28b9f7-f960-468b-85ac-a3c24cdb56c1-image.png
        但还是不能跑起来
        1834b5c3-e3ab-491d-a380-8e79dde54c36-image.png

        • 阅读更多
      • @jellyl823 是 Canary 的发布 bug,出现过好几次,Chrome 新版本发布时 忘了改 WebGPU 的版本 flag,导致 106 版本无法使用 WebGPU

        一般 Chrome 会在几天内修复该问题,可以保持更新 可以先暂时启用 M105 的 flag,可以手动开启 webgpu,等106修复后再关闭正常使用

        20220725-193637.jpg

        • 阅读更多
      • J

        @shuangliu 已经拉取了最新的代码,但还是not surpport webgpu。

        chrome canary版本106
        chrome://flags/里面和webgpu有关的选项为WebGPU Developer Features设置为enable了
        414eabfb-2ce7-40a5-ad7f-6e46ccd8611e-image.png

        • 阅读更多

      Copyright © 2022 Orillusion | Contact US