陳錦昌, 劉 菲, 陳 煌, 陳 亮, 孫 煒

(華南理工大學 設計學院, 廣東 廣州 510006)

基于工程制圖課程投影知識的移動學習游戲設計

陳錦昌, 劉 菲, 陳 煌, 陳 亮, 孫 煒

(華南理工大學 設計學院, 廣東 廣州 510006)

移動學習游戲在教學方面有著巨大的潛力, 但是目前國內外仍然缺乏對大學課程知識的移動游戲化學習研究. 提出了移動學習游戲的定義, 從大學工程制圖課程知識點的選擇、安排、與游戲功能的結合共3個方面, 設計了一款基于工程制圖課程投影知識的移動學習游戲, 并利用游戲引擎Cocos2d-x進行開發(fā). 實踐證明, 課題的研究對工程制圖教學起到良好的促進作用, 并為其他課程知識的移動游戲化教學研究提供參考的范本和可行的途徑.

移動學習游戲; 大學課程; 工程制圖; 投影知識; Cocos2d-x

以智能手機、平板電腦、PDAs(personal digital assistants)、surface、google眼鏡等為代表的智能移動設備的迅速發(fā)展, 使得基于這些智能移動設備的移動游戲越來越盛行[1]. 移動游戲已經充斥著人們的日常生活, 在未來的學習和教育領域中, 移動學習游戲因為有著不可估量的巨大潛力, 必然成為研究的熱點, 而且它對于培養(yǎng)學生的學習興趣、熱情和自學能力方面有著其他學習方法無法比擬的優(yōu)越性.

對移動游戲中教育功能的研究, 國外起步較早, 目前國外對教育類游戲的研究主要集中在基于移動設備的教育類游戲的教育潛力、教育類游戲的開發(fā)、教育類游戲的應用研究等方面. 國內基于移動設備的教育類游戲的研究極少. 本文利用智能觸屏手機設備, 對大學課程進行移動學習游戲的研究, 具有一定的前瞻性, 同時填補了大學課程的游戲化教育研究的空白, 能為其他的課程知識的移動游戲化教學研究提供參考的范本和可行的途徑.

1 移動學習游戲的定義

根據游戲的定義[2]、學習理論和用戶體驗[3]的研究, 本文把移動學習游戲定義為: 以寓教于樂為目的, 將游戲內容、規(guī)則與課程知識進行有機結合, 平衡了游戲中的教育功能和娛樂功能, 能夠讓用戶通過智能移動終端來隨時隨地玩游戲, 并在人機互動的愉快過程中, 掌握課程知識和解決問題方法的一種具有可量化結果的教育類游戲.

2 在工程制圖課程中引入移動學習游 戲的意義

傳統(tǒng)工程制圖課程教育方式存在的不足: 多以教師為中心, 教師與學生之間缺乏互動. 無論教師在課堂上教學, 還是學生課后學習的過程, 都只能通過靜態(tài)的圖片或想象中的立體來進行交流, 而不能通過操作真正的三維立體來進行演示和溝通, 導致彼此間會存在認知上的誤差和講解上的不便.

因此, 為了解決這些問題, 本文將移動學習游戲與工程制圖課程進行了結合. 在工程制圖課程中引入移動學習游戲，其意義在于讓學生通過玩有趣的移動學習游戲的過程中更容易且自然而然地理解和掌握課程的知識, 幫助他們進行深層次的思考、提高他們的自學能力[4]和培養(yǎng)學習興趣.

3 基于工程制圖課程投影知識的移動 學習游戲設計

要設計出好的移動學習游戲中的學習任務, 有必要進行課程知識點的選擇和有規(guī)律地安排知識. 為了更合理地安排學習的規(guī)律和降低游戲設計的難度, 設計師可以把課程知識點合理地安排于幾個移動學習游戲當中, 一個移動學習游戲只針對少量的知識點進行設計, 循序漸進地傳遞知識.

3.1 工程制圖課程知識點的選擇

投影知識點是工程制圖課程的基礎, 也是培養(yǎng)學生三維空間想象能力的重要環(huán)節(jié), 因此,本文選擇了投影知識點作為研究對象, 來安排移動學習游戲中的學習任務.

3.2 工程制圖課程知識點的安排

這些被選擇出來的“投影知識點”會根據本課題提出的方法——基于體素構造分析法(constructive solid geometry, CGS)的建模思維方法, 來安排在游戲的任務關卡中. 基于體素構造分析法的建模思維方法是指任何一個復雜的組合體都是由簡單的基本體通過布爾運算(交集、并集和差集)和形變運算(擠壓、拉伸和扭曲)構成[5], 這與常規(guī)的三維虛擬數字模型的建模思維[6]是一致的, 在建模過程中, 復雜的三維模型都是將簡單的基本幾何形體通過一次或多次布爾運算, 包括交集、并集和差集而形成的[7], 這將更有效地幫助學生形成三維空間想象能力.

