 |
高一 網頁製作 --- Flash MX 2004
[分數百分比]
下載網頁製作軟體 (Flash)
錄製畫面(wink)
●第三段內容
e34--抽籤 第三段大測主要範圍ex26~ex34
溫習
[第三段小組作業] e32計時--秒數 e33計時--倒數秒數
e29數字鐘,月曆 e30指針時鐘,日期及放大/縮小元件 e31顯示/隱藏元件
e26場景轉換 e27移動元件 e28旋轉45度及移動元件
e26◆場景轉換
在場景1時間軸中加入stop(); 令場景停留在場景1 ,即 動作-影格 stop( );
*指定前往 場景1,第1影格
//動作-按鈕
on(press) {
gotoAndPlay("場景1",1);
}
step1
step2
step 3
step 4
step 5
F4A29 F4B06
增加場景
刪除場景
e27◆移動元件
附加: 增加"高一"按鈕可以移動及鼠標滑入時變色彩
1)動作-按鈕
on (press) {
startDrag("");
}
on(release) {
stopDrag();
}
2)選擇 按鈕元件 按F8 轉換成元件->影片片段
step 1 step 2
step 1 step 2
step 3
step 4
e28◆旋轉45度及移動元件
流程如下:
步驟如下:
1)按一次圓形按鈕 令元件順時針旋轉45度
//動作--按鈕
step 1
on (press) {
_rotation +=45;
}
2)將三角形轉成按鈕元件
//動作--按鈕 可以將元件移動
setp 2
step 3
on (press) {
startDrag("");
}
on(release) {
stopDrag();
}
3)將三角形順序至底層 step 4
4)繪畫一個三角形 step 5
參考〔七巧板〕
e29◆數字鐘,月曆
1)在增加動態文字並轉換成元件1
2)動作---影格 (在元件1中)
t = new Date( );
a = t.getHours( ) + ":" + t.getMinutes( ) +":" +t.getSeconds( );
3)在元件1中加一格影格
參考說明
物件；建構新的 Date 物件，用來保存目前的日期與時間或是指定的日期。
方法 說明
Date.getDate() 根據本地時間傳回月份中的日期。
Date.getDay() 根據本地時間傳回星期 幾。
Date.getFullYear() 根據本地時間傳回四位數的年份。
Date.getHours() 根據本地時間傳回小時數。
Date.getMilliseconds() 根據本地時間傳回毫秒數。
Date.getMinutes() 根據本地時間傳回分鐘數。
Date.getMonth() 根據本地時間傳回月份。
Date.getSeconds() 根據本地時間傳回秒數。
參數
year是指 0 到 99 之間的值，代表 1900 到 1999；否則就必須指定四位數的完整年份。
month是指 0 (一月) 到 11 (十二月) 之間的整數。
date是指 1 到 31 之間的整數，這個參數是選擇性的。
hour是指 0 (午夜零點) 到 23 (晚上 11 點) 之間的整數。
minute是指 0 到 59 之間的整數，這個參數是選擇性的。
second是指 0 到 59 之間的整數，這個參數是選擇性的。
millisecond是指 0 到 999 之間的整數，這個參數是選擇性的。
月曆元件網址:http://sparkos.com/downloads/components/eventscalendar/
step 1 下載月曆SparkEventsCalendar.mxp(此檔案不用上傳)
step 2
step 3
step 4
step 5
step 6 啟動Flash MX 2004
step7
step 8
e30◆指針時鐘,日期及放大/縮小元件
放大]動作--按鈕q為時鐘
on (press) {
if (q._width<300) {
q._xscale += 10;
q._yscale += 10;
}
}
縮小]動作--按鈕 q為時鐘
on (press) {
if (q._width>10) {
q._xscale -= 10;
q._yscale -= 10;
}
}
時鐘元件-->動作--影格 h,m,s分別時針,分針,秒針
t = new Date( );
// 時,分,秒 ----- 指針
h._rotation = t.getHours( )*30+t.getMinutes( )/2;
m._rotation = t.getMinutes( )*6+t.getSeconds( )/10;
s._rotation = t.getSeconds( )*6;
顯示年月日 yy為動態文字方塊
t = new Date( );
yy=t.getFullYear( ) + "年"+(t.getMonth( )+1)+"月"+t.getDate( )+"日";
e31◆顯示/隱藏元件
顯示/隱藏按鈕 下一幅按鈕 下一幅按鈕
//動作-按鈕 ,w表示元件名稱 //動作-按鈕 //動作-按鈕
on(press) {
w._visible=not w._visible;
} on(press){
gotoAndPlay(2);
} on(press){
gotoAndPlay(1);
}
*另外
增加顯示數字時鐘,可以移動元件,增加一圖形
數字鐘,若小於10則補0 ,例2 變成02
t = new Date( );
h = t.getHours( );
m =t.getMinutes( ) ;
s =t.getSeconds( );
if (h<10) { h="0" + h; }
if (m<10) { m="0" + m; }
if (s<10) { s="0" + s; }
a=h + ":" + m + ":" + s;
e32◆計時---秒數
示意圖
//開始計時 動作---按鈕(play)
test為動態文字方塊變數 on(press){
test=0;
clearInterval(Game);
var Game = setInterval(function () {
test += 1;
}, 1000);
}
//停止計時 動作---按鈕(stop)
on(press){
clearInterval(Game);
}
*另加顯示數字時鐘
e33◆計時--倒數秒數
示意圖
a為動態文字變數
加10分 ---動作-按鈕 減10分 ---動作-按鈕
on (press) {
a = a-(-10);
} on (press) {
a = a-10;
}
步驟
step 1
倒數按鈕--動作-按鈕
設定倒數7秒
on(press){
test=7;
w._visible=false;
clearInterval(Game);
var Game = setInterval(function () {
test -= 1;
if (test == 0) { w._visible=true; }
if (test ==-2) {clearInterval(Game); w._visible=false;test="";}
}, 1000);
}
step 2
test為動態文字方塊變數
step 3
設定影片片段
的實體名稱 w
(顯示"時間到了")
step 4
場景-->動作--影格
w._visible=false;
e34◆抽籤
示意圖
[動作-按鈕] 產生亂數範圍1~40, num為動態文字變數
on(press){
num=random(40-1+1)+1;
}
*以上代碼未考慮重複
[動作-按鈕] 產生亂數範圍1~40,num為動態文字變數 若增加組件--TextArea ,設定組件實體名稱為r
on(press){
num=random(40-1+1)+1;
r.text=r.text + num+ chr(13);
}
[動作-按鈕] 刪除顯示的記錄
on(press){
num="";
r.text="";
}
題目:七巧板
1)設定一個七巧板遊戲,可以旋轉45度元件及移動元件
2)自定至少一個圖形,設定一個提示位置按鈕
3)設計一個指針時鐘及月曆
4)* 網頁中顯示:班級,姓名,學號 ,遲交每天扣2%
*檔案及資料夾名稱: f4a57_58hw3
5)容易使用,美觀
|
