search
尋找貓咪~QQ 地點 桃園市桃園區 Taoyuan , Taoyuan

[ Flash教程 ] Flash CS4教學:立體夢幻星空旋轉3D地球- Flash/3D/CAD教程 - 骨子愛創意

教學主題: Flash CS4教程:立體夢幻星空旋轉3D地球

大家好!! 小編今天來和大家分享關於 Flash/3D/CAD教程中的Flash教程教學

今天的這個教學主題是: Flash CS4教程:立體夢幻星空旋轉3D地球

這教學的重點為這幾點 [ 旋轉,地球,星空,夢幻,教程,立體,//,var,funct ]

希望你可以從這幾點中領悟到修圖的精華

本文重點

本教程主要用Flash CS4製作立體夢幻星空旋轉3D地球。

演示:
 

 

本教程用BitmapSphereBasic類,創建改變旋轉方向和移動貼圖的實例。

1、新建AS3.0 flv文檔,文檔屬性,500*500像素,幀頻60fps ,存盤。如圖1:

Flash CS4教學:立體夢幻星空旋轉3D地球




2、導入製作球體和背景的圖片到庫中,右鍵單擊球體貼圖圖片,命名為Earth。如圖2:

Flash CS4教學:立體夢幻星空旋轉3D地球

3、創建名為dotClip的影片剪輯,圖層1繪製15*15筆觸黑色,填充色為#cccccc的圓形,第2幀插入關鍵幀。添加圖層2,在第2 幀插入關鍵幀,繪製5*5無筆觸,顏色為黑色的圓形。圖層結構如圖3:

Flash CS4教學:立體夢幻星空旋轉3D地球

4、返回場景1,圖層1拖入背景圖片。

5、添加as層輸入代碼:

//導入BitmapSphereBasic類
import com.flashandmath.cs4.BitmapSphereBasic;
//創建一個行星
var board:Sprite = new Sprite();
//添加到顯示列表
this.addChild(board);
//生成 datatype BitmapSphereBasic 的一個函數。
// 設定函數初始值。
var ball:BitmapSphereBasic;
//旋轉的一個布爾值的函數。
var autoOn:Boolean = true;
//兩個函數為鼠標旋轉。
var prevX:Number;
var prevY:Number;
//行星的位置.
var ballX:Number = 250;
var ballY:Number = 250;
//貼圖
var imageData:BitmapData = new Earth(800,548);
ball = new BitmapSphereBasic(imageData);
board.addChild(ball);
ball.x = ballX;
ball.y = ballY;
//濾鏡
ball.filters = [new GlowFilter(0xB4B5FE,0.6,32.0,32.0,1)];
this.addEventListener(Event.ENTER_FRAME,autoRotate);
board.addEventListener(MouseEvent.ROLL_OUT,boardOut);
board.addEventListener(MouseEvent.MOUSE_MOVE,boardMove);
board.addEventListener(MouseEvent.MOUSE_DOWN,boardDown);
board.addEventListener(MouseEvent.MOUSE_UP,boardUp);
function autoRotate(e:Event):void {
if (autoOn) {
ball.autoSpin(-1);
}
}
//三個偵聽為旋轉和鼠標。
function boardOut(e:MouseEvent):void {
autoOn = true;
}
function boardDown(e:MouseEvent):void {
prevX = board.mouseX;
prevY = board.mouseY;
autoOn = false;
}
function boardUp(e:MouseEvent):void {
autoOn = true;
}
function boardMove(e:MouseEvent):void {
var locX:Number = prevX;
var locY:Number = prevY;
//取反
if (! autoOn) {
prevX = board.mouseX;
prevY = board.mouseY;
ball.rotateSphere(prevY – locY, – (prevX – locX),0);
e.updateAfterEvent();
}
}

6、把附件中的com解壓到同一目錄下,完工測試。

Dot.rar

com.rar




看完小編分享的教學之後 是不是對Flash教程中的Flash/3D/CAD教程教學更熟悉了呢?

希望我們所介紹的 Flash CS4教程:立體夢幻星空旋轉3D地球 這教學會喜歡

文章標題: 骨子愛創意- Flash CS4教程:立體夢幻星空旋轉3D地球–轉載請註明來源處

本教學分類為Flash教程中的 Flash/3D/CAD教程相關教學

文章相關關鍵字為: 旋轉,地球,星空,夢幻,教程,立體,//,var,funct

本文永久連結 :Flash CS4教程:立體夢幻星空旋轉3D地球

本文轉載自 :VIA



熱門推薦

本文由 designhtd01com_0 提供 原文連結

寵物協尋 相信 終究能找到回家的路
寫了7763篇文章,獲得2次喜歡
留言回覆
回覆
精彩推薦