2008年10月24日星期五

今天很高興 - 本班FLASH都是高手如雲

今天很高興FLASH都是高手如雲
而我的FLASH已不再走向單一動畫
今天教學生使用一些CS3的指令
指令都很簡單
例如 :
隱藏滑鼠指標 : 指令
Mouse.hide();
Mouse.show();
簡單吧

2008年10月23日星期四

FLASH CS3 -音樂展 -load

音樂展 – load()

1. 建立影片元件,並命名音樂影片 / 內容自行設計
2. 建立5個按鈕元件,並分別命名play , stop , up , down , countine。
3. 按鈕內容自行設計
4. 回到場景 , 建立四個圖層,並改名為影片、按鈕、文字、指令
5. 選取圖層:影片 / 按Ctrl + L / 拖曳影片元件至場景中
6. 選取圖層:按鈕 / 按Ctrl + L / 拖曳5個按鈕元件至場景中
7. 分別命實體名稱:play_bt , stop_bt , up_bt , down_bt , countine_bt
8. 選取圖層:文字 / 增加2個動態文字欄位 / 分別命名 : position_txt , soundLength_txt
9. 選取指令圖層的第1影格 / 按 F9 鍵:動作視窗
輸入以下內容
var my_sound:Sound=new Sound(new URLRequest("dayblack.mp3"));


var my_channel;


sound_bt.addEventListener("click",loader_complete);
stop_bt.addEventListener("click",stop_complete);
count_bt.addEventListener("click",count_complete);
up_btn.addEventListener("click",upclick);
down_btn.addEventListener("click",downclick);



function loader_complete (e:Event){

my_channel =my_sound.play();

var NL = Math.floor(my_sound.length / 1000);
var myM = Math.floor(NL / 60);
var myS = Math.floor(NL % 60);

soundLength_txt.text="曲目總長度:" + myM + "分" + myS + "秒";
this.addEventListener("enterFrame",songPosition);
}

function songPosition (e:Event){
var num = Math.floor(my_channel.position/1000);
var mymin = Math.floor(num/60);
var mysec = num % 60;
position_txt.text = "曲目已播放:" + mymin + "分" + mysec + "秒";
}

function stop_complete (e:Event){
var pausePosition:int = my_channel.position;
my_channel.stop();


}
function count_complete (e:Event){
var pausePosition:int = my_channel.position;
my_channel = my_sound.play(pausePosition);


}

function upclick(me:MouseEvent){
var my_soundtransform = my_channel.soundTransform;
my_soundtransform.volume +=0.1;
if (my_soundtransform.volume > 1)
my_soundtransform.volume =1;
my_channel.soundTransform = my_soundtransform;
}


function downclick(me:MouseEvent){
var my_soundtransform = my_channel.soundTransform;
my_soundtransform.volume -=0.1;
if (my_soundtransform.volume < 0)
my_soundtransform.volume =0;
my_channel.soundTransform = my_soundtransform;
}

FLASH CS3 - 畫展 - random更正

1. 建立影片FLASH:影片元件,並命名影片。
2. 檔案 / 匯入多張圖片 / 一個影格一張圖片
3. 回到場景 , 建立二個圖層,並改名為上圖層、下圖層
4. 選取圖層:下圖層 / 按Ctrl + L / 拖曳圖片元件至場景中
5. 選取影片元件 / 點選 屬性 / 設定實體名稱:daypic_mc
6. 選取上圖層的第1影格 / 按 F9 鍵:動作視窗
7. 輸入以下內容
myNum = Math.floor(Math.random()*7+1);
daypic_mc.gotoAndPlay(myNum);
daypic_mc.height=myNum*200;
daypic_mc.alpha=myNum*15;
daypic_mc.width=myNum*400;
daypic_mc.x=myNum*400;
daypic_mc.y=myNum*400;

程式解說
Math.random() : 亂數產生0-1之間
daypic_mc.gotoAndPlay(myNum); : 影片播放
height : 高 , width : 寬 , alpha : 透明度
X : 水平位置 , Y : 垂直位置

FLASH CS3 - 選單設計 - URL

