关于webGpu的 Label 层的设计
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了关于webGpu的 Label 层的设计相关的知识，希望对你有一定的参考价值。
参考技术A Label：标签Panel：面板
Anchor：锚点
Billboard：3d 中始终面向屏幕的公告牌
此处的 Label，本质是一个 UIBinder(targetElementId, UIContent, extraProps)，希望用于创建始终面向屏幕的 UI 信息看板
绑定 UI 后，UI 会有两种渲染存在的形式，1. canvas 内渲染，看板跟随 camera 距离，同步缩放，2. canvas 外基于 dom（position:absolute, left:xxx, right:xxx)，与 canvas 内部坐标同步，看板不跟随场景缩放。
参考链接 https://docs.thingjs.com/cn/apidocs/THING.UIAnchor.html#pivot
参考链接： http://superapi.51hitech.com/apifunc
实现类似 UIBinder 的接口，实现 UI 针对模型 id 的绑定。细节待补
WebGPU学习系列目录
介绍
大家好，本系列从0开始学习WebGPU API，并给出相关的demo。
WebGPU介绍
WebGPU相当于DX12/Vulkan，能让程序员更灵活地操作GPU，从而大幅提升性能。
为什么要学习WebGPU
WebGPU更好地支持多线程
WebGPU支持compute shader，从而让程序员能利用GPU实现很多优化
- WebGPU与WebGL2的区别很大，两者不容易兼容。如果要从WebGL1升级，最好直接升级到WebGPU，一劳永逸
WebGPU是标准，各大浏览器都会支持。不像WebGL2，苹果直接不支持。
目前WebGPU虽然还未正式发布，但已经比较成熟了，也有相关的Demo可供学习
目录
以上是关于关于webGpu的 Label 层的设计的主要内容，如果未能解决你的问题，请参考以下文章