Flash制作簡(jiǎn)單的方形收縮的變換像冊(cè)特效_Flash教程
推薦:Flash片頭加載完美的loading的制作共三部分:1、基礎(chǔ)2、MovieClipLoader相關(guān)討論(較深入)3、V2組件相關(guān)問(wèn)題一、基礎(chǔ)很久沒(méi)有發(fā)技術(shù)日志了,要來(lái)就來(lái)個(gè)完美的。您別激動(dòng),一個(gè)小小的loading
用Flash簡(jiǎn)單制作一個(gè)像冊(cè)效果,本教程因?yàn)榻o大家提供了源文件,所以只是給大家簡(jiǎn)單的講解制作過(guò)程,希望大家把握制作的方法。
效果和Fla源文件如下:(單擊動(dòng)畫(huà)演示中的小圖可以看到效果)
Flash源文件下載:點(diǎn)擊這里下載Fla源文件(大小1M,自行殺毒)
制作步驟:
1、首先建立一個(gè)蒙板(遮照)影片剪輯。

2、然后從外部導(dǎo)入圖片,把導(dǎo)入的圖片轉(zhuǎn)變?yōu)橛捌糨嫞O(shè)置如下。

3、制作小的圖片縮略圖,也分別轉(zhuǎn)換為影片剪輯,設(shè)置如下。

4、添加Actionscript,如下代碼:
imageHeight = 280;
imageWidth = 360;
rows = 6;
boxWidth = imageWidth/rows;
boxHeight = imageHeight/rows;
imageTotal = 5;
thumbHeight = 56;
thumbWidth = 72;
padding = 20;
depth = 0;
newPos = 0;
boxSpeed = 2;
this.createEmptyMovieClip("boxes", 4004);
this.createEmptyMovieClip("top", 4003);
top.setMask(boxes);
mask = this.attachMovie("box", "mask", 4002);
mask._width = imageWidth;
mask._height = imageHeight;
mask._x = padding (mask._width/2);
mask._y = padding (mask._height/2);
this.createEmptyMovieClip("bottom", 4001);
bottom.setMask(mask);
shrink = false
function addBoxes() {
for (var i = 0; i<rows; i ) {
for (var j = 0; j<rows; j ) {
var b = boxes.attachMovie("box", "box" depth, depth);
b._width = boxWidth;
b._height = boxHeight;
b._x = (boxWidth/2) padding (boxWidth*i);
b._y = (boxHeight/2) padding (boxHeight*j);
depth ;
}
}
}
function resetBoxes() {
for (var i = 0; i<(rows*rows); i ) {
boxes["box" i]._width = boxWidth;
boxes["box" i]._height = boxHeight;
}
}
function shrinkBoxes() {
if (shrink) {
for (var i = 0; i<depth; i ) {
var b = boxes["box" i];
if (b._width>0) {
b._width -= boxSpeed;
b._height -= boxSpeed;
}
if (b._width < 1) {
shrink = false;
resetBoxes();
top._x = newPos;
break;
}
}
}
}
function addImages() {
for (var k = 0; k<imageTotal; k ) {
var m = top.attachMovie("image_" k, "image_" k, depth);
depth ;
var b = bottom.attachMovie("image_" k, "image_" k, depth);
depth ;
m._x = b._x=padding (mask._width*k);
m._y = b._y=padding;
var t = this.attachMovie("thumb_" k, "thumb_" k, depth);
depth ;
t._x = padding (thumbWidth*k);
t._y = (padding*2) imageHeight;
t.pos = k*-imageWidth;
t.onPress = function() {
if (newPos != this.pos) {
if (!shrink) {
bottom._x = newPos=this.pos;
shrink = true;
}
}
};
}
}
addBoxes();
addImages();
this.onEnterFrame = function() {
shrinkBoxes();
};
最后可以測(cè)試!假如有不明白的地方下載源文件自己研究吧!
分享:FLASH 8繪圖功能制作出無(wú)敵玉兔超凡的圖像本教程是利用FLASH8繪圖功能制作出無(wú)敵玉兔超凡的圖像,它簡(jiǎn)單易操作而且制作出的效果非常之棒。首先讓我們先看一下制作完成之后的效果如圖1所示:圖1現(xiàn)在我
- as中禁用ESC鍵
- AS3.0 圖片變黑白 圖片彩色變黑白代碼
- flash as3.0 跨域的解決辦法
- 模板無(wú)憂FLASH透明代碼
- Flash教你制作卡通MM眨眼睛動(dòng)畫(huà)
- Flash從零開(kāi)始學(xué)習(xí)創(chuàng)建單選按鈕
- Flash繪制小龍與花插畫(huà)場(chǎng)景
- Flash程序的測(cè)試方法
- Flash CS4文字顏色緩動(dòng)特效
- 網(wǎng)頁(yè)中演示類FLASH動(dòng)畫(huà)制作規(guī)范
- Flash CS3循環(huán)背景的運(yùn)用技巧
- Flash鼠繪技巧教你制作紅綠色的樹(shù)葉
Flash教程Rss訂閱網(wǎng)站制作教程搜索
Flash教程推薦
猜你也喜歡看這些
- Flash 8入門(mén)必練
- Flash8基礎(chǔ)與實(shí)例教程配套光盤(pán)
- Flash AS3.0教程之類入門(mén)到精通
- 《Flash CS3 Professional動(dòng)畫(huà)制作技能進(jìn)化手冊(cè)》--樣章、樣例、教學(xué)視頻
- 金鷹Flash 8 中文版視頻教程
- 韓語(yǔ)學(xué)習(xí)視頻教程 FLASH版50課時(shí)
- Flash as3.0視頻教程之實(shí)用教程
- 新東方王強(qiáng)口語(yǔ)Flash網(wǎng)絡(luò)課程第一、二冊(cè)
- Flash 8中文版MV及課件制作基礎(chǔ)培訓(xùn)百例
- Flash 8中文版應(yīng)用案例創(chuàng)意與設(shè)計(jì)
- 相關(guān)鏈接:
- 教程說(shuō)明:
Flash教程-Flash制作簡(jiǎn)單的方形收縮的變換像冊(cè)特效
。