元件的設計
背景 / 前景
按 Ctrl + F8 / 建立圖像元件:BG_FD、BG_BK
註 : 用於選單背景
按鈕元件【熱門、古典、現代、鄉村】
按 Ctrl + F8 / 建立按鈕元件:M1、M2、M3、M4、M5
按 Ctrl + F8 / 建立啟動按鈕元件:START

選單元件【結合所有按鈕的圖像】
按 Ctrl + F8 / 建立圖像元件:Menu
選取圖層1 /將背景拖曳至場景中
增加圖層2 / 按 Ctrl + L / 拖曳按鈕元件:M1至背景區域中
請依序將M1到M5拖曳至場景中 , 分別命名url1_bt到url5_bt

選單元件【動畫選單】
按 Ctrl + F8 / 建立影片元件:AC_Menu
按 Ctrl + L / 拖曳圖像元件:Menu至場景中
選第10個影格 / 按F6鍵 / 選第20個影格 / 按F6鍵
選取1到20個影格 / 設定建立移動補間動畫
選第10影格 / 按 F9 / 輸入下列指令: this.stop();

選第1影格 / 按 F9 / 輸入下列指令:
this.stop();
url1_bt.addEventListener("click",url1);

function url1(me:MouseEvent){
var req:URLRequest= new URLRequest();
req.url="http://tw.yahoo.com";
navigateToURL(req);
}
url2_bt.addEventListener("click",url2);

function url2(me:MouseEvent){
var req:URLRequest= new URLRequest();
req.url="http://www.google.com.tw";
navigateToURL(req);
}
url3_bt.addEventListener("click",url3);

function url3(me:MouseEvent){
var req:URLRequest= new URLRequest();
req.url="http://www.zimei.com.tw";
navigateToURL(req);
}
url4_bt.addEventListener("click",url4);

function url4(me:MouseEvent){
var req:URLRequest= new URLRequest();
req.url="http://alexsir.blogspot.com";
navigateToURL(req);
}
url5_bt.addEventListener("click",url5);

function url5(me:MouseEvent){
var req:URLRequest= new URLRequest();
req.url="http://www.pchome.com.tw";
navigateToURL(req);
}
場景的設計
建立二個圖層:按鈕、指令
選圖層:按鈕 / 按 Ctrl + L / 拖曳按鈕元件:START至場景
選取按鈕元件:START / 屬性 / 設定實體名稱:start_bt
選圖層:按鈕 / 按 Ctrl + L / 拖曳影片元件:MENU至場景
選取影片元件:MENU / 屬性 / 設定實體名稱:menu_mc
選圖層:指令/ 選第1個影格 / 按 F9 / 輸入下列指令:
start_bt.addEventListener("click",startmenu);

function startmenu(me:MouseEvent){
menu_mc.play();
}

2008年10月22日星期三

FLASH CS3 -閃爍文字 – 濾鏡

1. 選取圖層1【layer1】 /第1個影格【frame】 / 輸入文字
2. 選取文字FLASH【場景中的文字】
3. 選取屬性 / 選取濾鏡 / 選取 + / 設定效果
4. 選取第5個影格【frame】 / 按 F6【複製關鍵影格】
5. 選取屬性 / 選取濾鏡 / 選取 + / 取消設定效果
6. 選取第10個影格【frame】 / 按 F6【複製關鍵影格】
7. 按鍵盤 Ctrl + Enter:執行動畫測試

FLASH CS3 -形變暗點設計

1. 選取圖層1【layer1】 / 第1個影格【frame】 / 輸入文字F
2. 選取文字F【場景中的文字】/ 按CTRL + B 【打散】
3. 選取圖層1【layer 1】 /第10個影格【frame】 / 按F7
4. 輸入文字L /選取文字L / 按CTRL + B 【打散】
5. 選取建立形變動畫
6. 選取圖層1【layer1】 / 第1個影格【frame】 / 選取文字F
7. 選取 修改 / 形狀 / 選取增加形狀提示點
8. 請修正提示點的設計前後位置
9. Ctrl + Enter:執行動畫測試

FLASH CS3 - 形變動畫設計

形變動畫設計

1. 選取圖層1【layer1】 / 第1個影格【frame】 / 輸入文字F
2. 選取文字F【場景中的文字】/ 按CTRL + B 【打散】
3. 選取圖層1【layer1】 / 第5個影格【frame】 / 按 F6
4. 選取打散的文字
5. 點選 修改[功能表] / 形狀 / 設定柔化效果
6. 第10個影格【frame】 / 按 F6
7. Ctrl + Enter:執行動畫測試

