移动端适配一般我会使用rem进行适配,大致操作就是按照一定尺寸设计稿进行制作,最后将所有px值转换为rem,但是一些手机背景精灵图(cssSprite)就会出现一些误差(1px左右),如果公司要求不高倒也无所谓,但是我不能忍啊。 方法就是利用background-position百分比值替换rem值 ...
分类:
移动开发 时间:
2018-01-10 16:57:33
阅读次数:
203
一原理: 其实原理很简单,就是使用background-position在一张大图中定位裁剪出我们需要的一个部分,然后用这个部分当作单个的图片使用。 background-position(x,y). 简单描述:以图片的左上角为原点坐标,两个参数分别为x,y轴。 ...
分类:
Web程序 时间:
2018-01-09 10:20:28
阅读次数:
249
未来必热:SVG Sprite技术介绍 这篇文章发布于 2014年07月10日,星期四,18:03,归类于 SVG相关。 阅读 100049 次, 今日 15 次 by zhangxinxu from http://www.zhangxinxu.com本文地址:http://www.zhangxin ...
分类:
其他好文 时间:
2018-01-05 12:32:01
阅读次数:
221
十、按钮,Button 1、按钮的核心作用: 按钮能够接收单击并触发响应事件 按钮单击时能同时触发多个响应事件 按钮可以有普通、悬停、单击、禁用等多个状态的不同表现 广泛的说,按钮的核心在于接收事件 2、创建按钮: 【注意】:Laber的深度要高于这个按钮的深度 小提示:创建出来的Sprite记得单 ...
分类:
其他好文 时间:
2017-12-18 01:23:04
阅读次数:
115
十一、进度条UISlider 1、一般按以下规律使用进度条; 如果某一钟值,他有最大值,需要表达当前的值得占比,则可以使用不可拖动的进度条 如果某一值,他有最大值,需要玩家记性滑动设置,则可以使用可拖动进度条 2、手动创建Slider; 3、参数解释: Foreground:进度条表层的sprite ...
分类:
其他好文 时间:
2017-12-18 01:13:27
阅读次数:
121
九、输入框Input 1、凡是用户可以输入文本的地方,几乎都用输入框,有登录账号和密码、输入角色名称、输入聊天内容 2、手动拼接输入框,拖动预制体的就不再说了 (1)、创建一个Sprite作为输入框的底板 (2)、为输入框的底板附上UIInput组件 Attach-->InputField Scri ...
分类:
其他好文 时间:
2017-12-18 00:00:20
阅读次数:
123
分析系统架构 Sprite精灵类 ISprite精灵类是所有类的父类 CombatAircraft战斗机类 首先确保战斗机完全位于Canvas范围内,每隔7帧发射单发黄色子弹。 战斗机如果被击中,执行爆炸效果,具体来说,首先隐藏战斗机,然后创建爆炸效果,爆炸用28帧渲染完成,爆炸效果完全渲染完成后, ...
分类:
其他好文 时间:
2017-12-17 23:58:37
阅读次数:
439
六、UITexture:在屏幕上显示一张图片,和Sprite类似,但是UITexture会单独消耗一个DrawCall去渲染, 会单独加载进内存,会增加内存的开销。 1、使用UITexture时要遵循一下规律; (1)、当图片过大,不适合做成图集的时候,可以使用UITexture,此时要尽量保证图片 ...
分类:
其他好文 时间:
2017-12-17 19:22:15
阅读次数:
132
二、NGUI的图集制作: 1、概述: 将导入的图片资源全部制成一张图集,可以节约资源,当制成图集后,就可以将导入的图片资源进行删除, 再后续的操作直接使用图集中的图片即可,NGUI自带的Atlas Maker非常强大,这也是一大便利的方面。 2、图片的导入设置: 建议将图片的导入设置为Sprite( ...
分类:
其他好文 时间:
2017-12-17 15:57:01
阅读次数:
127
20162314 实验五 数据结构综合应用 0 分析系统架构 我们本次团队项目设定为基于Android系统Java架构下的打飞机小游戏 游戏中所有模型的原型设定是精灵,因此不管是敌机还是战斗机都是精灵类,精灵类是所有类的父类 精灵类(Sprite)下有三个子类,一个是战斗机类,也就是玩家;一个是走直 ...
分类:
其他好文 时间:
2017-12-17 00:58:49
阅读次数:
237