1.  ui frame的3部分

 

 

1.  hud

 

 缓存

 

 2. draw window

 

 

 

 widget树的层级的上面和下面都要计算。

（1）弄平

 

 递归调用每个容器，容器包容器包容器，递归进入容器

更多的代码要执行，更多的表要查询，cpu缓存没有命中，修改：

 

 widget tree是代码执行这些widget的task graph的表示

更少层 更少的函数调用 更少的递归

（2）hittestInvisible和selfHittestInvisible而不是visible。widget不加入hittest grid，子孙不被hittest。

 

 

（3）删掉tick函数，事件驱动

 

 

3. slate prepass

 

 

 

 widget geometry影响它层级向上的和向下的。

 

 

（1）用collapse代替hidden，去掉整个task graph分支。

 

 hidden还有geometry，还有重新计算它和它的子孙的geometry。

 （2）invalidation box

 

 容器 缓存geometry和可见性。有时有问题，用代码解决。

4.高级ui

 

 用smeshWidget直接用材质渲染2d mesh。

 

 instance

 

 在render batch，你可以用一个渲染的instance数量去渲染一个mesh的多个instance，把那个buffer传给材质shader。在一个buffer里渲染许多instance。

用于粒子发射器

 

 

 

 在gpu上渲染的。

 

相同的widget用instance，如图，小地图中的同样的icon：

 

 

 

 render geometry是gpu控制的，不需要prepass。

相比普通的，减少了层数，发送的render command数目。

 

 用在所有的复杂widget上。同样东西多个widget或持续移动的东西。

 

 不能用sequence工具。不同的工作流，在shader里layout。美术要依赖程序去改这些bespoke 定制的widget。

5. 总结

 

 

 

https://www.youtube.com/watch?v=OyY3OYbNK7s