中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

您的位置: 首頁 > 技術(shù)文檔 > 多媒體制作 > Making Things Move 第三章
Making Things Move 第四章 回到列表 關(guān)于廣告點擊率的原理
 Making Things Move 第三章

作者:alan98 時間: 2008-05-10 文檔類型:翻譯 來自:藍色理想

第 1 頁 三角學(xué)應(yīng)用 [1]
第 2 頁 三角學(xué)應(yīng)用 [2]
第 3 頁 三角學(xué)應(yīng)用 [3]
第 4 頁 三角學(xué)應(yīng)用 [4]
第 5 頁 三角學(xué)應(yīng)用 [5]
第 6 頁 三角學(xué)應(yīng)用 [6]
第 7 頁 三角學(xué)應(yīng)用 [7]
第 8 頁 三角學(xué)應(yīng)用 [8]
第 9 頁 三角學(xué)應(yīng)用 [9]

繪制波形

最后,在 Wave2.as 中,不再使用小球,轉(zhuǎn)而使用繪圖API來繪制正弦波形。代碼如下:

package {
 import flash.display.Sprite;
 import flash.events.Event;
 public class Wave2 extends Sprite {
  private var angle:Number = 0;
  private var centerY:Number = 200;
  private var range:Number = 50;
  private var xspeed:Number = 1;
  private var yspeed:Number = .05;
  private var xpos:Number;
  private var ypos:Number;
  public function Wave2() {
   init();
  }
  private function init():void {
   xpos = 0;
   graphics.lineStyle(1, 0, 1);
   graphics.moveTo(0, centerY);
   addEventListener(Event.ENTER_FRAME, onEnterFrame);
  }
  public function onEnterFrame(event:Event):void {
   xpos += xspeed;
   angle += yspeed;
   ypos = centerY + Math.sin(angle) * range;
   graphics.lineTo(xpos, ypos);
  }
 }
}

下一章我們會詳細講述繪圖API,大家也應(yīng)該有興趣來執(zhí)行一下這個文件,觀察一下繪制出的波形。注意,由于 Flash 的Y軸是反向的,所以繪制出的波形也是顛倒的。

圓和橢圓

目前為止我們已經(jīng)掌握了正弦波,下面再來看看它的兄弟,余弦波。與正弦波的形成相同,只不過是使用余弦函數(shù)代替了正弦函數(shù)而已。如果你還記得前面所說的正弦和余弦是怎樣一種相反關(guān)系的話,就能理解,它們只是波形都相同,只是所處位置不同了。圖3-19 為余弦波圖像:

圖3-19 余弦波形

可見,余弦圖像中0度和2pi度(或360度)的值都為1,從1開始經(jīng)過 0,-1,0, 最后回到1。所以,它與正弦曲線相同,只不過位置發(fā)生了一點偏移。

圓形運動

在執(zhí)行物體移動的動畫時,完全可以使用余弦來代替正弦。實際上,余弦和正弦協(xié)同工作時,才能形成一個更加有用的功能:使物體沿圓形運動,如圖3-20。

圖3-20 物體沿圓形運動時的幾個點

如圖3-20所示,以圖中的圓為例,盯住右側(cè)的那直角條邊(y),然后開始對它進行旋轉(zhuǎn),我們發(fā)現(xiàn)這條邊正在被倒置。這條邊的中心點就是圓心,而它的運動范圍就是這個圓的半徑。就像在第一個正弦實驗中一樣,我們可以計算出這條邊的長度:角的正弦值乘以半徑。在這里,使用正弦函數(shù)非常合適,當(dāng)我們從側(cè)面觀察這個圓時,就可以算出 y 的長度——對邊的長度。如果把這個圓放倒,再來觀察它,發(fā)現(xiàn)角是在向前向后或向左向右移動的。這時,可以使用余弦函數(shù)計算出 x 的長度——鄰邊的長度。重要的一點是,兩個的夾角都是相同的,而不像 Random.as 那個例子中使用不同的角度計算 x,y 坐標。這里我們只需要記住用正弦函數(shù)計算 y ,用余弦函數(shù)計算 x。下面請看 ActionScript 代碼:

package {
 import flash.display.Sprite;
 import flash.events.Event;
 public class Circle extends Sprite {
  private var ball:Ball;
  private var angle:Number = 0;
  private var centerX:Number = 200;
  private var centerY:Number = 200;
  private var radius:Number = 50;
  private var speed:Number = .1;
  public function Circle() {
   init();
  }
  private function init():void {
   ball = new Ball();
   addChild(ball);
   ball.x = 0;
   addEventListener(Event.ENTER_FRAME, onEnterFrame);
  }
  public function onEnterFrame(event:Event):void {
   ball.x = centerX + Math.cos(angle) * radius;
   ball.y = centerY + Math.sin(angle) * radius;
   angle += speed;
  }
 }
}

