上一篇Uni2D 入门
Texture Atlas
我为什么应该使用Texture Atlas?
使用Atlas是一个普遍的好做法,而且它有很多好处。当有某些需要在屏幕渲染的时候,它背后带来的是draw call。由于不同的原因(例如渲染状态改变),一个draw call是一个很慢的操作,因此我们需要保持较低的draw call来保证较高的帧率。在移动设备上,接近30-40个draw call就开始变得危险了,具体取决于你的设备和渲染的场景。
幸运的是,在一些条件下,draw call是可以被批量处理的。unity会自动那么做,Atlas是帮助批处理draw call的一个方式:通过使用一个大texture(altas),不同的精灵能被批处理,只要它们共享同个texture。
有很多方式创建一个新的Uni2D atlas。最简单的方法是通过project窗口,通过点击“Create>Uni2D>Texture Atlas”.选择创建的Atlas就可以在inspector中显示它的属性了。
Atlas Inspector
核心设置部分
设置 |
描述 |
Material Overrider |
对于每个atlas texture,会生成一个新的material。你能通过选择material覆盖这个material。这个域留空none则使用Uni2D默认的material。 |
Maximum Atlas Size |
atlas texture最大的尺寸。一旦达到最大的尺寸,另一个最大尺寸大小的atlas texture这个altas texture将会在需要的时候被创建。 |
Padding |
每个atlas texture边框之间的空白像素的大小。 |
Texture部分
这部分列出了包含的texture。简单把你的texture拖到这里来把它们加到atlas中。
Output部分
这部分是纯信息它显示了这个atlas生成的数据。点击被显示的asset,在projtect视图中将高亮显示。
Actions部分
设置 |
描述 |
Apply |
点击应用设置,由于生成atlas是一个漫长的过程,因此不要在每一有设置变更就apply。 |
Revert |
点击取消你的改变。 |
Force atlas regeneration |
点击强制完全重新生成atlas clip。 |
Animation Clip
下一篇Uni2D 入门 -- Animation Clip 和 Animation API
分享到:
相关推荐
<uni-data-picker> 是一个选择类datacom组件。支持多列级联选择。列数没有限制,如果屏幕显示不全,顶部tab区域会左右滚动。 适用于uni-app使用uni-data-picker实现省市区选择器的json数据
这是一个使用uni-simple-router实现简单的路由守卫
应用uni-swipe-action组件实现列表项左划操作。 真正做到开箱即用。
uni-preset-vue-master uniapp项目模板
1、使用HbuildX工具,引入uni-ui插件,使用uni-swiper-dot组件,开发轮播图 2、轮播图的三种mode:nav、dot、indexes
uni-preset-vue模板
uni-app 自定义底部导航栏uni-app-bottom-navigation-master.zip
Uni-App离线开发工具包,即App离线SDK--2.9.8版本,以备不时之需。
uni-app-小程序自定义底部菜单样式示例
uni-app组件,来源:插件市场下载
uni-read-pages 通过 配合此库,可以随心所欲的读取 pages.json 下的所有配置 安装 您可以使用 Yarn 或 npm 安装该软件包(选择一个): Yarn yarn add uni-read-pages npm npm install uni-read-pages 开始 配置 ...
自定义日历,可以添加签到标志,显示阴阳日历。点击实现上下月与上下一年
uniapp中使用的车牌输入控件,弹出键盘点选
uni-app 侧边导航分类,适合商品分类页面uni-app-left-navigation-master.zip
uni-app-video(支持后台播放音频) demo实现思路: 正常唤起video组件播放,支持倍速等操作,全屏时提供开启后台播放音频; page hide时,后台播放audio标签,倍速恢复1.0正常播放;
Uni-App离线开发工具包,即App离线SDK--2.9.3版本,以备不时之需。
uni-app-日历组件
uni-auto-pagesuni-app 开发中根据规则自动配置页面 pages,分包 subPackages,和 condition 生成 pages.josn 的 webpack 插件,使得开发者不需要手动的去维护 pages.json。类似 vue-auto-routing,使用非常简单。安装...
改版uni-table插件功能,新增单击行事件、单击某td事件、单独修改某td的字体颜色;选中行样式修改。主要修改文件uni-tr、uni-td;
uni-simple-router案例