湖南长沙前端开发与培训－通途工作室-前端开发,技术培训,动效研究,求职信息

BitmapTileGrid 及TimelineLite实现过渡效果--代码解析

作者:admin 日期:2011-12-31

以下是我的理解..................................

分类:greenSock | 固定链接 | 评论: 1 | 引用: 0 | 查看次数: 9329

我的GreenSock产品学习计划

作者:admin 日期:2011-12-31

近半年来我一直在关注和使用GreenSock的工具类。发现在国内，能系统的认识和使用这个工具类的朋友并不多。多数人只了解这个系列中的tweenlite等有限的几种。我经过半年的学习，已经基本了解了这个工具库的几大产品主线，以及常用API知识。我也定期访问http://forums.greensock.com论坛，查看一些常见问题的解答。另外，http://www.snorkl.tv/这应该是GS作者的一个教程库，我也做了RSS订阅。

其实，GS强大的系列产品，已经囊括了FLASH网站建设和交互的许多常用功能。在此之前，我已经在天地会论坛：9ria.com上写了五六篇推介文章。也在blueidea.com上解答了一些问题。不是自己的水平很高，而是想借此不断的鞭策自己去掌握更多的知识。同时也寻找一些同行的朋友。

以后所有的原创和翻译文章，我会先在自己的这个博客上发表，然后再转载到天地会和其它网站上去。

我计划还会陆续开辟一个Flint粒子系统的子栏目，有时间，再学习一个3D相关的工具类，以完善自己的工具类的知识面。

Tags: greensock greensock

分类:greenSock | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 9401

GreenSock产品简介-TweenMax、TimelineMax及LoaderMax

作者:admin 日期:2011-12-31

我本周一直在学习GreenSock的这几款产品，感觉非常实用，因此把掌握到的一些情况跟大家分享一下。我在中文网上也看了一些资料，多数都是针对某一个产品的，不方便搞清全系列的关系，我现在所有看到的东西都是来自其官网：http://www.greensock.com-----首页上这个大动画概括了很多特性，可以好好看看，能回放的。
--------------------------------------------------------
开源（免费）产品系列：
TweenMax系列是用来实现对MC的各种缓动效果的。
包括TweenNano、TweenLite、TweenMax三兄弟，实际关系是max包含lite,lite又包含nano，也就是说，这实际上同一个核心，只不过视不同场合而用。nano最小，官网介绍仅为1.6K,即使MAX最大价格也不过区区17.6K--实际上这也是GreenSock所有产品的特性，体积非常小！

TimelineMax系列是用来实现时间轴调度的，可以用来包含子时间轴，可以装载TweenMax全系列生成的时间轴。他同样包含了TimelineLite的最小化产品。稍加学习，与TweenMax相结合，咱也可以写出比美swish的那种变化效果来！

LoaderMax是用来实现预载入效果的，最大特点就是无区别的装入动画、图片、声音、文本及一切你可以想到的需要载入的东西（好长一句话....憋死我了）。我还没时间仔细研究他的方法，不过就网上提供的那个实例看到，他可以完全动态的调整载入次序，并提供了丰富的子进度、总进度属性。
--------------------------------------------------------
特色：
我这里说的，不是其官网的介绍，而是我自己一些实际体会。
1、跟其它产品比较，体积很小，这也是GreenSock作者自己颇自豪的一件事。
2、官网有丰富的文档、实例、讨论，非常有利于学习。
API文档很详细（不过API中要是加入更多语法实例就好了）。官网还提供了产品简介、特色、语句实例、初步进度、网友的实做案例讲解等资源--我在学习时是时常在各个页面间跳来跳去。
另外单产品都提供了SWF文件，对同一个产品的各个参数，在一个界面中进行了展示，非常有用。
3、可应用的事件、方法非常多，甚至可以说是复杂。对于运动、时间轴等各个时间段，都提供了接口。比如：onStart、onUpdate、onRepeat、onComplete、onReverseComplete，还可以实现YOYO（来回）、循环、反走、延迟等很多MC运动和时间轴运动。
4、语法简练，可以一句代码控制MC的多个状态，也可以一句控制多个物体。
------------------------------------------------------
版权及会员
作者宣称以上开源产品是不能用于商业产品的（但可以自由下载）。并提供了个人会员和企业会员两大类，数个级别的收费支持。个人可以通过撰写教材给官网的方法，得到作者提供的会员权利。
不过我看了一下，除了会员中的较高级别，其它跟免费使用并无多大区别。不过收费产品中，我看到了一些令人震撼的效果，有钱人不仿一试。
个人会员25、50、99美元；企业会员150、500、1500美元每年。
-----------------------------------------------
网友提供的实例资源：
http://www.greensock.com/learning/
我已经试过了，所有源码随便免费下载！还带讲解！包里一般都已经带有了类库。
--------------------------------------------------
其它：
提供的视频讲解很多放在youtube.com，可自行fanqiang。
官网对IE6支持不太好。
--------------------------------------------------

