603/093
AS3-TextFly effect using TweenMax 鏂囧瓧椋炲嚭鏁堟灉
Demo:
The core codes is so easy here using TweenMax:
import gs.TweenMax;
//瀛樻斁瀛楃涓
var str:String = "TextField 绫荤敤浜庡垱寤烘樉绀哄璞′互鏄剧ず鍜岃緭鍏ユ枃鏈 SWF 鏂囦欢涓殑鎵鏈夊姩鎬佹枃鏈瓧娈靛拰杈揂ctionScript 鎻愪緵浜嗗绉嶅湪杩愯鏃惰缃枃鏈牸寮忕殑鏂规硶銆 TextFormat 绫诲厑璁告偍璁剧疆 TextField 瀵硅薄鐨勫瓧绗﹀拰娈佃惤鏍煎紡銆 鎮ㄥ彲浠ヤ娇鐢 TextField.styleSheet 灞炴у拰 StyleSheet 绫绘潵瀵规枃鏈瓧娈靛簲鐢ㄥ眰鍙犳牱寮忚〃 (CSS) 鏍峰紡銆 鎮ㄥ彲浠ヤ娇鐢 CSS 璁剧疆鍐呯疆 HTML 鏍囩鐨勬牱寮忋佸畾涔夋柊鐨勬牸寮忚缃爣绛炬垨搴旂敤鏍峰紡銆傛偍鍙互灏 HTML 鏍煎紡鐨勬枃鏈紙璇ユ枃鏈彲浠ラ夋嫨浣跨敤 CSS 鏍峰紡锛夌洿鎺ュ垎閰嶇粰鏂囨湰瀛楁銆傚垎閰嶇粰鏂囨湰瀛楁鐨 HTML 鏂囨湰鍙互鍖呭惈宓屽叆鐨勫獟浣擄紙褰辩墖鍓緫銆丼WF 鏂囦欢銆丟IF 鏂囦欢銆丳NG 鏂囦欢鍜 JPEG 鏂囦欢锛夈傛枃鏈湪宓屽叆鐨勫獟浣撴梺鑷姩鎹㈣锛岃繖涓 Web 娴忚鍣ㄧ殑鏂囨湰鍦 HTML 鏂囨。涓祵鍏ョ殑濯掍綋鏃佹崲琛岄潪甯哥被浼笺侳lash Player 杩樻敮鎸侀儴鍒 HTML 鏍囩锛屽彲浠ヤ娇鐢ㄨ繖浜 HTML 鏍囩璁剧疆鏂囨湰鏍煎紡銆 瑕佹煡鐪嬪彈鏀寔 HTML 鏍囩鐨勫垪琛紝璇峰弬闃呭 htmlText 灞炴х殑鎻忚堪銆";
//涓存椂瀛樻斁瀛楃涓
var tmpstr:String;
//瀛楃涓查暱搴
var countTotal:uint=str.length;
//鏍煎紡璁剧疆
var tft:TextFormat = new TextFormat();
tft.font = "Verdana";
tft.color = 0x666666;
init();
function init(){
//璧嬪
tmpstr = str;
//姣100ms鍑哄彂涓娆★紝鍏辫Е鍙慶ountTotal娆
var t:Timer=new Timer(100,countTotal);
t.addEventListener ("timer", textFly);
t.addEventListener("timerComplete",reFly);
t.start ();
}
function textFly (_evt:TimerEvent) {
//trace (_evt.target.currentCount);
//寤虹珛涓涓猼f
var e_str:TextField=new TextField();
//缁欎釜闅忔満澶у皬
tft.size =Math.random()*48+12;
e_str.defaultTextFormat = tft;
//tf鐨則ext鐢ㄥ綋鍓嶈疆鍒扮殑瀛楃
e_str.text=tmpstr.charAt(0);
e_str.selectable=false;
tmpstr =tmpstr.substr(1);
txtInfo.text=tmpstr;
addChild (e_str);
//椋炲惂锛屽瀛
TweenMax.to(e_str, 2, {x:-100, y:300, bezier:[{x:500, y:0},{x:500, y:300}],onComplete:clearText,onCompleteParams:[e_str]});
};
function reFly(_evt:TimerEvent){
var btnReFly:TextField=new TextField();
btnReFly.text="btnReFly";
btnReFly.x=450;
btnReFly.y=300;
btnReFly.selectable=false;
btnReFly.addEventListener(MouseEvent.CLICK,btnReFlyClk);
addChild(btnReFly);
}
function btnReFlyClk(_evt:MouseEvent){
clearText (_evt.target)
init();
}
function clearText (_mc) {
removeChild (_mc);
}
2910/080
TweenLiteMax浠嬬粛
涓釜瀹樻柟閾炬帴锛孉S2鐗堟湰鐨勶紝http://blog.greensock.com/tweenmaxas2/
涓嬭竟鏄竴浜涙晥鏋滐紝鎭╋紝涓汉姣旇緝鎯婂枩鐨勬槸鍙堣礉璧涘皵鏇茬嚎鐨凾ween鐗堟湰锛屽緢濂斤紝寰堝己澶э綖
涓嬭竟杩欎釜鏄鑹叉笎鍙樼殑锛
涓嬭竟杩欎釜鏄畝鍗曞姛鑳界殑Tween锛
瀹樻柟杩樻湁TweenLite锛孴weenFilterLite锛孴weenMax3涓殑姣旇緝锛屾湁鍏磋叮鐨勫彲浠ュ幓鐪嬩笅閭d釜琛ㄦ牸鈥︹﹀緢闀库︹