環型立體旋轉的動態文字

來源:互聯網
上載者:User

操作步驟:

  1、啟動Flash,選擇[檔案]--[建立] 命令,建立一個 Flash 文檔。按下[Ctrl+J]按鍵組合,開啟“文件屬性”對話方塊,設定編輯區的大小為400px×150px,背景色為黑色。

  2、選擇[插入] [建立元件]命令,開啟“建立新元件”對話方塊,在“名稱”文字框中輸入字元film,在“行為”選項區中選中“影片剪輯”選項按鈕,如圖1所示。

 

  3、、單擊[確定]按鈕,進入元件的編輯區。選擇工具箱中的“文本工具”,在“屬性”面板中設定文本類型為“動態文本”,字型為“方正粗倩簡體”,字型大小為50,顏色為白色,線條類型為“單行”,在編輯區中會產生一個動態文字框。

  4、選中文字框,在“屬性”面板的“變數”文字框中輸入字元textl,如圖2所示。

 

  5、單擊“情境1”表徵圖,切換到“情境1”。選擇[視窗] [庫]命令,開啟“庫”面板,從中拖動film元件到編輯區中。選中film執行個體,在“屬性”面板的“執行個體名稱”文字框中輸入字元film,如圖3所示。

 

  6、選中第1幀,按[F9]鍵,開啟“動作”面板,在命令編輯區中添加如下動作指令碼:

// 定義圓環在動畫中的位置
xos = 200;
yos = 70;
sineof = 0;
magnitude = 130;
rspeed = 0.0036;
sb = 0.28;
// 設定圓環中動態顯示的常值內容,你可以根據自己的需要修改
myText = "Flash178.com";
myLength = myText.length;
i = 1;
// 依次將你設定的動態文本中的每個字母放置到複製的動畫片段film中
for (i; i<=myLength; i++) {
 duplicateMovieClip("film", "char"+i, i);
 _root["char"+i]._x = xos;
 _root["char"+i]._y = yos;
 _root["char"+i].text1 = myText.charAt(i-1);
}

  7、分別用滑鼠右鍵單擊第2幀和第3幀,在彈出的捷徑功能表中選擇“插入空白主要畫面格”選項,插入兩個空白主要畫面格。

  8、在第2幀中添加如下動作指令碼語句:

i=1;
i = 1;
// 擷取當前滑鼠座標,並換算圓環中各文字的位移及旋轉角度
xm = _root._xmouse;
nxm = ((xos-xm)-4*(xos-xm))/6*rspeed;
for (i; i<=myLength; i++) {
 // 離觀眾越遠的文字越小,並且透明度越小,從而產生層次及立體感
 nxn = Math.cos(sineof+sb*i)*100;
 xsubval = Math.abs(Math.cos((sineof+sb*i)/2)*100);
 _root["char"+i]._x = Math.sin(sineof+sb*i)*magnitude+xos;
 _root["char"+i]._alpha = xsubval;
 _root["char"+i]._xscale = nxn;
 _root["char"+i]._yscale = xsubval+15;
}
sineof += nxm;

  9、在第3幀中添加如下動作指令碼語句:

gotoAndPlay(_currentframe-1);

   10、按[Ctrl+Enter]按鍵組合測試動畫效果。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.