Orillusion

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

    关于setVertexBuffer()插槽的理解

    中文社区
    webgpu
    1
    2
    100
    正在加载更多帖子
    • 从旧到新
    • 从新到旧
    • 最多赞同
    回复
    • 在新帖中回复
    登录后回复
    此主题已被删除。只有拥有主题管理权限的用户可以查看。
    • 支阿怪
      支阿怪 最后由 shuangliu 编辑

      806b322e-5bab-42d4-af47-f299e0b9e265-f80b1f012c5a4f1e49dd209c0677682.png
      465ba1c1-ac59-422f-841e-587da1e39257-8787fbe63d49212068ca52acf0723ec.png

      请问,这里进行绑定渲染通道,0,1这里的插槽怎么理解,代表什么呢?

      没有捷径,自发光芒

      1 条回复 最后回复 回复 引用 0
      • 支阿怪
        支阿怪 最后由 shuangliu 编辑

        我好像明白了,0,1是建立着色器和GPU缓冲区的一种方式代号,把缓冲区里面的顶点数据和颜色数据引用到着色器里面,联系的方式是buffers里的shaderLocation:0 和着色器里的[[location(0)]],因为我在main文件中创建顶点和颜色数据;
        因此在最后的渲染管道中,我需要读取顶点数据和颜色数据的GPUBuffers时,同样也需要进行插槽(通俗讲:一个属性代指一个有序数字)的指向,确保缓冲区内的数据于着色器保持同步进行渲染。

        把顶点坐标和颜色数据放在缓冲区写,是因为main.ts是typescript写成的,有代码提示,相比文本的着色器,调试起来更方便。

        0b4036c9-5928-4dc3-aaf6-efba13ed146d-image.png

        a490cedb-9040-40aa-a2a4-6b9cdc0bfb74-image.png

        af509abe-9493-4a6b-ad7a-6d8d7cf3df50-image.png

        没有捷径,自发光芒

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

        Recent Post

        • 目前可以预览demo了

          • 阅读更多
        • A

          这demo太卡了,我机器性能不算差,运行个demo cpu就将近100%

          • 阅读更多
        • A

          没有贴出app.vue的代码

          • 阅读更多
        • @aichangqing 可能是之前版本的cdn缓存没更新,可以清理本地缓存刷新再试一次

          • 阅读更多
        • 36e6af78-b023-4031-9b56-bd8713b44393-image.png

          已经是版本 113.0.5656.0(正式版本)canary (64 位)并且开启chrome://flags/#enable-unsafe-webgpu 为enable,为啥还不能预览demo

          • 阅读更多

        Copyright © 2022 Orillusion | Contact US