笔者所在的前端团队主要从事移动端的H5页面开发，而团队使用的适配方案是: viewport units + rem。具体可以参见凹凸实验室的文章 – 利用视口单位实现适配布局 。 笔者目前（2017.08.12）接触到的移动端适配方案中，「利用视口单位实现适配布局」是最好的方案。不过使用 rem 作 ...
分类：
其他好文 时间：
2017-10-12 19:17:13
阅读次数：
725
一：StoryBoard 一般翻译成演示图版或者故事板，就像电影中的情节串联板，它是一个动画时间线的容器。 二：动画的分类 简单动画：以Animation结尾，例如DoubleAnimation 关键帧动画：以AnimationUsingKeyFrames结尾 简单动画主要是定义两个值，一个起点，一 ...
分类：
其他好文 时间：
2017-10-08 15:26:42
阅读次数：
108
定时帧 动画看起来是用来显示一段连续的运动过程，但实际上当在固定位置上展示像素的时候并不能做到这一点。一般来说这种显示都无法做到连续的移动，能做的仅仅是足够快地展示一系列静态图片，只是看起来像是做了运动。 我们之前提到过iOS按照每秒60次刷新屏幕，然后CAAnimation计算出需要展示的新的帧， ...
分类：
其他好文 时间：
2017-10-05 13:05:12
阅读次数：
248
Animation是Android给我们提供的一个可以实现动画效果的API,利用Animation我们可以实现一系列的动画效果,比如缩放动画,透明度动画,旋转动画,位移动画,布局动画,帧动画等等.Android基础动画分为四种,分别是Tween Animation,Frame Animation,L ...
分类：
其他好文 时间：
2017-09-28 10:46:29
阅读次数：
238
此处Egret逐帧动画借助Flash以及TextureMerger工具来生成文件（1：动画描述文件Json，动画图集文件）本人以一只飞行的鸟为例先看Flash，如下flash的项目名称为fly.fla舞台帧信息，A和B为帧标签打开texturemerger，选择egretmovieclip。将fly.swf拖入到编辑区，取名Bird，如下：..
分类：
其他好文 时间：
2017-09-25 11:28:10
阅读次数：
549
首先需要将精灵动作帧动画图片使用TexturePacker创建plist，创建好后，将生成的plist和png图片（所有帧动画图片集成的一张大图）； 百牛信息技术bainiu.ltd整理发布于博客园 1、进行预加载操作 [javascript] view plain copy cc.spriteFr ...
分类：
Web程序 时间：
2017-09-24 15:26:59
阅读次数：
190
window.requestAnimationFrame() 方法告诉浏览器您希望执行动画，并请求浏览器调用指定的函数在下一次重绘之前更新动画。该方法使用一个回调函数作为参数，这个回调函数会在浏览器重绘之前调用。 如果你想做逐帧动画的时候，你应该用这个方法。这就要求你的动画函数执行会先于浏览器重绘动 ...
动画的基础 动画是WPF的核心部分，随着对窗体程序体验的要求增加，动画表现越来越重要，WPF天生就是基于图形的，所以天生具有动画的基因，我们常说的动画，无非就三种方式实现： 逐帧动画 逐帧动画是一种常见的动画形式（Frame By Frame），其原理是在"连续的关键帧"中分解动画动作，也就是在时间... ...
animation 动画效果组成 通过类似Flash动画中的关键帧来声明一个动画 在animation属性中调用关键帧声明的动画，从而实现一个更为复杂的动画效果 animation的子属性 animation-name : 主要用来指定一个关键帧动画的名字，这个动画名必须对应一个@keyframes ...
分类：
Web程序 时间：
2017-08-26 19:53:09
阅读次数：
267
物联网金融 Your browser does not support the audio element. Your browser does not support the audio element. Your browser does not supp... ...
分类：
Web程序 时间：
2017-08-22 19:47:10
阅读次数：
602
