点精灵

[jsbrml]

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

[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更灵活一些

[jsbrml]

@shuangliu 谢谢解惑