Orillusion

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

    点精灵

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

      webgpu想实现类似webgl中的点精灵,思路是怎么样的?

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

        大致上需要2个部分

        1. WebGPU 没有 Point 的概念了,需要用户自己实现 point_size 等表现形式, 最简单的就是使用一个 4/6个点的矩形来做一个 2d 平面,那么大小和形状都可以自定义调节, 当然贴图也可以自定义,这就是 2d 精灵图 本质了

        2. 精灵图的一个重要特点,是始终朝向摄像机,这就需要用户自己实现每一帧计算精灵图的transform,使它朝向摄像机/屏幕。比如 在 three.js 里,也是 js 配合 glsl 实现的这个功能,可以去看three.js 的相关代码。
          webgpu 里一样,需要每一帧对 精灵图的 matrix 进行计算,使它始终朝向 camera,无论是在js里计算,还是wgsl cs计算都可以,webgpu更灵活一些

        J 1 条回复 最后回复 回复 引用 0
        • J
          jsbrml @shuangliu 最后由 编辑

          @shuangliu 谢谢解惑

          1 条回复 最后回复 回复 引用 0
          • 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