教學主題: Flash AS2教程:製作360度全景動畫效果
大家好!! 小編今天來和大家分享關於 Flash/3D/CAD教程中的Flash教程教學
今天的這個教學主題是: Flash AS2教程:製作360度全景動畫效果
這教學的重點為這幾點 [ 動畫,效果,全景,製作,教程,//,前景,範圍,if,背景, ]
希望你可以從這幾點中領悟到修圖的精華
本文重點
本教程主要用Flash AS2代碼來製作360度全景動畫效果,效果的過度總體的來說還是比較流暢的,想學習的一起往下看吧.
本教程主要用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 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_mc._x = page_width; } if (img_mc._x>page_width) { img_mc._x = page_width-img_width; } if (bg_mc._x 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
看完小編分享的教學之後 是不是對Flash教程中的Flash/3D/CAD教程教學更熟悉了呢?
希望我們所介紹的 Flash AS2教程:製作360度全景動畫效果 這教學會喜歡
文章標題: 骨子愛創意- Flash AS2教程:製作360度全景動畫效果–轉載請註明來源處
本教學分類為Flash教程中的 Flash/3D/CAD教程相關教學
文章相關關鍵字為: 動畫,效果,全景,製作,教程,//,前景,範圍,if,背景,
本文永久連結 :Flash AS2教程:製作360度全景動畫效果
本文轉載自 :VIA