臺灣博碩士論文加值系統

自從賈伯斯於2010年發表了「Thoughts on Flash」以來，HTML5聲勢節節高升，其教學亦日益重要。在國立臺北科技大學資訊工程系中，有一門物件導向程式設計實習課程，透過實作電腦遊戲的過程，讓學生熟練物件導向觀念，本論文將JavaScript導入該課程中，讓學生能使用HTML5技術與JavaScript開發電腦遊戲。本論文設計與實作出一個適合在物件導向程式設計實習教學中所使用的遊戲框架，透過此遊戲框架，學生可以完成一個中小型的遊戲。然而，JavaScript之語言特性與傳統物件導向程式語言(如C++)不同，故在教材設計時必須引導學生使用正確的物件實作方式。本論文針對修習物件導向程式設計實習課程的學生做研究，根據問卷調查與學生所撰寫遊戲程式碼的分析結果，發現使用HTML5/JavaScript框架與其他遊戲框架(Windows/C++及Android/Java框架)相較時，學生所開發遊戲程式的物件特性及其學習成效均沒有顯著差異。

HTML5 has become more and more popular ever since Steve Jobs published the article, “Thoughts on Flash.” Consequently, teaching HTML5 becomes increasingly important. In the Computer Science and Information Engineering department of National Taipei University of Technology (Taipei Tech), there is a course, “Object-Oriented Programming Laboratory (OOP Lab).” In this course, students use a game framework provided by the instructor to implement a computer game, and practice object-orientation through the implementation. This thesis designs and implements an HTML5/JavaScript game framework for OOP Lab, allowing the students to practice HTML5 and JavaScript. Since JavaScript has language characteristics quite different from traditional object-oriented languages (e.g., C++), we need to provide instructional materials, guiding the students to implement objects properly. In addition, this thesis conducts a case study, analyzing students'' code and feedback, based on the students of OOP Lab. The results reveal that in comparison with the other game frameworks (Windows/C++ and Android/Java), the students who use HTML/JavaScript framework to develop games have both similar object characteristics in the codes and similar progresses in programming skills.

摘 要 i
ABSTRACT ii
誌 謝 iv
目 錄 v
表目錄 vii
圖目錄 ix
第一章 緒論 1
1.1 研究動機與目的 1
1.2 名詞解釋 2
1.3 論文組織結構 3
第二章 相關研究 4
2.1 相關文獻 4
2.2 課程用遊戲框架 6
2.3 相關遊戲框架 7
第三章 遊戲框架需求與設計 9
3.1 系統需求分析 9
3.2 系統架構 13
3.2.1 遊戲框架架構 14
3.2.2 運用遊戲框架之遊戲架構 16
3.3 系統設計 17
第四章 遊戲框架實作 20
4.1 遊戲框架使用之技術與方法 20
4.2 遊戲框架實作類別圖 22
4.3 遊戲框架提升效能之解決方案 24
4.4 遊戲框架效能比較實驗 25
4.4.1 實驗環境 25
4.4.2 實驗設計 26
4.4.3 效能解決方案比較實驗結果 26
4.4.4 相關遊戲框架實驗對象挑選 30
4.4.5 相關遊戲框架效能實驗結果 30
第五章 課程個案研究 35
5.1 個案研究說明 35
5.2 個案研究目標 37
5.3 個案研究結果 38
5.4 個案研究結果分析 44
5.5 個案研究效度 54
第六章 結論 57
參考文獻 60

[1]Stoyan Stefanov, JavaScript Patterns, O''Reilly Media, 2010, pp.97-108, 128-139
[2]W.-K. Chen and Y. C. Cheng, “Teaching object-oriented programming laboratory with computer game programming,” IEEE Trans. Educ., vol.50, no. 3, pp. 197–203, Aug. 2007.
[3]P. Wu., “Teaching basic game programming using javascript,” J. Comput. Small Coll., vol. 24, no. 4, 2009, pp. 211–220
[4]HTML5, http://en.wikipedia.org/wiki/HTML5
[5]WHATWG, http://en.wikipedia.org/wiki/WHATWG
[6]W3C, http://www.w3.org/Consortium/
[7]ECMAScript, http://en.wikipedia.org/wiki/ECMAScript
[8]JavaScript, http://zh.wikipedia.org/wiki/JavaScript
[9]AJAX, http://www.w3schools.com/ajax/
[10]Cocos2d, http://en.wikipedia.org/wiki/Cocos2d
[11]Improving HTML5 Canvas Performance, http://www.html5rocks.com/en/tutorials/canvas/performance/
[12]Grunt, http://gruntjs.com/