Flash AS2教程：制作360度全景動畫效果－IT工程師數位筆記本

文章出處

本教程主要用Flash AS2代碼來制作360度全景動畫效果,效果的過度總體的來說還是比較流暢的,想學習的一起往下看吧.

先看看最終效果圖：

1、首先找一張云層的圖片，要大一點的，在Photoshop里處理成左右兩連續的圖最好。

2、找一張風景圖片，然后將云層或者天空部分去掉，變成透明的，也在Photoshop里處理成左右兩連續的圖，存為png透明格式。

3、在主場景第一層第一幀中建立影片剪輯，實例名稱為：bg_mc,在bg_mc下創建影片剪輯實例：bg，進入bg編輯，導入剛剛找到的云層圖片。對齊坐標為0,0;

4、在主場景第二層第一幀中建立影片剪輯，實例名稱為：img_mc,在img_mc下創建影片剪輯實例：img，進入img編輯，導入剛剛處理過的風景圖片。對齊坐標為0,0;

5、在主場景第三層第一幀中加入以下AS代碼：

/as----------------------------------------------------
stop();
Stage.showMenu = false;
Stage.scaleMode = "noScale";
fscommand(allowscale, true);
img_mc.img.duplicateMovieClip("img1", 2);//復制前景；
bg_mc.bg.duplicateMovieClip("bg1", 2);//復制云層北京；
page_width = Stage.width;//設置鼠標感應范圍寬度
page_height = Stage.height;//設置鼠標感應范圍高度；
step = 40;//設置間隔時間；
img_mc.img._x = 0;//初始前景坐標位置；
img_mc.img1._x = -img_mc.img._width;//初始前景被拼合為環視圖
bg_mc.bg._x = 0;//初始背景坐標位置；
bg_mc.bg1._x = -bg_mc.bg._width;//初始背景被拼和為環視圖；
img_mc._y = 0;//初始前景和背景y軸位置；
bg_mc._y = 0;//
_root.onEnterFrame = function() {//根據幀頻持續調用函數；
img_width = img_mc._width/2;//設置前景鼠標檢測范圍；
bg_width = bg_mc._width/2;//設置背景鼠標檢測范圍；
if (_root._xmouse>0 && _root._xmouse<page_width && _root._ymouse>0 && _root._ymouse<page_height) {
//判斷鼠標是否在場景范圍內；
img_mc._x = img_mc._x-(_root._xmouse-page_width/2)/step;//控制前景循環；
bg_mc._x = bg_mc._x-(_root._xmouse-page_width/2)/step*1.3;//控制背景循環，速度比前景快1.3倍；
if (img_mc._x<-(img_width-page_width)) {//以下幾個if循環為檢測是否超出范圍；
img_mc._x = page_width;
}
if (img_mc._x>page_width) {
img_mc._x = page_width-img_width;
}
if (bg_mc._x<-(bg_width-page_width)) {
bg_mc._x = page_width;
}
if (bg_mc._x>page_width) {
bg_mc._x = page_width-bg_width;
}
}
};

素材：

Flash AS2教程：制作360度全景動畫效果,PS教程