--- title: 只會玩遊戲?請邊玩邊當個遊戲程式設計師! tags: game, guide --- # 只會玩遊戲?請邊玩邊當個遊戲程式設計師! --- :::warning 「遊戲該按暫停了!飯都要冷掉了!」 「又在玩遊戲!有時間玩遊戲怎麼不多念點書!」 「不是說在查資料嗎?你畫面跳回去!剛剛那是什麼?」 ::: 相信大家看到這些話,腦中一定會傳來最熟悉媽媽的聲音、那不能暫停的線上遊戲、小小的內心在重要的遊戲會戰以及冷掉的晚餐之間拔河,又或是想到自己曾經流暢的操作著鍵盤上的「Alt+Tab」,在**遊戲畫面**及**搜尋資料頁面**中穿梭自如。 --- ### 你可曾想過? ### 當你在玩遊戲時,可以正大光明地告訴媽媽 ### 「媽,我在玩遊戲,但我也在學程式!」 --- 再讓我們換個視角 :::warning 「這孩子,怎麼又在玩遊戲,該做的事情做完了嗎?」 「沈迷於玩這些電動,時間都浪費掉了」 「孩子不喜歡念書,覺得讀書枯燥乏味,但,又有什麼辦法呢?」 ::: 相信各位家長看到沈迷於電玩的孩子們,這些話肯定在心中不斷的像程式設計內的**無窮迴圈**一樣不斷出現(雪莉我本身還沒有自己的孩子QQ),雖然嘴上念著孩子不能一直玩遊戲,但也非常清楚「玩遊戲」不止對孩子,在任何年齡層都是擁有相當大吸引力的,或許身為家長的你也是有「玩遊戲打發時間」這樣的習慣。 而我們也不能總是強迫著孩子要黏著在書本上學習知識,需要適當給予放鬆的休閒時間,但,能不能有讓孩子在學習的過程中「有成效」、「娛樂性」、「不覺得枯燥乏味」、「快樂學習」這樣的選擇呢? --- ### 你可曾想過? ### 孩子在玩遊戲的過程中,也能增進邏輯以及理解程式設計觀念 ### 「媽,這個遊戲是我自己設計的!讓你也玩玩看!」 --- >### 寒假暑假,熱門課程大推薦 每年的寒暑假對家長們來說,都像是個小型戰爭一樣! **「網路上琳瑯滿目的資訊,要幫孩子去選擇什麼樣的營隊呢?」** 如果小孩是在國小這個階段,更是讓許多家長對於「選擇」猶豫不決。 現在程式語言好像就跟英文一樣,要讓孩子從小就開始接觸了! 但,在學習程式的過程不就會和讀書一樣,黑底白字的程式學習、和白底黑字的書本,怎麼能讓孩子們產生學習的興趣呢? >### 跳脫書本!程式就從最簡單的開始玩起! {%youtube hoiCS0DkN-Y %} **遊戲程式設計師** 上課是使用微軟(Microsoft)開發,非常適合零基礎入門者的遊戲設計開發引擎「**MakeCode Arcade**」,相信有接觸過積木型程式的朋友對Scratch、MakeCode等等並不陌生,那「MakeCode Arcade」你聽過嗎? >### Arcade是什麼意思? 「**Arcade**」在英文裡只是長廊的意思,但是在遊戲世界中,「**Arcade Game**」指的是街機遊戲,而 **MakeCode Arcade** 其實就是開發給程式初學者來做「遊戲程式設計」的! >## 實際課程內容 ![](https://i.imgur.com/0FmidQ1.png) ###### (圖1)MakeCode Arcade 專案編輯畫面 MakeCode Arcade的編輯畫面非常的淺顯易懂、區塊分明,讓第一次開啟的玩家,或是對於積木型程式不陌生的程式玩家一定能夠非常快速的上手! * 中間欄位:積木程式類別 * 右側區塊:程式編輯區域 * 左側區塊:模擬器(立即顯示程式執行結果) ![](https://i.imgur.com/Uacoo3S.png) ###### (圖2)MakeCode Arcade 物件繪製畫面 這個地方是在上課時孩子們最愛的地方! 透過點陣圖的方法繪製出自己喜歡的角色當作遊戲主角。 **「我...我對畫畫不是很在行...」** 不用擔心!簡單明瞭的色塊繪製方式,讓你不會畫畫也能畫出酷角色! | 學生角色作品區 | | | | -------- | -------- | -------- | | ![](https://i.imgur.com/aSqIVA5.png)|![](https://i.imgur.com/uzFcviH.png)| ![](https://i.imgur.com/BZ8Rr9u.png) |![](https://i.imgur.com/qmO5iNW.png)|![](https://i.imgur.com/0ZQ48QJ.png)|![](https://i.imgur.com/lSNlYGh.png) |![](https://i.imgur.com/G8hhs83.png)|![](https://i.imgur.com/5Lp8lta.png)|![](https://i.imgur.com/KWQvv4k.png) 另外還有豐富的內建素材庫可以供玩家選擇! ![](https://i.imgur.com/wFW6nDT.gif) ###### (影1)MakeCode Arcade 內建素材庫 完成專案後,直接使用網頁上的模擬器直接開玩! 使用**QRCode**以及**分享連結**,更方便與家人、朋友分享這個屬於自己的遊戲! ![](https://i.imgur.com/zFAeMWL.gif) ###### (影2)跑跑獨眼怪模擬器遊玩畫面 :::warning 由遊戲設計的觀點,打下未來程式學習的扎實知識! ::: --- ### 課程遊戲專題體驗 > CodingBar 遊戲程式設計師帶著孩子創造出屬於自己的遊戲! #### 跑酷類型遊戲專題:跑跑獨眼怪 <div style="position:relative;height:0;padding-bottom:117.6%;overflow:hidden;"><iframe style="position:absolute;top:0;left:0;width:100%;height:100%;" src="https://arcade.makecode.com/---run?id=_K8bDhw6RYJPj" allowfullscreen="allowfullscreen" sandbox="allow-popups allow-forms allow-scripts allow-same-origin" frameborder="0"></iframe></div> --- ## 以教學角度看課程 我是在CodingBar任(ㄐㄧˊ)職(ㄐㄧㄤ)兩年的程式老師,主要負責這一系列「遊戲程式設計師」完整的課程規劃及教材製作。 在規劃這個課程的過程中我一直不斷的反覆詢問自己: **「我要怎麼樣去設計一個,能讓孩子在學習的過程中玩的開心、做出成就感、又能夠收穫滿滿的課程?」** 有接觸過教育學習一定能夠了解,要完成一個「啟蒙階段」的教育學習是多麽的困難,尤其是在國小這個階段。 :::warning 從玩樂中激發學習興趣,是再自然不過的事。 ::: >「你在玩遊戲!就是在偷懶不用功!」 我自己本身就是非常喜愛玩遊戲的人! 不知道大家還記不記得文章最開頭的「媽媽的聲音」,就是完完整整的還原我的孩童時期,每個人都一定有經歷過這樣偷玩遊戲的過程。 在那個我們只想從遊戲中獲得 **讀書裡偷閒體驗** 的學生時期,媽媽們說的確實沒有錯!我也要跟我的媽媽說聲對不起!(說來真是慚愧) 遠望日常CodingBar的辦公室,就只有我的螢幕畫面始終被積木程式繽紛著! 我也是在玩著自己所設計給課程內容的遊戲專案,但不會有人問我是在玩遊戲、還是在工作? 設計課程的過程中,就像是回到孩童時期一樣,而我也是在「**做中玩、玩中學**」。 ![](https://i.imgur.com/zPE6m0q.png) ###### (圖3)MakeCode Arcade 跑跑獨眼怪專案編輯畫面 >小孩要覺得好玩,就該變得幼稚嗎? 很多人以為,只要把教學內容設計的 **幼稚一點**、**簡單一點**,就是作為「**孩童教育**」的基礎,其實並不是這樣的,一個好的教學內容及教材,一樣的課程就算讓成人來學習,也該是覺得有趣! :::warning 「老師!你看我多做了這個可以讓怪獸一次出來一大堆!」 「老師!你看我一次可以有100萬條命!」 「老師!我創造了一條只有我可以通關的秘密通道!你一定過不了關!」 ::: ***如何激發孩子的創意思維才是「啟蒙」的關鍵*** 在課堂中,老師們讓孩子學習到的只是「工具的使用方法」,剩下的就都是讓孩子去自由發揮了,而在創造的過程,孩子們自然而然會做出 **自己覺得很酷、很好笑、很好玩** 的東西! 在數學課堂上做題,「**1+1**」,只能用鉛筆在不超過解答格的範圍寫出適當大小的 「**2**」,才能得到正確的分數勾勾,而在這樣的學習過程中,孩子多數覺得學校學科不有趣,也正是為什麼孩子總是想要脫離課本、習作的原因! | 學生上課畫面 | | | | -------- | -------- | -------- | | ![](https://i.imgur.com/23ugkIL.jpg) | ![](https://i.imgur.com/QMehDum.jpg)| ![](https://i.imgur.com/mBkEJcx.jpg)| |![](https://i.imgur.com/t8D6kre.jpg)|![](https://i.imgur.com/ve4Cuih.jpg)|![](https://i.imgur.com/14N8uyV.jpg) >時代大不同,如何對抗與孩子的「代溝」 在資訊這麼蓬勃發展的時代之下,3C產品已經是幾乎每個家庭的必備用品,而現在的網際網路之發達,不管是電腦或是手機,只要輸入關鍵字後「輕鬆一點」,就可以得到任何你想要的資訊,不管是知識、遊戲、影音等等,都比起十年前剛接觸3C產品的我們還要更方便、快速。 各位家長一定也有發現,比起當年還是孩子的自己,現在的小孩對於休閒娛樂的「胃口被養大」,而這正是近年不少家長以及老師們,在面對孩童教育中所需要接受的巨大挑戰。 遊戲程式設計師提倡「**親子共學**」,在課程中一起創作、學習,能看到孩子發揮創意的瞬間,體驗到除了在習作本上算數學、寫題目外,「邊玩邊學」也能夠理解程式、英文、數學、自然等等學科相關的內容,更能透過「**設計出屬於自己遊戲**」的應用,讓孩子達到書本上無法給予、超乎想像的成就感! | 部落客媽媽親子共學照片 | | | | -------- | -------- | -------- | | ![](https://i.imgur.com/JHkMOha.jpg)| ![](https://i.imgur.com/bS18efF.jpg)| ![](https://i.imgur.com/QM2jsI8.jpg)| >線..線上課,這東西能線上教嗎? 今年疫情來襲,不管是學校、補習班或是像我們這樣的程式教育單位都面臨了巨大的考驗。 CodingBar因為有持續推廣 **線上自學** ,所以對於「線上教學」不論是線上經驗以及教學輔助的系統平台,都已經相對成熟,但唯獨國小課程這段對我們來說也是一個全新的考驗。 「**線..線上課,這東西能線上教嗎?**」 這就是我自己本人丟出來的第一個問題,到底能不能讓孩子在自己家中線上學習這樣一個程式課程,很多人應該也都明白,學生的「**自制能力**」是最為影響線上學習成效的。 「**要如何掌握小朋友在課堂上的專注度?**」這成為最重要的課題。 ![](https://i.imgur.com/10pGziY.jpg) 而這個問題,我從一個日常又簡單的狀況劇得到了解答。 ***「為什麼我們不用叮嚀,孩子們時間到了就會自己準時的坐在電視機前面看他們喜歡的卡通?」*** 這甚至不需要講出解答,大家也會理解為什麼! 學習也正是如此: - **如何激發出對課程的好奇心** - **如何產生自主學習的心理** - **如何自發的去創造更多** ![](https://i.imgur.com/gZxSyWw.png) 在課堂上如果學生遇到問題,透過視訊軟體的分享桌面功能,可以看到學生即時的程式畫面,也能夠直接控制學生電腦適時的給予幫助。 ![](https://i.imgur.com/ddl12cZ.jpg) 再加上有 **CodingBar線上學習平台** 輔助,老師這邊可以非常方便的統整學生專案,確保每位同學都有在課程進度上,也能讓孩子就算是線上課程,也不會疏於與同學互動並和其他人分享自己做出來的專案! ![](https://i.imgur.com/Vo0h6Rh.jpg) >要是以前我小時候也能有這樣的課就好了! 這將近一整年的時間,內心對自己提了許多教學以及課程設計方面的疑問,也盡力的從各個角度思考、努力去得到了解答,也慶幸在製作教材的過程,時刻的提醒自己: 「**這堂課!一定要讓來上課的小鬼們覺得好玩!**」 透過了「**遊戲程式設計師**」,對於 **設計課程&教學** 也有了超乎自己原本預期的成長,在實際教學的過程看到孩子們在每堂課中充實且獲得成就感、開心的玩著自己設計的遊戲、興奮地和我分享他們畫的角色,甚至小小邪惡的分享自己獨創的「遊戲BUG」(讓遊戲可以無限得分、永遠不會GameOver、或是一條只有自己知道的通關小密道等等) 有些孩子設計的遊戲都比我的還要有趣!畫得比我還要棒! 常常都會讓我大開眼界,這也是我喜歡啟蒙教育的原因: 「**所有在和我學習的孩子,也都是我值得學習的對象!**」 ![](https://i.imgur.com/3Ox6UuM.jpg) 雪莉の結語:「**現在小孩可真是有夠幸福!**」 --- ### 學生成果 ![](https://i.imgur.com/f2BY1fQ.png) https://codingbar.ai/collection/index.html