【學生作品實例】玩遊戲?不如自己創造遊戲!

今時今日,很多小朋友都喜歡投入網絡世界,享受遊戲樂趣。有些家長擔心他們的孩子會沉迷玩樂,令他們的學業成績一落千丈,所以不希望孩子長時間上網。然而,在我們看來,最有效的方法並非阻止孩子玩耍,而是反其道而行——我們應該利用遊戲,教育孩子如何有邏輯地思考及發揮創意。

在今次的文章中,我們會為你介紹學生如何運用他們的編程技巧及想像力,建立屬於自己的遊戲!

 

“Kill the Cockroaches” – Madhavi Chakravorty

大多數人都懼怕蟑螂,Madhavi也不例外——他創作這個遊戲,背後的主要原因正是對蟑螂的恐懼!在真實世界之中,Madhavi害怕殺掉蟑螂;因此,他創作出一個讓他不必面對蟑螂又可以把它們「殺掉」的遊戲。

當遊戲開始的時候,一隻蟑螂會隨機出現在螢幕某一位置。同時,一枝殺蟲水會跟著玩家的滑鼠游標。

當玩家點擊螢幕時,殺蟲水會稍微向左傾斜,並回到原來的位置,模仿人們噴灑的動作。為了殺死蟑螂,玩家必須在它消失及出現在第二個位置之前,點擊蟑螂的圖片。


你能夠猜出這個遊戲屬於哪一種程式嗎?這是一個Web編程項目——Madhavi運用他對HTML、CSS、JavaScript和jQuery的認識,來建立這個遊戲!

他還與我們分享一些產生有趣特效的程式碼——例如:如果要將殺蟲水逆時針旋轉20度,「噴射」目標,然後再回到原來的位置,我們需要以下程式碼:


當用戶點擊左鍵(即”mousedown” event)時,會觸發一個功能,令殺蟲水逆時針旋轉20度(即程式碼”-20deg”);當用戶放開左鍵(即”mouseup” event)時,會觸發另一個功能,令殺蟲水順時針旋轉20度(即程式碼”20deg”)。

Madhavi在創造這款遊戲時,投入大量精力。儘管如此,Madhavi認為遊戲有不少改進的空間。他計劃增加一個評分系統,顯示有多少隻蟑螂被殺掉。Madhavi為我們展示如何應用編程技巧,來創造一個幫助我們面對一些最大恐懼的遊戲,真是做得很好啊!

 

“Roast Beef Game” – Jerry Chen

接下來,輪到介紹Jerry的遊戲——模擬烤牛肉。這個絕對是一個受青少年及年輕人歡迎的熱門遊戲。正如Jerry所說,能夠在遊戲中完成任務,並獲得積分,有時可以幫助紓緩學業或工作壓力。Jerry從食品科技課上,取得這個遊戲的靈感,並且將這個念頭與他之前玩過的遊戲「Cooking Graze」結合起來。


圖片來源: Big Fish Games

當遊戲開始時,玩家會看到一塊生牛肉、燃燒的火焰和一個飢餓的小男孩:


男孩吃掉牛肉的數量,將會被計算作為分數。另外,螢幕還有一個「重新開始」(Restart)的按鈕,讓玩家重新載入遊戲。當玩家將生牛肉移到火上時,牛肉會從紅色變為棕色:


這表示牛肉已經煮熟,並可以隨時食用。在這種情況下,玩家必須將牛肉移到男孩身上,並點擊男孩。這將在分數牌上增加1分,牛肉將再次變為紅色,表示它是生肉。

創造這個遊戲時,Jerry還應用了不少Web編程技巧——例如為了使牛肉變成棕色,Jerry使用以下代碼:


當牛肉移動到火上時(運用 “mouseover event”),熱度將會提升至1。當熱度超過3時,生牛肉圖片將會變成熟牛肉的圖片。

這個應用程式告訴我們,遊戲絕對是帶來創作靈感的絕佳媒介!Jerry希望將會加入一些有趣的元素,例如玩家需要避免綠色的腐壞牛肉。我們十分期待新版本的遊戲面世!

“Bubble Prick” – Emily Ouyang

最後,我們還有Emily的作品。與剛才兩位同學不一樣的是,Emily使用AppInventor,而不是Web編程來創造她的遊戲。這個遊戲是要吹出大泡泡,同時避免被針刺破。

這是遊戲的版面:


玩家需要按下「按下」(Press)按鈕,讓泡泡變大。但與此同時,玩家需要避免泡泡破掉。螢幕還有一個「重置」(Reset)按鈕,讓玩家重新開始遊戲。

其實Emily十分喜歡刺破泡泡,這也是她創造這個遊戲的動力。她加上「重置」(Reset)按鈕,讓玩家不必再次掃描QR Code,即可重玩。她計劃在未來加上一個計時器,來顯示玩家的泡泡在破掉之前,可以持續多久呢!

學生們能夠創作出吸引的互動遊戲,過程亦十分投入,並且發揮他們無窮的創意,我們對此感到十分自豪。與其叫孩子放棄玩耍,不如讓我們把它變成一個學習的機會吧!

Share This"
繼續關注 First Code Academy on:
聯繫我們
上環文咸東街16-20號至德大廈5/F
Tue to Fri: 10:00AM to 7:00PM
Sat: 9:00AM to 6:00PM
+852 2772 2108
+852 2772 2101
hello@firstcodeacademy.com