Flycan 飛肯設計學苑:教學網站


【Flash ActionScript 】文章精華區


【教學】 【ActionScript 教學】3D的旋轉選單 - 簡易版 -



【ActionScript 教學】3D的旋轉選單 - 簡易版 -
飛肯老師
註冊日期:
2008/2/24 18:28
留言: 1330
離線
【ActionScript 教學】3D的旋轉選單 - 簡易版 -


var DD:Number=0; // 變數「角度」
var RR:Number=0; // 變數「弧度」

var moveX:Number=0; // 變數「旋轉X」

var moveY:Number=0; // 變數「旋轉Y」

var centerX:Number=300; // 變數「圓心位置X」

var centerY:Number=150; // 變數「圓心位置Y」

var xLL:Number=180; // 變數「圓心半徑X」
    
var yLL:Number=50; // 變數「圓心半徑Y」

var speed:Number = 6; // 變數「旋轉移動速度」

function onEnterFrame(){

    if(
_root._xmouse>320){

        
DD += speed; //旋轉「角度」加上旋轉移動速度

    
}else if(_root._xmouse<280){

        
DD += speed*-1;

    }else{

        
DD += (speed-speed);

    }

    
RR = DD*(Math.PI/180); //旋轉「角度」換算為「弧度」

    
moveX = Math.cos(RR)*xLL + centerX; //用cos求出「旋轉X」移動

    
moveY = Math.sin(RR)*yLL + centerY; //用sin求出「旋轉Y」移動

    
_root.WAWA._x = moveX;

    
_root.WAWA._y = moveY;

    
_root.WAWA._xscale = moveY*0.5;

    
_root.WAWA._yscale = moveY*0.5;

    
_root.WAWA._alpha = moveY*0.5;

}


範例預覽如下: (使用 IE6 的人,要先用滑鼠點一下動畫,才看得到完整的效果喔~)



範例 fla 檔下載 http://www.flycan.com/board/download.php?id=825

2008/4/4 23:07
 


回覆: 【ActionScript 教學】3D的旋轉選單 - 簡易版 -
飛肯老師
註冊日期:
2008/2/24 18:28
留言: 1330
離線
四個一起旋轉~ (使用 IE6 的人,要先用滑鼠點一下動畫,才看得到完整的效果喔~)



2008/4/5 0:19
 


回覆: 回覆: 【ActionScript 教學】3D的旋轉選單 - 簡易版 -
飛肯老師
註冊日期:
2008/2/24 18:28
留言: 1330
離線
四個一起旋轉~ 教學


function FLYFLY(WHO, DD) {
   
RR = 0;

   
xLL = 200;

   
yLL = 100;

   
centerX = 300;

   
centerY = 150;

   
WHO.onEnterFrame = function() {

      if (
_root._xmouse>350) {

         
DD += 5;

      } else if (
_root._xmouse<250) {

         
DD -= 5;

      } else {

         
DD += 0;

      }

      
RR = (Math.PI/180)*DD;

      
MOVEY = Math.sin(RR)*yLL+centerY;

      
MOVEX = Math.cos(RR)*xLL+centerX;

      
WHO._x = MOVEX;

      
WHO._y = MOVEY;

      
WHO._xscale = MOVEY*0.8;

      
WHO._yscale = MOVEY*0.8;

   };

}


FLYFLY(BALL1,0);

FLYFLY(BALL2,90);

FLYFLY(BALL3,180);

FLYFLY(BALL4,270);


範例預覽如下: (使用 IE6 的人,要先用滑鼠點一下動畫,才看得到完整的效果喔~)






範例 fla 檔下載 http://www.flycan.com/board/download.php?id=886

2008/4/5 0:23
 


回覆: 回覆: 回覆: 【ActionScript 教學】3D的旋轉選單 - 簡易版 -
會員一級
註冊日期:
2008/7/11 13:59
留言: 3
離線
請問~像這些程式碼我要怎麼放在flash裡做??
因為我從來沒碰過flash動畫,所以連一個最簡單的動畫都不會
但又很好奇像這樣類似的動畫是如何完成的~
可以請偉大的老師教教我嗎???
拜託拜託!!!!

2008/7/14 20:02
 


回覆: 回覆: 回覆: 回覆: 【ActionScript 教學】3D的旋轉選單 - 簡易版 -
飛肯老師
註冊日期:
2008/2/24 18:28
留言: 1330
離線

chein423 寫道:
請問~像這些程式碼我要怎麼放在flash裡做??
因為我從來沒碰過flash動畫,所以連一個最簡單的動畫都不會
但又很好奇像這樣類似的動畫是如何完成的~
可以請偉大的老師教教我嗎???
拜託拜託!!!!


推薦您一本很適合初學者看的書

「碼上就會-Flash CS3動畫設計寶典」作者:趙英傑 出版社:上奇科技

這一本書有大量的圖解說明,還有包含重要觀念的互動影片!

Open in new window

2008/7/14 21:06
 


回覆: 回覆: 回覆: 回覆: 回覆: 【ActionScript 教學】3D的旋轉選單 - 簡易版 -
會員一級
註冊日期:
2008/7/11 13:59
留言: 3
離線
http://www.jcmachine.com.tw/about.htm
那像這個公司的網頁是如何製作的呢?
因為以前在學校有學過dREAMWEAVER可是沒有很深入的學
但最近接了一個認識的機械公司拜託我幫他們做一個網站
我的構想是~把3D的旋轉選單這樣的動畫作為網站的第一頁
再來點進來就是這個公司網頁內容的架構
可否請老師指點呢??
很急!!!

2008/7/15 15:23
 


回覆: 回覆: 【ActionScript 教學】3D的旋轉選單 - 簡易版 -
會員一級
註冊日期:
2009/2/13 21:55
留言: 4
離線
你好,請問一下...
如果是四個一起轉的效果,
除了滑鼠移到中心點時可以停止旋轉外,
可以移到物件上時就停止旋轉嗎?


2009/3/4 17:51
 


可以讓它有按鈕的功能嗎
會員一級
註冊日期:
2010/4/23 16:15
留言: 1
離線
會連結了
可是想讓它有按鈕的功能
就類似這樣的效果
http://medialand.com.tw/home.htm

感謝~~

2010/4/23 17:53
 


回覆: 【ActionScript 教學】3D的旋轉選單 - 簡易版 -
會員三級
註冊日期:
2010/11/27 22:36
留言: 33
離線
好可愛~謝謝老師

2010/11/27 22:47
 




正在瀏覽:   1 名訪客






[高級搜索]


 

課程首頁】 【最新開課時間表】 【範例教學分享區】 【交流討論區】 【企業包班】 【詢問課程】 【合作提案】 【誠徵講師

 

【飛肯設計學苑】 台北市公園路 30-1 號 5 樓 聯絡電話:(02)2370-1122 / 0925-014-000 信箱:flycan@flycan.com.tw
服務時間:(平日)下午 1 點 ~ 晚上 10 點 / (假日)早上 9 點 ~ 下午 5 點

 

台北市短期補習班立案 第 6631 號

http://www.flycan.com.tw/ 電腦設計教學中心

【 Flycan.com 】 Powered by XOOPS