• 版块
  • 最新
  • 标签
皮肤
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • 默认(不使用皮肤)
  • 不使用皮肤
折叠

Orillusion

0

在线

525

用户

151

主题

408

帖子

点精灵

已定时 已固定 已锁定 已移动 中文社区
wgsl
3 帖子 2 发布者 216 浏览
    • 从旧到新
    • 从新到旧
    • 最多赞同
回复
  • 在新帖中回复
登录后回复
此主题已被删除。只有拥有主题管理权限的用户可以查看。
  • J 离线
    J 离线
    jsbrml
    写于 最后由 编辑
    #1

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

    1 条回复 最后回复
    0
  • shuangliuS 离线
    shuangliuS 离线
    shuangliu
    写于 最后由 编辑
    #2

    大致上需要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 离线
    J 离线
    jsbrml
    在 中回复了 shuangliu 最后由 编辑
    #3

    @shuangliu 谢谢解惑

    1 条回复 最后回复
    0

Copyright © 2023 Orillusion | Contact US

  • 登录

  • 没有帐号? 注册

  • 登录或注册以进行搜索。
  • 第一个帖子
    最后一个帖子
0
  • 版块
  • 最新
  • 标签
  • 登录

  • 没有帐号? 注册

  • 登录或注册以进行搜索。