2008年10月21日星期二

FLASH CS3 - 放大縮小設計 -if ... else

放大縮小設計
影片的元件
1. 按 Ctrl + F8 / 建立影片元件:Photo
2. 選取檔案【功能表】/ 選 匯入【清單項目】/ 匯入至元件庫
3. 按 Ctrl + I / 設定圖片大小 / 設定中心點對齊
鏡框的元件
1. 按 Ctrl + F8 / 建立圖像元件:BORDER
2. 選矩形工具 / 繪製一個方框面【比圖片大一點】
遮色片的元件
1. 按 Ctrl + F8 / 建立圖像元件:MASK
2. 選矩形工具 / 繪製一個方框面【比圖片大一點】
按鈕的元件
按 Ctrl + F8 / 建立按鈕元件:LF_BT、RF_BT、 UP_BT、DN_BT

註: 按鈕影格說明
Up:一般正常顯示 Over:滑鼠滑入
Down:按下滑鼠左鍵 Hit:執行範圍
場景的設計
1. 建立六個圖層:指令、按鈕、座標、邊框、遮色片、影片
2. 選圖層:影片/ 按Ctrl + L / 選影片元件:Photo至場景中
3. 選影片元件:Photo / 屬性 / 設定實體名稱:photo_mc。
4. 選圖層:遮色 / 按Ctrl + L / 選圖像元件:Mask至場景中
5. 選 圖層名稱 / 按右鍵 / 選取遮色片
註:與圖像元件:Photo重疊。
6. 選圖層:按鈕 / 選按鈕元件:LF_BT、RF_BT、DN_BT、UP_BT至場景中
7. 分別設定實體名稱:lf_bt , rf_bt,up_bt,down_bt。
8. 選圖層:邊框 / 按Ctrl + L / 選圖像元件:boder至場景中
9. 選圖層:座標 / 請自行增加X,Y,W,H等靜態文字 , 請自行增加txtx,txty,txtw,txth等動態文字
10. 選圖層:指令 / 選取第一個影格 / 按 F9 / 加入下列指令
var myx = photo_mc.x;
var myy = photo_mc.y;
var myw = photo_mc.width;
var myh = photo_mc.height;

txtx.text=myx;
txty.text=myy;
txtw.text=myw;
txth.text=myh;

add_bt.addEventListener("click",add_photo);
sub_bt.addEventListener("click",sub_photo);
rf_bt.addEventListener("click",rf_photo);
lf_bt.addEventListener("click",lf_photo);
up_bt.addEventListener("click",up_photo);
down_bt.addEventListener("click",down_photo);

function add_photo(me:MouseEvent){
myw = photo_mc.width;
myh = photo_mc.height;
myw += 5;
myh += 5;
photo_mc.width=myw;
photo_mc.height=myh;
txtw.text=myw;
txth.text=myh;
}

function sub_photo(me:MouseEvent){
myw = photo_mc.width;
myh = photo_mc.height;
myw -= 5;
myh -= 5;
if(myw<25){
myw=20;
}
else{
photo_mc.width=myw;
photo_mc.height=myh;
}
txtw.text=myw;
txth.text=myh;
}

function rf_photo(me:MouseEvent){
myx = photo_mc.x;
myx += 10;
if(myx>500){
myx=500;
}
photo_mc.x=myx;
txtx.text=myx;
}

function lf_photo(me:MouseEvent){
myx = photo_mc.x;
myx -= 10;
if(myx<170){
myx=170;
}
photo_mc.x=myx;
txtx.text=myx;
}

function up_photo(me:MouseEvent){
myy = photo_mc.y;
myy -= 10;
if(myy<40){
myy=40;
}
photo_mc.y=myy;
txty.text=myy;
}

function down_photo(me:MouseEvent){
myy = photo_mc.y;
myy += 10;
if(myy>280){
myy=280;
}
photo_mc.y=myy;
txty.text=myy;
}
Ctrl + Enter:執行動畫測試

Flashcs3 -文字拆解

