webgpu之旅04

这篇具有很好参考价值的文章主要介绍了webgpu之旅04。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

继续继续

319854902 319854902 319854902 319854902 webgpu交Q流群

webgpu之旅04
首先准备好绘制到屏幕所需的这个descriptor
if rendertarget
this._textures.initRenderTarget( renderTarget );
来看一下这个函数里面会做什么
webgpu之旅04
renderTargetProperties是这个target的properties
创建一个color texture,然后如果depth需要,也会创建一个depth texture
renderTargetProperties.colorTextureGPU = colorTextureGPU;
renderTargetProperties.depthTextureGPU
renderTargetProperties.initialized = true;
没了
也就是说,看起来只有一个color输出
如果没有FBO,情况就比较朴素
webgpu之旅04
接下来,更新环境贴图,雾,背景色,tone mapping,主要就是更新background
然后这里才进入正戏
// start render pass
webgpu之旅04
这里看起来确实只支持一个output,整个Descriptor并没有更新多个color attachments
然后setViewport,setScissorRect
webgpu之旅04
renderObjects里就会到renderObject
然后pipeline和bindgroup的粒度看起来都是object
webgpu之旅04
webgpu之旅04
接下来就bind vertexbuffer
然后draw,就结束了

webgpu之旅04文章来源地址https://www.toymoban.com/news/detail-491449.html

319854902 319854902 319854902 319854902 webgpu交Q流群

到了这里,关于webgpu之旅04的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 【AI可视化---04】点亮数据之旅:发现Matplotlib的奇幻绘图世界!用Python挥洒数据音符的创意乐章——这四篇就够了!

      晴川历历汉阳树,芳草萋萋鹦鹉洲。 日暮乡关何处是,烟波江上使人愁。     🎯作者主页: 追光者♂🔥          🌸个人简介:   💖[1] 计算机专业硕士研究生💖   🌟[2] 2022年度博客之星人工智能领域TOP4🌟   🏅[3] 阿里云社区特邀专家博主🏅   🏆[4] CSDN-人工智能

    2024年02月15日
    浏览(43)
  • 加密项目是否采用DAO模式 首先考量这8个因素

    随着越来越多公司寻求管理和组织战略创新,我们看到市场对 DAO  的兴趣日益增长,同时也对人们的数字生活产生了巨大影响。不过, 并不是每个项目都适合采用 DAO 模式,在做出正确选择之前,你需要考虑以下 8 个要点: 1、集中服务和大规模项目不建议用 DAO 对于 Web3

    2024年01月22日
    浏览(44)
  • 初识 WebGPU 以及遇到 WebGPU not supported 错误的解决方法

    因公司需求,开始接触 WebGPU,偶然遇到问题,网上搜索无效,后来通过逐步判断,终于定位到问题,这里记录一下,为其他遇到此问题的网友提供解决思路。 本包含 WebGPU学习资源、初识WebGPU、遇到并解决问题、在线示例 四部分。 1. 学习API WebGPU_API 。 3. 基础学习 WebGPU 理论

    2024年02月03日
    浏览(84)
  • 10. WebGPU 旋转变换

    单位圆是半径为 1.0 的圆。 下图是一个单位圆。 [ 注释1 ] 在上图中,当围绕圆拖动蓝色手柄时,X 和 Y 位置会发生变化,代表该点在圆上的位置。且在顶部,Y 为 1,X 为 0。在右侧,X 为 1,Y 为 0。 如果你还记得三年级的基础数学,将某个东西乘以 1,它会保持不变。所以 1

    2024年02月09日
    浏览(79)
  • WebGPU开发详解

    WebGPU 是即将推出的 Web API,提供了一组访问 GPU的低级通用API。 我对图形学不是很有经验。我通过阅读有关如何使用 OpenGL 构建游戏引擎的教程来学习 WebGL 的知识点,并通过观看Inigo Quilez在ShaderToy上仅使用着色器(不使用任何 3D 网格或模型)做令人惊奇的事情来了解有关着色

    2024年02月05日
    浏览(26)
  • WebGPT VS WebGPU

    推荐:使用 NSDT编辑器 快速搭建3D应用场景 随着WebGPU的引入,Web开发发生了有趣的转变,WebGPU是一种新的API,允许Web应用程序直接访问设备的图形处理单元(GPU)。这种发展意义重大,因为 GPU 擅长复杂的计算。 一个说明WebGPU潜力的项目是WebGPT。这是一个用JavaScript和HTML编写

    2024年02月10日
    浏览(46)
  • webgpu 入门

    本文介绍了如何运行webgpu的官方demo webgpu是一种新的web API,它公开了现代计算机图形功能,特别是Direct3D 12、Metal和Vulkan,用于在图形处理单元(GPU)上执行渲染和计算操作。 https://nodejs.org/en/ 请确保node.js版本 = 18.12 https://github.com/austinEng/webgpu-samples 代码如下(示例): http

    2024年02月04日
    浏览(25)
  • WebGPU实战3D电商

    在过去的几年里,我们一直在为 WebGPU 编写新版本的 Babylon.js 引擎。 随着下一代 Web 3D 即将在Chrome 102~103版本上公开WebGPU 1.0 ,人们的兴奋情绪与日俱增。 在这篇博文中,我将快速概述这个新的 Babylon.js WebGPU 引擎,并将研究它可以为 Web 上的 3D 商务体验带来的一些性能改进。

    2024年02月16日
    浏览(40)
  • 12. WebGPU 矩阵数学

    在最近的 3 篇文章中,介绍了如何平移、旋转和缩放顶点位置。平移、旋转和缩放都被认为是一种变换。这些变换中的每一个都需要对着色器进行修改,并且 3 个转换中的每一个都依赖于顺序。 在之前的示例中,先缩放,然后旋转,最后平移。如果以不同的顺序应用它们,会

    2024年02月09日
    浏览(35)
  • Cartographer算法2D激光雷达与IMU融合建图 首先先说一下我的硬件设备:

     上一篇文章讲了cartographer算法手持雷达建图的参数调试,这篇进一步讲如何融合2D雷达与IMU采用cartographer算法进行slam建图。 cartographer算法手持二维激光雷达建图(不使用里程计及IMU) https://blog.csdn.net/wangchuchua/article/details/127268037?spm=1001.2014.3001.5502 思岚s1激光雷达、Tobotics

    2023年04月10日
    浏览(51)