预览模式: 普通 | 列表

 

源码下载点击这里

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

查看更多...

Tags: TimelineLite BitmapTileGrid allFrom

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

我的GreenSock产品学习计划

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

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

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

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

Tags: greensock

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

我本周一直在学习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 TweenMax TweenLite TimelineMax LoaderMax

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

我搜索了下,还没有关于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”

 

查看更多...

Tags: greensock BlitMask 加强遮罩

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

这两天因为某项目用到,使用了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 LiquidArea LiquidStage AutoFitArea

分类:greenSock | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 7948
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!

 

Tags: Pulse Particles emitter

分类:flash技术探讨 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 7145

上周写的一个汽车品牌滚动FLASH

为一个朋友的网站定制的FLASH动画,AS3编程,全部图片与数据都是通过XML文件调用。

点击这里查看效果页面

Tags: 定制FLASH 滚动广告

分类:我们的作品 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 5510

水波涟漪类测试-来自于天地会

 源码来自于:http://bbs.9ria.com/thread-102589-1-1.html

下面是我的精简测试:

Tags: 水波涟漪类

分类:flash技术探讨 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 5817

flash全站下载工具flashcacher下载

我也是从天地会上下载的,测试了一下,挺好用的。原理就是通过浏览器先把全站全一遍,然后把浏览器缓存中的swf,xml这些拷到你指定的目录来。

放在这里方便大家下载吧。

点击下载此文件

Tags: flashcacher flash全站抓取

分类:培训与招聘 | 固定链接 | 评论: 1 | 引用: 0 | 查看次数: 9263

一个朋友需要的演示片头。用了周末的半天时间,从国外网站上找了两个模板,反编后加入中文,进行了帧播放的调整。小活儿,就这样啦。

因为有音乐,动画效果请进入详细页面查看

查看更多...

Tags: 片头模板 flash模板

分类:我们的作品 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 6172

承接长沙PPT制作、设计、美化业务

 今天,帮一朋友美化了一个PPT,购买了一个动态模板、改造、重新制作部分图片等。

花了两小时,整体效果还不错。以后可以承接这方面业务。价格我想定在150元(20页,3-5个主模板)左右。

Tags: PPT制作 PPT美化 PPT模板设计

分类:服务报价 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 6486

啥都不说了,看效果,要说的话都在里面了。

我做了一点小工作,原来的版本不能显示汉字。找到源码中Piecemaker.as这个文件,注释掉两个tf.embedFonts = true;即可。

Tags: piecemaker 汉化 图片轮换 3D特效

分类:flash技术探讨 | 固定链接 | 评论: 6 | 引用: 0 | 查看次数: 10325

效果就是大家常见到的这种新闻图切换FLASH。不过因为原来网上流传的没有源码,一些细节不太完美,我自己写了一下,几个特点:

1、把一些参数外置到xml文件中,方便调用-有图片的高、宽、切换时间间隔、描述文字颜色。

2、下面的描述文字可以自动换行。

3、所有源码均为自己写成,方便做个性化定制。

4、代码中的计时器用的是tweenMax,很方便 。外部载入用的是XMLLoader和ImageLoader,不得不说,我是greensock产品的狂热粉丝。

点击下载此文件

Tags: 滚动图片 切换效果 新闻图片动画 源代码 greensock

分类:我们的作品 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 10649

FLASH全站自适用宽度背景及全屏测试

使用了greensock的AutoFitArea、LiquidStage两个类。节省了很多代码。顺便做了个很简单的全屏测试。

这几个小的技术点,都会在FLASH全站中经常用到。

源代码如下,greensock的类包请到天地会等 网站下载。

点击下载此文件

我做一个测试页:

http://www.contactu.cn/case/fullscreen/

特别注意:如果是在页面中全屏,而且flash player版本为10的,页面代码中一定要加入:

<param name="allowFullScreen" value="true" /> <embed ... allowfullscreen="true" />

版本为9的flash player似乎能够自动全屏。

Tags: flash全站 自适应背景 全屏

分类:flash技术探讨 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 7234