1. 選取Text Tool(T)
2. 於場景中任何位置 / 按一下滑鼠左鍵
3. 選 屬性 工具列 / 設定文字的格式
4. 直接輸入文字內容【如:FLASH】
5. 用滑鼠右鍵選取 FLASH 文字/ 分散至圖層

FLASH CS3 - 時間軸特效

設定特效
1. 選取【Text Tool(T)】
2. 於場景中任何位置 / 按一下滑鼠左鍵
3. 選 屬性 工具列 / 設定文字的格式
4. 直接輸入文字內容【如:FLASH】
5. 選取圖層1【layer1】 / 第1個影格【frame】
6. 選取插入【功能表】/ 時間軸特效 / 特效 / 模糊
7. 設定效果內容 / 確定

修改特效
1. 選取圖層1【layer1】 / 第1個影格【frame】
2. 選取修改【功能表】/ 時間軸特效 / 編輯特效
3. 設定效果內容 / 確定

FLASH CS3 - 比大小遊戲 - addEventListener

比大小遊戲
元件的設計
影片元件【骰子】
1. CTRL + F8 / 輸入骰子名稱 / 選取影片片段 / 確定
2. 選取圖層1 / 更改名稱:點數
3. 選取點數圖層 / 選第1個影格 / 選矩形工具 / 畫一個矩形
4. 填入漸進色 / 選取圓形工具 / 畫一個圓形。
5. 選第2個影格 / 按 F6 / 再加一個圓形
6. 直到六個點數完成


7. 請增加圖層 / 選取新圖層 / 更改名稱:指令
8. 選取指令圖層 / 選第1個影格 / 按滑鼠右鍵 / 動作
9. 請輸入下列指令
myNum = Math.floor(Math.random()*6+1);
gotoAndPlay(myNum);

註 : 第1到第6個影格都要有同樣的指令內容
影片元件【猜大 、猜小、 繼續】
CTRL + F8 / 輸入猜大名稱 / 選取按鈕 / 確定
選一般影格 / 選取矩形工具 / 畫一個矩形。
選取文字工具鈕 / 輸入 猜大 / 即可 完成 按鈕設計

註:其他二個鈕請自行複製此按鈕設計
場景的設計
建立二個圖層 / 並分別命名為【畫面(MAIN)、訊息(INFO)】
一 畫面圖層設計
選圖層:MAIN / 按 Ctrl + L / 拖曳骰子二次並命名為 LF_MC及RF_MC
選取圖層 : MAIN / 將猜三個按鈕拖曳至場景 , 分別命名 : BIG_BT , SMALL_BT , COUNT_BT
選取圖層 : MAIN / 將結果影片拖曳至場景 , 分別命名 : ANS_MC

選取指令圖層 / 選第1個影格 / 按 F9 / 加入動作指令內容如下

ans_mc.gotoAndStop(1);

big_bt.addEventListener("click",big_dic);
small_bt.addEventListener("click",small_dic);
count_bt.addEventListener("click",count_dic);

function big_dic(me:MouseEvent){
var myNum = Math.floor(Math.random()*6+1);
var amyNum = Math.floor(Math.random()*6+1);


var total=0;

lf_mc.gotoAndStop(myNum);
rf_mc.gotoAndStop(amyNum);
total=myNum+amyNum;

if(total>7){
ans_mc.gotoAndStop(2);
}
else{
ans_mc.gotoAndStop(3);
}

}


function small_dic(me:MouseEvent){
var myNum = Math.floor(Math.random()*6+1);
var amyNum = Math.floor(Math.random()*6+1);
var total=0;
total=myNum+amyNum;
lf_mc.gotoAndStop(myNum);
rf_mc.gotoAndStop(amyNum);

if(total<=7){
ans_mc.gotoAndStop(2);
}
else{
ans_mc.gotoAndStop(3);
}

}

function count_dic(me:MouseEvent){
var myNum = Math.floor(Math.random()*6+1);
var amyNum = Math.floor(Math.random()*6+1);
lf_mc.gotoAndPlay(myNum);
rf_mc.gotoAndPlay(amyNum);
ans_mc.gotoAndStop(1);

}

2008年10月20日星期一

FLASH CS3 - 畫展 - random

