转载自http://www.w3cplus.com/css3/web-animations-api-tutorial-part-1-creating-a-basic-animation.html 我们已经初步了解了统一web动画API的内容，但是我们还没有真正去对规范的细节进行探讨，所以现在开始吧。 ...
如果还没看前一篇，可以移驾看看：ios 3D引擎 SceneKit 开发(4) –关于旋转的几点问题(1)上一篇我们用CABasicAnimation 来模拟了太阳-地球-月球的天体运动。其中月球绕太阳运动和月球绕地球运动都可以看做一个点绕另一个点作圆周运动。（当然现实中是椭圆运动，有远地点，近地点，这里我们看作圆周运动）一个点绕另一个点作圆周运动，是不是很熟悉。对，就是我们之前学习的数学知识，这里...
分类：
移动开发 时间：
2016-05-13 03:20:17
阅读次数：
216
前面关于旋转的两篇我们利用CABasicAnimation来实现旋转动画，其实在SceneKit中，有一种更为简单的方法去实现一些基础动画，那就是SCNAction，它的执行对象是SCNNode。一个简单的例子：SCNAction *shipMoveAction = [SCNAction moveTo:SCNVector3Make(10,10,5) duration:4];[shipRotation...
分类：
移动开发 时间：
2016-05-12 18:50:50
阅读次数：
226
旋转模型是经常遇到了，其实我们之前用CABasicAnimation 可以旋转一个view，其实它也可以旋转一个SCNNode。首先我们要明白一个概念，每个SCNNode 都有自身的三维坐标系，用CABasicAnimation就是让SCNNode绕自身的三维坐标轴旋转，所以要特别注意是坐标轴，不是这个SCNNode的几何中心。一般SceneKit 的几个几何体的坐标系原点(0,0,0)就是这个SC...
分类：
移动开发 时间：
2016-05-07 08:05:49
阅读次数：
411
1.Tween Animation 变换动画Alpha:渐变透明度动画
Scale:渐变尺寸缩放动画
Translate:位置移动动画
Rotate：旋转动画共同属性：
（1）Duration：动画持续时间（单位：毫秒）
（2）fillAfter：设置为true，动画转化在动画结束后被应用
（3）fillBefore：设置为true，动画转化在动画开始前被应用
（4）interpolator：动画插...
分类：
移动开发 时间：
2016-05-06 16:24:46
阅读次数：
286
前言 本教程写了这个效果图的demo，同时总结CABasicAnimation的使用方法。 看完gif动画完，看到了什么？平移、旋转、缩放、闪烁、路径动画。 实现平移动画 实现平移动画，我们可以通过transform.translation或者水平transform.translation.x或者垂 ...
分类：
其他好文 时间：
2016-05-03 16:14:41
阅读次数：
182
CALayer需要导入这个框架：#import <QuartzCore/QuartzCore.h> 一、CALayer常用属性 CALayer注意点 隐式属性动画的本质是这些属性发生变动是，默认隐含了CABasicAnimation动画实现，所以看起来是有动画效果的，默认0.25秒 在CALayer ...
分类：
其他好文 时间：
2016-04-29 13:49:53
阅读次数：
128
一、position和anchorPoint position：用来设置CALayer在父层中的位置，以父层的左上角为原点(0, 0) anchorPoint（锚点）： 称为“定位点”、“锚点” 决定着CALayer身上的哪个点会在position属性所指的位置 以自己的左上角为原点(0, 0) 它 ...
分类：
移动开发 时间：
2016-04-29 08:08:24
阅读次数：
231
CoreAnimation 是一个抽象类，是所有动画的底层实现。系统提供了以下几个子类： CABasicAnimation 基础动画 ，对属性的变化作动画，只做一次动画； CAKeyframeAnimation CAAnimationGroup CATransitoin 转场动画页面切换效果动画 C ...
分类：
其他好文 时间：
2016-04-22 23:45:08
阅读次数：
287