讓學生先學習三維立體模型, 使得學生首先掌握三維形體的構型特點, 然后, 在學習三維形體的投影時, 通過將三維立體的構成按照基本幾何體構型特點進行拆分, 建立不同特征的三維立體模型和與之相對應的投影之間的對應關系, 并進行不斷的訓練, 由淺入深, 讓學生逐漸發(fā)現, 復雜多樣的三維立體的基本構型都是由簡單的基本幾何體經過布爾運算(交集、并集和差集)構成, 如同在學生腦海中慢慢植入如何構建三維立體模型的過程. 通過該方法, 能加深學生對三維立體的特征和構成的理解, 提升他們的讀圖能力, 為往后其他知識的深入學習做好準備[8].

3.3 課程知識與游戲功能相結合

本文基于工程制圖課程投影知識的移動學習游戲——Invade UFO, 選擇益智游戲類型中的解謎游戲來作為本游戲的基礎游戲類型, 游戲功能與課程知識的對應安排, 如圖1所示.

選擇開始游戲的畫面如圖2中的左上角所示. 在游戲主題的設計上, 故事主題的內容要與工程制圖課程的主旨相配, 以便更好地安排游戲任務及任務中的知識點. 用連環(huán)畫的形式展現故事背景, 如圖2所示， 在某個晚上, UFO從天而降, 把科學怪人的實驗室撞破了, 這讓科學怪人抓狂, 于是他把UFO中的外星人抓起來, 而游戲任務就是要用戶扮演科學怪人入侵UFO的最深處, 占領UFO. 因此, 該游戲主題能很好地與工程制圖課程的機械和工程特點相配.在游戲的場景設計中, 場景和關卡是益智類游戲的核心部分, 同時也是游戲功能中的核心功能(微型學習任務和情感激勵機制), 需要將游戲各個場景與課程知識的學習規(guī)律相統(tǒng)一, 即場景的發(fā)展也是課程知識的逐步深入學習.

圖1 課程知識與游戲功能相結合Fig.1 Curriculum knowledge combined with game function

圖2 開始游戲的畫面和故事背景Fig.2 Start the game picture and story background

(1) 游戲場景1(Tunnel): 基本體和組合體的輪廓投影. 該場景是扮演科學怪人的用戶入侵UFO內部的入口, 用戶需要把UFO的封鎖隧道Tunnel打開, 才能入侵到UFO的內部.

游戲場景Tunnel中含有10個小關卡, 把每個小關卡的時間限制設定為20 s, 讓用戶在掌握了游戲玩法和課程知識的情況下, 能在較短的時間內完成這些微型的游戲任務, 方便用戶利用零碎的空閑時間來玩移動學習游戲.

小關卡01和02為游戲的引導關, 如圖3所示, 先介紹游戲的玩法規(guī)則(在規(guī)定的時間內, 將前面的三維立體與后面有趣的二維投影相匹配), 引導用戶熟悉游戲的操作(通過觸摸屏幕中的三維立體來進行旋轉操作).

(a) 點與線之間的投影 (b) 線與面之間的投影圖3 游戲的引導關圖Fig.3 The game guide

圖4 小關卡03基本體的投影——四棱柱Fig.4 Levels 3 basic body of projection-four prism

(a) 小關卡08：組合體的輪廓——三角形

(b) 小關卡09：組合體的輪廓——六邊形

(c) 小關卡10：組合體的輪廓——五角星圖5 小關卡08～10輪廓特點Fig.5 Contour features of levels 08 to 10

在這兩個游戲引導關中, 將工程制圖課程知識(點與線之間的投影、線與面之間的投影)融入游戲中, 讓用戶了解點、線、面的投影特點, 為立體的投影學習作準備.

小關卡03～07為基本體的投影, 讓用戶掌握四棱柱、四棱錐、圓柱、圓錐、圓球共五大基本幾何體的形態(tài)特征和單面投影的特性. 小關卡03四棱柱投影知識游戲過程如圖4所示, 其他基本體同理.

小關卡08～10的設計, 如圖5所示. 為了讓用戶先熟悉一下復雜組合體的輪廓特點, 先從輪廓上去把握組合體的形態(tài)特征. 小關卡08～10的組合體訓練是為了讓用戶更好地過渡到游戲的第二個場景, 即組合體的投影.