1. 建立圖片FLASH:影片元件,並命名影片。
2. 回到場景 , 建立二個圖層,並改名為上圖層、下圖層
3. 選取圖層:下圖層 / 按Ctrl + L / 拖曳圖片元件至場景中
4. 選取圖片元件 / 點選 屬性 / 設定實體名稱:daypic_mc
5. 選取上圖層的第1影格 / 按 F9 鍵:動作視窗
6. 輸入以下內容
myNum = Math.floor(Math.random()*7+1);
daypic_mc.gotoAndPlay(myNum);
daypic_mc.height=myNum*200;
daypic_mc.alpha=myNum*15;
daypic_mc.width=myNum*400;
daypic_mc.x=myNum*400;
daypic_mc.y=myNum*400;

程式解說
Math.random() : 亂數產生0-1之間
daypic_mc.gotoAndPlay(myNum); : 影片播放
height : 高 , width : 寬 , alpha : 透明度
X : 水平位置 , Y : 垂直位置

FLASHCS3 - 日期偵測設計 - NEW DATE()

日期偵測設計
1. 選取 文字工具 / 選取動態文字【屬性區】
2. 設定文字欄位名稱【如:mydate】。
3. 選取第一個影格 / 右鍵 / 動作
4. 輸入下列指令
var my_date = new Date();
var yyyy = my_date.getFullYear();
var mm = my_date.getMonth() + 1;
var dd = my_date.getDate();
var weekname = new Array("日","一","二","三","四","五","六");
var week = weekname[my_date.getDay()];
mydate.text = yyyy + "年" + mm + "月" + dd + "日(星期" + week + ")";

程式解說
var my_date = new Date(); VAR宣告變數
new date() : new 建立新的日期模組必要步驟
date() 使用內建函數 , 會取得系統的日期格式
getFullYear() : 取出年 可扣除1911為民國
getMonth() + 1 : 因系統由零開始計算 , 所以要加1
getDate() : 取出日
new Array("日","一","二","三","四","五","六") : 陣列宣告
由零開始計算陣列元素位置
weekname[my_date.getDay()] : 可計算出星期幾

FLASHCS3 - 粘住美女 - startDrag

以下有簡單的CS3指令運用
匯入元件【圖片】

1. 快速鍵Ctrl + F8【建立元件】
2. 輸入名稱【如:Girl】/ 選取類型:影片片段

3. 選取檔案【功能表】/ 匯入【清單項目】/ 匯入至元件庫
4. 選取圖形檔案【如:Girl】/ 選取 確定 鈕
註: FLASH對圖片的檔案格式,比較沒有限制
快速鍵:Ctrl + R:匯入圖片
圖片請自行上網或繪製
場景的圖片設計
1. 快速鍵Ctrl +L【Library視窗】
2. 拖曳美女元件【Symbol:Girl】至場景區內。
3. 點選 屬性 工具列 / 選取 實體名稱 / 輸入名稱【如:Girl】
註:名稱一定要設定,否則無法以指令控制其動作。
加入指令
1. 選取圖層1 / 選第1個影格
2. 選取視窗【功能表】/ 動作【清單項目】
3. 輸入語法
girl.startDrag(true);

近日較忙 , 所以忘了心得分享

這幾天準備考試 , 因為工作時數太長 , 以致於沒有太多時間準備
只好利用晚上準備 , 幸好考試那天僥倖的我通過了
因為考試內容除了軟體的熟悉度外 , 也有考一些我從來不曾用的功能
那些功能說實話 , 一般接案時也不會用到
我接案 , 大致來說掌握幾個大方向 , 就可以了
1 客戶有多少成本
2 客戶想要什麼
3 我可以為客戶建議什麼
4 我能做到的程度在哪

其實以上4點控制一下 , 相信接案順利外 , 也可以解決客戶的需求
所以考試時,我會站在這個角度思考 , 因此考試就比較不會害怕了
這個是給大家一點加油的力量

最近上課從學生身上學到不少東東真旳收穫不少 , 有的學生功力很強
有的學生能力很強 , 有的學生外觀很強 , 有的學生內在很強
是感到幸運
最後要謝謝大家 , 讓我有進步成長的空間

 
妹咕數位學園歡迎網友們來信指教 妹咕信箱