foundation silverligh3 animation 读书笔记<1>transform
2010-08-22 23:18
267 查看
最基本的动画效果当属transform,它分为translate,rotate,scale,skew,flip这几种形式,下面是我简要的总结
Translate:只要是位置上的变化(基于动画对象x,y轴这种位置的变化)
Rotate:自身的旋转,在blend里transform标签下的Rotate设置angle,angle>0,顺时针旋转;angle<0则是
Scale:自身的缩放。eg:scale x=2,则动画对象x轴方向放大2倍,
Skew:倾斜, x,y轴的倾斜
Flip:(这个不太好描述)在看过具体的动画效果后,我觉得 翻转比较贴切(沿x,y轴)
在使用上面的这几种形式的transform 时都应选好centerpoint(参照点,我觉得很重要)。
看到园子里面也有朋友写关于transform的文章,具体的步骤也懒得说了。基本上这本书中的前面3章中基本上讲的就是这些基本的动画。
1.skew and centerPoint
这个例子是这本书里面的一个例子,我做的一些改进,让这个类似风扇旋转的效果。这个动画效果的改进的关键点就在于centerpoint的选取,显然在这个Rotate动画里面centerPoint选取的是中间的轴。
2.通常上面说到的动画效果都是对动画体,当然也有的一些动画效果是通过改变动画体的属性来实现的 比如opacity,visiblity,height,width,,color关于这几个我都做过练习
3.Flip 这个动画效果男理解,特别是x,y轴同时翻转时,出来的动画效果几乎没发去理解,如下图中第3个球的效果
Translate:只要是位置上的变化(基于动画对象x,y轴这种位置的变化)
Rotate:自身的旋转,在blend里transform标签下的Rotate设置angle,angle>0,顺时针旋转;angle<0则是
Scale:自身的缩放。eg:scale x=2,则动画对象x轴方向放大2倍,
Skew:倾斜, x,y轴的倾斜
Flip:(这个不太好描述)在看过具体的动画效果后,我觉得 翻转比较贴切(沿x,y轴)
在使用上面的这几种形式的transform 时都应选好centerpoint(参照点,我觉得很重要)。
看到园子里面也有朋友写关于transform的文章,具体的步骤也懒得说了。基本上这本书中的前面3章中基本上讲的就是这些基本的动画。
1.skew and centerPoint
这个例子是这本书里面的一个例子,我做的一些改进,让这个类似风扇旋转的效果。这个动画效果的改进的关键点就在于centerpoint的选取,显然在这个Rotate动画里面centerPoint选取的是中间的轴。
2.通常上面说到的动画效果都是对动画体,当然也有的一些动画效果是通过改变动画体的属性来实现的 比如opacity,visiblity,height,width,,color关于这几个我都做过练习
3.Flip 这个动画效果男理解,特别是x,y轴同时翻转时,出来的动画效果几乎没发去理解,如下图中第3个球的效果
相关文章推荐
- 读书笔记<1>——指令:计算机的语言
- android之Animation<1>
- <<JavaScript高级程序设计>>读书笔记
- <<C++标准STL>>读书笔记--算法之变动性算法
- curl:<1> Protocol "'http" not supported or disabled in libcurl
- 第十四周 实践项目<1>--数组大折腾(4)
- windows核心编程<读书笔记三>内核对象
- 第四周 【项目1-三角形类的构造函数】<1>
- <python快速入门>读书笔记
- <<windows核心编程>>读书笔记---第4章 进程
- 程序设计第二次作业<1>
- away3d 4.1 alpha 教程 模型篇 <1> Max中的制作带有骨骼动作的模型
- Windows核心编程<读书笔记十二>纤程
- 代码的未来读书笔记<一>
- <<iText in Action 2nd>>5.1 Decorating tables using table and cell events 读书笔记
- <<程序员面试宝典>>读书笔记 3
- 让代码写得更好看---变量<1>
- <学习总结1>
- <<轻松scrum之旅-敏捷开发故事>>读书笔记
- Python<1>List