Transcript 三視圖拼圖遊戲發表簡報

倪惠玉
•1991~1993 臺北市立東湖國民中學工藝教師
•1993~1995 國立臺灣師範大學工業科技教育研究所
•1995至今
臺北市立東湖國民中學生活科技教師
•2008 參加臺北市中小學多媒體教材甄選活動，作品
「三視圖拼圖遊戲」榮獲優等
•2009 參加臺北市中小學多媒體教材甄選活動，作品
「投石器的製作」榮獲優等
「三視圖拼圖遊戲」的設計理念
•製圖課程是生活科技課程的基礎
•三視圖的繪製能力影響了學生工業設計的能力
•三視圖是一種將空間(立體圖)轉換成平面圖的抽象概念
•互動式遊戲可以讓學生按照自己的速度來學習
•互動式遊戲介面可以讓程度好的學生更佳的精熟學習
「三視圖拼圖遊戲」的製作過程
一、收集資料
•製圖相關的多媒體教材
•遊戲設計的多媒體教材
•Flash程式設計相關書籍
•各版本教科書與教師手冊
•同事們寶貴的教學經驗
「三視圖拼圖遊戲」的製作過程
二、寫(畫)腳本
題目
選題區
作答區
回饋區
線條選擇區
「三視圖拼圖遊戲」的製作過程
三、製作圖像、按鈕與影片片段等元件
「三視圖拼圖遊戲」的製作過程
四、寫程式
x = getProperty(this, _droptarget);
if (x eq "/yer1") {
setProperty(this, _x, getProperty("/yer1", _x));
setProperty(this, _y, getProperty("/yer1", _y));
gotoAndStop(5);
}else if(x eq "/yer3"){
setProperty(this, _x, getProperty("/yer3", _x));
setProperty(this, _y, getProperty("/yer3", _y));
gotoAndStop(5);
}else if(x eq "/yer4"){
setProperty(this, _x, getProperty("/yer4", _x));
setProperty(this, _y, getProperty("/yer4", _y));
gotoAndStop(5);
}else if(x eq "/yer8"){
setProperty(this, _x, getProperty("/yer8", _x));
setProperty(this, _y, getProperty("/yer8", _y));
gotoAndStop(5);
}else if(x eq "/yer18"){
setProperty(this, _x, getProperty("/yer18", _x));
setProperty(this, _y, getProperty("/yer18", _y));
gotoAndStop(5);
}else if(x eq "/yer21"){
}else
}else
}else
}else
setProperty(this, _x, getProperty("/yer21", _x));
setProperty(this, _y, getProperty("/yer21", _y));
gotoAndStop(5);
if(x eq "/yer17"){
setProperty(this, _x, getProperty("/yer17", _x));
setProperty(this, _y, getProperty("/yer17", _y));
gotoAndStop(5);
if(x eq "/yer22"){
setProperty(this, _x, getProperty("/yer22", _x));
setProperty(this, _y, getProperty("/yer22", _y));
gotoAndStop(5);
if(x eq "/yer1_1"){
setProperty(this, _x, getProperty("/yer1_1", _x));
setProperty(this, _y, getProperty("/yer1_1", _y));
gotoAndStop(5);
if(x eq "/yer1_2"){
setProperty(this, _x, getProperty("/yer1_2", _x));
setProperty(this, _y, getProperty("/yer1_2", _y));
gotoAndStop(5);
}
改寫別人的程式，是最快的方法
「三視圖拼圖遊戲」的製作過程
五、試玩並修正
http://tmrc1.tp.edu.tw/HTML/RSR20081204171341CD9/puzzlegame.html
什麼是三視圖？
三視圖就是正投影多視圖
立體模型
教師運用實體模型解說正投影多視圖的六面畫法
發下正方格紙與題目，讓學生練習繪製。
檢討與省思
•互動式遊戲教材的確讓課程變有趣了
•三視圖評量成績較舊有的課程提升
•學生抱怨不能用自己的畫法來作答
•有些學生家長不讓學生在家裡上網，或家裡根本沒有
網路
•遊戲畫面不夠可愛，喪失吸引力
•回饋反應應該更誇張、更刺激一些