本教程主要用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; } } };

素材：

進入論壇參與討論和交作業：http://www.missyuan.com/viewthread.php?tid=425897