(2)游戲場景2(第二道防線): 組合體的投影. 該場景是當用戶通過了第一道防線Tunnel后, 進入UFO的第二道防線, 用戶在這里需要將10個形狀各異的組合體旋轉成與墻上對應的投影形狀, 才能通關, 難度等級比第一關有所增加, 讓學生熟悉基本體是如何通過形變運算(擠壓、拉伸和扭曲)和布爾運算(交集、并集和差集)組成組合體的, 慢慢掌握組合體的構成規(guī)律, 更好地掌握組合體的投影特性.

對于游戲場景2下的小關卡01～04, 如圖6所示, 主要用于展示基本體(四棱柱、四棱錐、圓柱、圓錐、圓球)是如何通過布爾運算(差集、交集和并集)組成復雜的組合體, 以及組合體與主視圖之間的投影關系. 由于并集和差集在組合體的布爾運算中, 是運用最多的運算, 因此, 本文將03和04兩個小關卡都設計成由并集和差集運算組成的組合體.

(a) 小關卡01：組合體1(差集)

(b) 小關卡02：組合體2(交集和差集)

(c) 小關卡03：組合體3(并集和差集)

(d) 小關卡04：組合體4(并集和差集)圖6 布爾運算后的組合體投影Fig.6 Combination of projection after Boolean operation

(a) 小關卡05：組合體5(并集、差集和拉伸)

(b) 小關卡06：組合體6(并集、差集和扭曲)

(c) 小關卡07：組合體7(并集、差集和擠壓)圖7 形變運算后的組合體投影Fig.7 Combination of projection after Deformation operation

對于小關卡05～07, 如圖7所示, 主要用于展示基本體(四棱柱、四棱錐、圓柱、圓錐、圓球)是如何通過形變運算(拉伸、扭曲和擠壓)來組成組合體, 掌握組合體的形變特征和投影規(guī)律.

對于小關卡08～10, 如圖8所示, 為布爾運算和形變運算的綜合運算后而形成的組合體, 用戶需要在這幾個關卡掌握組合體的構成特點及其與主視圖之間的投影規(guī)律.

(a) 小關卡08：組合體8(交、并、差運算和拉伸)

(b) 小關卡09：組合體9(交、并、差運算和拉伸、擠壓)

(c) 小關卡10：組合體10(交、并、差運算和拉伸、擠壓、扭曲)圖8 綜合運算后的組合體投影Fig.8 Combination of projection after the operational

在游戲中, 無論是用戶闖關勝利(如圖9所示) 還是失敗, 系統(tǒng)都會以量化的結果來顯示用戶的成績. 成績分數的高低取決于用戶通關所花的時間, 即時間越短, 得分越高, 而且用戶每通過一關后, 勝利畫面還會顯示出剛通過的關卡中的三維立體與二維投影之間的對應關系(圖9左圖的左側畫面), 以此來復習知識, 從而達到鞏固知識的目的.

圖9 勝利畫面和分享功能Fig.9 Victory pictures and sharing

此外, 用戶可以通過勝利畫面中的分享按鈕(如圖9所示), 來分享自己勝利后的畫面, 與朋友們進行互動和比拼, 而且用戶也可以不斷刷新自己的通關記錄, 來挑戰(zhàn)自己的極限, 用戶在不斷刷新記錄的同時, 也不斷鞏固和加深對于投影知識的理解和提高三維空間想象能力.

當用戶不能在規(guī)定的時間內完成游戲任務, 則會出現闖關失敗的畫面, 不過, 移動學習游戲的失敗畫面的目的是為了讓用戶盡快返回游戲, 繼續(xù)挑戰(zhàn)和完成游戲任務, 而不鼓勵游戲失敗后受到懲罰的做法.

由于用戶在玩游戲時, 不僅經常處于多變的移動情景, 而且經常處于需要處理多個日常生活事務的狀態(tài)中, 如排隊時可以玩一下游戲, 但是排完隊后就得隨時中斷游戲, 因此, 當用戶隨時退出游戲時, 移動學習游戲要能夠隨時保存游戲的記錄, 如圖10所示, 方便用戶回到游戲中斷前的狀態(tài).

圖10 隨時保存游戲的記錄Fig.10 Save game records at any time

4 基于Cocos2d-x的移動學習游戲開發(fā)

本文所設計的基于工程制圖課程投影知識的移動學習游戲——Invade UFO, 采用游戲引擎Cocos2d-x進行開發(fā). 雖然Cocos2d-x能將一個游戲發(fā)布到不同的移動設備上, 但由于不同智能移動設備的屏幕分辨率各有不同, 而一個游戲又必須同時適配不同的屏幕大小, 才能有好的游戲體驗, 因此, 為了解決這一問題, 游戲引擎Cocos2d-x的2.0以上更新的版本均提供適應各種分辨率的自定義功能, 該功能函數如下:

