《網頁游戲設計》的教學改革嘗試

張宏濤

前言

《網頁游戲設計》這門課程，一直是側重于單機頁游的開發的課程。以前主要是以FLASH和HTML5的實踐為主，更類似于一門腳本語言延伸課程。歷年來學生的課程作品都是以單機棋牌為主。偶爾一些單機跑酷類的作品。由于學生以往學習時沒有后臺和前端的概念，導致他們的代碼結構分層不明晰，而且課程作業選題范圍比較狹窄。

最近幾年，由于頁游具有隨時隨地可以玩的特點，使得它得到了很大的發展，即使有手機游戲的分流，也無法阻擋大批廠商在頁游上投入大量的資金。

因為美好的業界前景，我們希望對這門課進行改革，讓學生從這門課程里學到更多的業界里用到的知識和工具，同時拓寬學生視野，讓他們的作品更加多元化。

調研

經過調研，我們認識到：當前業界頁游分為兩種趨勢，一方面，以趣味，玩法，以及優美的畫面取勝的單機頁游仍然有很大的市場，而且這種類型的頁游大批移植到移動平臺，也取得了很大的成功。另一方面，由于人的社交本性驅使，頁游出現了使用類似AJAX技術的實現手段，把瀏覽器變成一個客戶端，后臺有服務器來管理多個用戶之間的互動，更類似于運行在瀏覽器內的大型網游。由于電腦性能的飛躍以及新的瀏覽器標準的支持，都使得第二種類型的頁游有愈來愈大的趨勢。

同時，業界對于學生的需求也有所改變，他們需要學生的設計思路更加有創意性，更加契合90后，00后的審美和思維，不是重復已有的經典，而是能夠別出心裁。

所以，我們在講解《網頁游戲設計》課程的時候，嘗試引入了后臺開發的內容。試圖達到適當增加課程容量，同時保證學生的學習興趣的結果。另外，嘗試改變教學思路，增加互動，讓教學過程更加切合業界的流程。

改革思路

改革的辦法分為兩方面，一方面，是改變當前的互動方式。一方面是增加學生的課程內容。

一，改變師生互動方式

以前教學的過程中，學生在教師的指導下完成自己的學習，在一個限定的框架里，完成自己的作品。這樣可以保證學生對知識的掌握比較扎實。缺點就是缺少個性。我們在這次改革里，加大了學生自學，自己設計的時間。把整個課程當作一個項目來管理。具體劃為四個階段：

1，選題

學生按照策劃一人，程序兩人，美工一人的組合進行分組。每組派一人上臺當眾用PPT來展示自己選題，展示過程計入平時分，對于比較好的創意和游戲類型予以鼓勵，對于設計的比較復雜的游戲，教師會予以提醒并且協助修改設計。

2，實現

這部分以4次課為一個周期，每個周期中，教師會根據當前的教學進度幫助每組同學制定大概的完成目標，每個周期結束，要求各組同學上臺展示自己這個周期的成果。對于進度遲緩的同學予以督促，同時如果有同學開始的設計在這個過程中發現無法實現，也可以在此時進行修訂。

3，修改

大概3個周期之后，進入修改階段，此時每個小組的項目功不再添加。每個小組集中力量對前期趕工時的一些問題進行修改。教師在此時也停止授課，全力指導學生。

4，提交

最后，要求每組同學上臺演示自己的作品，強聯網的作品還可以發給全班進行集體試玩，增加學生的榮譽感和互相競爭的氣氛。

經過以上改革，力圖讓學生的學習過程盡可能的和他們的實踐過程相吻合，把之前的滿堂灌的方式改成學生自然而然的把學習，實踐，自學結合起來，不但起到傳授知識的作用，而且增加了學生自我發展的能力。同時讓課堂氣氛變得活躍，學生之間愿意彼此積極討論，互相促進。

二，改變課程內容

選擇合適的后臺教學框架

由于這門課程的前置課程是《網頁開發語言》，是以AS3和基于JS的白鷺引擎為主，所以我們最終選擇了基于網易的pomelo引擎開發作為學習內容。

選擇這個框架的原因有以下幾點：

1，pomelo是由網易主導開發的開源框架，而且用于網易自己的游戲，聊天室的后臺里。有大公司維護的項目一般比較穩定，文檔豐富，代碼和注釋也比較友好。網易自己的產品使用pomelo也從側面證實了這個項目可以用于商業開發，比較可靠，出現莫名其妙的底層錯誤的情況會比較少一些。

2，pomelo的開發語言是Node.js，這個和前端使用的AS3或者白鷺引擎之類的開發語言是類似的，不需要學生在一門課程里使用兩種大相徑庭的語言。這樣一來，可以讓學生把精力都放在游戲的設計上，不需要為幾種語言之間的通訊苦惱。

3，pomelo本身是框架式結構，利用配置文件加上簡單的代碼，就可以實現一定的邏輯，這樣大大的減少學生的開發負擔。而且pomelo的實時性非常好，完全可以為后續課程做鋪墊。

規劃教學流程：

為了合理安排教學內容，我們把這門課程分為三個階段：

第一階段：學習鞏固階段，首先傳授給學生頁游的開發結構，一般是老師給學生一個骨架，把以前腳本語言里學會的點擊——響應的游戲架構，改成監聽——響應架構，甚至到最后，改成了事件驅動型的架構，這一部分比較靈活，如果學生學習的比較快，就介紹一點事件驅動型，如果略吃力，就到監聽——響應架構就可以了。在具體的教學過程里，由于前置課程學生基礎都還不錯，我們在教學里一般都會講一點事件驅動型的架構。

第二階段：要求學生把第一階段的頁游里，被AI控制的角色，替換為被操作指令控制。這一點相對比較簡單，難點在于解釋清楚鍵盤鼠標的控制和操作指令的控制的區別，也就是說，幫助學生建立起消息分層的概念，讓他們明白，鍵鼠只是一個輸入工具，輸入的指令會被翻譯成控制消息。相應的，我們也可以直接用代碼產生控制消息，而不使用鍵鼠。

第三階段：引入后臺框架：在第二階段的成果里，加入網絡通訊模塊，先實現聯網功能，這部分比較復雜，學生的學習也一度會出現瓶頸。但是只要通訊模塊能夠調試通過，所有的問題就迎刃而解。

經過這樣的教學內容的改變，展示給學生的是一個完整的開發者的世界。

教學實踐驗證

我們選取了兩個班級作為對比，均為大二的上學期，對照班級只學習第一階段的內容，改革班級學習完三個階段。兩個班級的教學時間均為64課時。結果改革班級做出了很多讓人吃驚的產品，游戲種類繁多，從棋牌類游戲到跑酷類游戲，甚至還有對戰類游戲。游戲不但有弱聯網，還有強聯網的產品，比如類似鋼鐵帝國類的戰棋類游戲。分析原因，一方面增加的內容給他們很大的學習動力，導致了他們投入更多的精力來設計游戲。另外一方面，有了后臺的概念，學生就能大大的開拓眼界開發出更多的游戲類型。

結論

綜上所述，經過我們的規劃和實踐，可以看到，在網頁游戲課程進行改革，包括增加學生的討論，修改教學流程，引入后臺開發的舉措，起到了好的作用。可以使得學生提前接觸到業界最先進的技術和思想，對學生的成長有很大的好處。但是另外一方面，對學生的壓力太大，也容易造成學生的發展不均衡。endprint