大家可以自己寫這個例子,也可以打開 Circle.as 作為文檔類。執(zhí)行后發(fā)現(xiàn),獲得了一個完美的圓。這段代碼的精華就是使用余弦來確定 x 坐標,使用正弦來確定 y 坐標,你應(yīng)該對他們的關(guān)系非常了解了。在 Flash 中,只要提到 x ,你就應(yīng)該馬上想到余弦,并且還能聯(lián)想到 y 使用正弦。請在最后這段代碼上多花些時間,它將是 ActionScript 動畫工具箱中最有用的工具之一。

出處:藍色理想
責(zé)任編輯:bluehearts

上一頁 三角學(xué)應(yīng)用 [7] 下一頁 三角學(xué)應(yīng)用 [9]

◎進入論壇RIA設(shè)計與應(yīng)用版塊參加討論

相關(guān)文章 更多相關(guān)鏈接
Making Things Move 第四章
用photoshop制作文字波動動畫
制作旗幟飄揚動畫
Silverlight制作逐幀動畫
Making Things Move 第二章
作者文章
Making Things Move 第四章
Making Things Move 第二章
Making Things Move 第一章
貪吃蛇游戲代碼翻譯
關(guān)鍵字搜索 常規(guī)搜索 推薦文檔
熱門搜索:CSS Fireworks 設(shè)計比賽 網(wǎng)頁制作 web標準 用戶體驗 UE photoshop Dreamweaver Studio8 Flash 手繪 CG
站點最新 站點最新列表
周大!熬•自然”設(shè)計大賽開啟
國際體驗設(shè)計大會7月將在京舉行
中國國防科技信息中心標志征集
云計算如何讓安全問題可控
云計算是多數(shù)企業(yè)唯一擁抱互聯(lián)網(wǎng)的機會
阿里行云
云手機年終巨獻,送禮標配299起
阿里巴巴CTO王堅的"云和互聯(lián)網(wǎng)觀"
1499元買真八核 云OS雙蛋大促
首屆COCO桌面手機主題設(shè)計大賽
欄目最新 欄目最新列表
淺談JavaScript編程語言的編碼規(guī)范
如何在illustrator中繪制臺歷
Ps簡單繪制一個可愛的鉛筆圖標
數(shù)據(jù)同步算法研究
用ps作簡單的作品展示頁面
CSS定位機制之一:普通流
25個最佳最閃亮的Eclipse開發(fā)項目
Illustrator中制作針線縫制文字效果
Photoshop制作印刷凹凸字體
VS2010中創(chuàng)建自定義SQL Rule
>> 分頁 首頁 前頁 后頁 尾頁 頁次:8/91個記錄/頁 轉(zhuǎn)到 頁 共9個記錄

藍色理想版權(quán)申明:除部分特別聲明不要轉(zhuǎn)載,或者授權(quán)我站獨家播發(fā)的文章外,大家可以自由轉(zhuǎn)載我站點的原創(chuàng)文章,但原作者和來自我站的鏈接必須保留(非我站原創(chuàng)的,按照原來自一節(jié),自行鏈接)。文章版權(quán)歸我站和作者共有。

轉(zhuǎn)載要求:轉(zhuǎn)載之圖片、文件,鏈接請不要盜鏈到本站,且不準打上各自站點的水印,亦不能抹去我站點水印。

特別注意:本站所提供的攝影照片,插畫,設(shè)計作品,如需使用,請與原作者聯(lián)系,版權(quán)歸原作者所有,文章若有侵犯作者版權(quán),請與我們聯(lián)系,我們將立即刪除修改。

您的評論
用戶名:  口令:
說明:輸入正確的用戶名和密碼才能參與評論。如果您不是本站會員,你可以注冊 為本站會員。
注意:文章中的鏈接、內(nèi)容等需要修改的錯誤,請用報告錯誤,以利文檔及時修改。
不評分 1 2 3 4 5
注意:請不要在評論中含與內(nèi)容無關(guān)的廣告鏈接,違者封ID
請您注意:
·不良評論請用報告管理員,以利管理員及時刪除。
·尊重網(wǎng)上道德,遵守中華人民共和國的各項有關(guān)法律法規(guī)
·承擔(dān)一切因您的行為而直接或間接導(dǎo)致的民事或刑事法律責(zé)任
·本站評論管理人員有權(quán)保留或刪除其管轄評論中的任意內(nèi)容
·您在本站發(fā)表的作品,本站有權(quán)在網(wǎng)站內(nèi)轉(zhuǎn)載或引用
·參與本評論即表明您已經(jīng)閱讀并接受上述條款
推薦文檔 | 打印文檔 | 評論文檔 | 報告錯誤  
專業(yè)書推薦 更多內(nèi)容
網(wǎng)站可用性測試及優(yōu)化指南
《寫給大家看的色彩書1》
《跟我去香港》
眾妙之門—網(wǎng)站UI 設(shè)計之道
《Flex 4.0 RIA開發(fā)寶典》
《贏在設(shè)計》
犀利開發(fā)—jQuery內(nèi)核詳解與實踐
作品集 更多內(nèi)容

雜⑦雜⑧ Gold NORMANA V2