SetDesignResolutionSize(Height×Width)

該函數的功能是讓游戲的內容自動去適應不同的移動設備屏幕大小, 使得同一款游戲能在不同的移動設備上完美運行[9]. 由于目前主流的智能觸屏手機的屏幕分辯率為800像素×480像素, 因此，本文選用大眾機型Samsung i9100作為標準機型來進行設計. 本文所設計的基于工程制圖課程投影知識的移動學習游戲(Invade UFO)的開發(fā), 遵循如圖11所示的開發(fā)流程, 以游戲場景為基本單位來進行游戲的開發(fā), 調試環(huán)境為Cocos2d-win32. vc2010的Microsoft Visual Studio, 在手機上運行的測試效果如圖12所示.

圖11 開發(fā)流程Fig.11 Development process

圖12 手機測試圖Fig.12 Mobile phone test pattern

5 結 語

本文所設計的基于工程制圖課程投影知識的移

動學習游戲(Invade UFO)能夠提供可旋轉查看的三維立體模型, 并建立起三維立體模型與二維投影圖之間的關系, 有助于培養(yǎng)學生的三維空間想象能力和讀圖能力, 并方便同學之間、學生與教師之間的交流. 作為一種新型的移動游戲化學習模式, 學生可通過玩游戲的方式來掌握知識, 感受愉快的學習體驗, 從而培養(yǎng)學習興趣, 激發(fā)學習欲望, 增強對知識的理解和記憶. 另外, 由于學生們可以隨時隨地玩智能觸屏手機上的Invade UFO, 因此, 能更有效地利用零碎和空閑的時間來學習投影知識, 提高學習的效率.

本文的研究與實踐為其他課程知識的移動游戲化教學提供了研究的范本和可行的途徑, 而基于工程制圖課程投影知識的移動學習游戲能用于各大院校的工程制圖課程教學中.

[1] 陳煌, 陳錦昌, 陳亮, 等. 基于用戶參與度的移動學習游戲設計理論探討[J]. 包裝工程, 2013, 34(22): 73-76.

[2] SALEN K, ZIMMERMAN E. Rules of play: Game design fundamentals[M]. Cambridge: MIT Press, 2004: 28-570.

[3] GARRETT J J. The elements of user experience: User-centered design for the web[M]. New Jersey: Pearson Education, 2010: 1-155.

[4] 王志忠. 圖學課程的自主性學習[J]. 圖學學報, 2012, 33(6): 121-123.

[5] 傅自鋼. 基于工程圖的三維形體重建方法研究[D]. 長沙: 中南大學信息科學與工程學院, 2011.

[6] 童秉樞, 易素君, 徐曉慧. 工程圖學中引入三維幾何建模的情況綜述與思考[J]. 工程圖學學報, 2005, 26(4): 130-135.

[7] 莫春柳, 李冰, 譚夏梅. 三維實體造型形體分析教學法研究[J]. 廣東工業(yè)大學學報(社會科學版), 2003, 3(4): 41-43.

[8] 續(xù)丹. “3D機械制圖”教學中提高學生讀圖能力的實踐與思考[J]. 圖學學報, 2012, 33(6): 124-129.

[9] 石倩倩. 智能設備中跨平臺游戲框架的設計與實現[J]. 電子測試, 2014(2): 12-14.

Mobile Learning Game Design Based on Projection Knowledge of the Engineering Drawing Curriculum

CHENJin-chang,LIUFei,CHENHuang,CHENLiang,SUNWei

(School of Design, South China University of Technology , Guangzhou 510006, China)

Mobile learning games have great educational potential in the teaching area. However, it lacks the mobile gamification learning research on knowledge of university curriculums in the domestic and foreign researches currently. So the definition of mobile learning games was put forward. A mobile learning game was designed based on the projection knowledge of the engineering drawing curriculum and its knowledge points chosen, arranged and the combination with the game functions . The game was developed with the game engine named Cocos2d-x. The practice proves that the research of the project is beneficial to the teaching for engineering drawing. It provides a reference and feasible way to research the mobile gamification teaching of other courses.

mobile learning games; university curriculums; engineering drawing; projection knowledge; Cocos2d-x

1671-0444 (2016)04-0608-09

2016-03-02

廣東省教育科學“十二五”規(guī)劃教育信息技術研究專項課題資助項目(11JXN027)；廣東省高等教育教學改革資助項目(GDJG20142059)；廣東省科技廳軟科學資助項目(x2s-N4140370);華南理工大學本科教研教改資助項目

陳錦昌(1956—)，男，廣東南海人，教授，碩士，研究方向為工程圖學及工業(yè)設計．E-mail: jcchen@scut.edu.cn

G 434

A