我学AS3时间不久，很多表达还不太准确，请大家多指正，希望我写到的东西，对大家能有帮助。咳....是不是讲太多了，就此打住。

Tags: greensock greensock TweenMax TweenMax TweenLite TweenLite TimelineMax TimelineMax LoaderMax LoaderMax

分类:greenSock | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 10408

greensock的新工具类BlitMask（遮罩）应用实例

作者:admin 日期:2011-12-31

我搜索了下，还没有关于BlitMask的中文介绍，在GS的官网上，这个类也刚推出没多久。昨天我在GS某作者的博客上发现的示例包，当下来试用了一下，发现不错，推荐给大家。

简言之，这个类主要是用来替代传统的MASK，并且加强了功能。主要特点有：

1、句法简单，参数丰富，一句话生成遮罩并与被遮罩目标绑定，如

var blitMask1:BlitMask = new BlitMask( strip1, strip1.x, strip1.y, strip1.width, 100, false, true, 0xffff00, true);

2、其宣称是进行独立渲染模式，画面平滑、速度快，尤其针对动态文字、上千行的文字等情况。号称“Scroll up to 1000% faster”

分类:greenSock | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 8592

全屏利器！介绍下gs的LiquidArea,LiquidStage，附带AutoFitArea

作者:admin 日期:2011-12-31

这两天因为某项目用到，使用了LiquidStage，正好看到本坛子上有人问，随后写一下。
这三个类都是GS的收费类，关于类文件的下载在本论坛上就有，自己可搜索一下。注意版本问题，我曾在站内某资源贴上跟贴过较新版本的信息。
---------------------------------------------------------------------------------------------------------
LiquidArea,LiquidStage是一类，主要是用于当swf的舞台宽度发生变化时，舞台对象应该如何变化的策略。举个最常用的例子，比如有个LOGO，我们希望他一直显示在动画的右上角，但是当在不同宽度的显示器、或是浏览器宽度被人为调整时，这个位置肯定会有不同。通常人工算法会使用onsize这样的函数来进行重定位，但是gs的这个工具类，把这些常用定位功能进行了打包，并提供了强大的工具支持。

我简单翻译一下LiquidStage官方简介及我的理解：
代码为：var lsiquidStage = new LiquidStage(this.stage, 550, 400, 550, 400);

+ 显示对象无须位于root位置，由代码可知，this.stage可以替换成别的容器mc；
+ 虽然被自动定位，但仍允许你用别的方式，对定位对象进行重定位-----哈哈，这个很方便；
+ 可建立自己的定位体系（工具默认有一个九宫格位置，足够用了）；
+ 改动位置时产生listeners侦听；
+ 不强制你对齐到左上角-这个我还不太理解
+ 有一个控制区范围，可选择在这个范围之外，不进行控制-----这实际就是上述代码的四个数字参数的用法）

LiquidArea则相对好理解得多，就是把舞台视为一个容器，看将定位对象如何放置到这个容器中，一般应该是用来进行背景对象的定位。

官方示例结合了以上两种工具：http://www.greensock.com/as/LiquidStage/
-----------------------------------------------------------------------------------------------------
AutoFitArea则更好理解了，他跟LiquidArea不同的是，LiquidArea的容器是舞台stage对象，而AutoFitArea是控制某个舞台中的容器对象，以达到改变容器中对象尺寸的目的。
AutoFitArea示例：http://www.greensock.com/autofitarea/
-----------------------------------------------------------------------------------------
以上三者结合，基本可以搞定FLASH全站中舞台、容器级的尺寸变化的问题，非常实用！而且官网参数丰富，示例明确。大家可以跟我多交流。

Tags: greensock greensock LiquidArea LiquidArea LiquidStage LiquidStage AutoFitArea AutoFitArea

分类:greenSock | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 7985

收到Pulse Particles原开发者的邮件回复，解决了一个小技术问题

作者:admin 日期:2011-12-18

Hi!

You need to put the emitter inside a movieclip, and then tween that parent movie clip. There are some limitations in the library that makes this necessary.

Sorry for taking so long to respond,

-Marc

2011/12/13 嘟嘟 <258754@qq.com>

hi marc!

i am from china and my english is poor.so i need your help.

i like your Pulse Particles.and i have watched your teaching video of http://rogue-development.com/experiments/pulseParticle.swf.

but when i tested it, i don't move the "emitter".

I want to create the flash timeline's tween,just like you do in your video.

but,it does not export the swf that I hoped.

Do you give me some advice? please look at my Attachment file of .fla.

THANK YOU!