[小貓咪程式開發]飛天小喵咪

Jimmy小朋友改編自Scratch小喵咪程式官網"Make it fly"專案,遊戲的場景會往後移動,小喵咪要上下移動避開迎面飛來的足球與蝙蝠,撞滿三次小喵咪便會翻白眼無力再飛



到這裡可以看完整的程式碼

[小貓咪程式開發]接水果

寫程式就像練功一樣,不進則退,最近給Jimmy的程式作業,便是每週構思一個小遊戲, 靈感可以來自他玩過的網路遊戲,本週的題目"接水果",玩家須移動主角可愛猴子,承接從天上掉下來的水果,還有端午節應景的粽子,便能得分,看似簡單的遊戲,可讓Jimmy複習以往學習的程式技巧,光游戲過程呈現的細膩度,就需要好幾天調整測試

請按右上方綠旗或螢幕中間,按鍵盤左右箭頭可移動猴子

到這裡可以看完整的程式碼

這是第二版,增加音效及一些效果讓畫面不呆板

到這裡可以看完整的程式碼

甲骨文占卜

還在開發中,先把連結post上來

[小貓咪程式開發]小蘋果

這個農曆新年期間,只要Jimmy小朋友一接管電視遙控器,一定會切換到Youtube來段洗腦神曲"小蘋果",我們全家大小大概聽過各種版本的小蘋果,所以開春後上工給Jimmy第一個程式作業也是小蘋果!!!

請按右上方綠旗或螢幕中間

到這裡可以看完整的程式碼

[小貓咪程式開發]精靈融合

兩個月前,我給Jimmy指派這個精靈融合的程式作業,大概解釋一下我的想法,剩下的設計實作就任由他發揮,Jimmy依據以往玩遊戲的經驗,設計許多的使用者介面切換動作,但是Scratch本身並不支援視窗、表格等UI元件,所以他自己從無到有花許多時間寫程式,由於Scratch廣播訊息不方便以中文命名,Jimmy直接以數字或字母命名訊息,整個程式架構夠複雜到讓小小年紀的他,體會到什麼是什錦麵或義大利麵式爛設計模式



到這裡可以看完整的程式碼

為了達到程式效果,Jimmy大概用了超過40個以上的訊息廣播,除錯起來讓人眼花撩亂,不過對一個國小四年級小朋友來說,肯花時間有耐心地觀察十多個角色之間訊息傳遞, 實在難能可貴

精靈融合玩法,先按右上方綠旗,再按PLAY



鼠標移到左上方,有火系、水系、植物系目錄選項,先選擇火系精靈



這時出現的表格會列出所有火系精靈,目前的版本只列出兩種火精靈,接下來點選精靈



按MIX可融合兩種精靈



這是融合後的新精靈



按BOOK可瀏覽你有哪些新精靈



這個頁面花了好多時間除錯,未來如果有更多原始精靈,Jimmy鐵定要耗更多時間修改,他就會體會到什麼是什錦麵/義大利麵爛設計模式

[小貓咪程式開發]視覺實驗

[小貓咪程式開發]3D錯視(Illusion)躲貓貓

隨著滑鼠移動,小喵咪會躲到柱子後方遠處 ,但是偶爾小喵咪跑到畫面上下某個範圍會穿幫,所以Jimmy小朋友必須會使用複雜的邏輯判斷x與y座標,讓小喵咪不得於踰越雷池一步

[小貓咪程式開發]從影分身中找到小喵咪本尊

由於Scrath 2多了幾個處理分身(clone)的指令積木,這些指令用的好的話,其實可以大幅簡化程式邏輯及裁撤冗餘角色,為了讓Jimmy小朋友熟悉角色影分身的用法, 所以構想了讓小喵咪擁有卡通火影忍者鳴人的影分身能力,一開始持球的小喵咪是本尊,隨後出現的小喵咪其實都只是同一角色的影分身而已,只要滑鼠能點到本尊的話 ,不管畫面出現多少影分身,馬上如同夢幻泡影般立即消失


到這裡可以看完整的程式碼 , 小喵咪本尊的程式碼其實是很簡單的

[小貓咪程式開發]分身克隆實驗,文數字輸入

由於Scrath 2多了幾個處理分身(clone)的指令積木,這些指令用的好的話,其實可以大幅簡化程式邏輯及裁撤冗餘角色,為了讓Jimmy小朋友熟悉角色影分身的用法, 所以構想了一般程式開發常用到文數字輸入的為題目,不管鍵盤輸入後畫面出現多少字,其實都只是同一角色的影分身而已

滑鼠先按一下綠旗並移至程式畫面,便可以輸入文數字


到這裡可以看完整的程式碼

用Scratch開發的《Flappy Bird--浩呆鳥》

《Flappy Bird--浩呆鳥》是一款玩法簡單卻需要耐心才能過關,很適合大人小孩一起來玩的小遊戲,有人已經寫好Scratch版本的Flappy Bird,整個程式架構可以說麻雀雖小五臟俱全,裡頭有遊戲開發的所需的基本要素,喜歡玩遊戲的大小朋友不妨花點時間閱讀程式碼,嘗試看看擴充遊戲的邏輯,應該會有不少收穫

請按空白鍵,便能操控遊戲
到這裡可以看完整的程式碼

[小貓咪程式開發]甲蟲飼育遊戲

Jimmy這個暑假以來很熱衷養甲蟲,所以這次的小喵咪程式題目就是甲蟲飼育遊戲,將平日飼養甲蟲的心得作為開發程式的靈感來源!!!

[小貓咪程式開發]簡單的加密解密程式

這個簡單的加密解密程式課程歷經好幾週,課程內容對Jimmy來說極其無聊,上課時常假裝"度辜"對我表示抗議,可是Jimmy學習多年的小喵咪程式,若不趕快踏出理解迴圈運作這痛苦的一步,永遠是自我感覺良好的原地踏步

這隻程式需將輸入的字串轉存到S陣列清單,然後將S陣列內容逐項查字母表,再將字母表查到的下一筆內容置換到S陣列清單,這會大量使用到陣列及索引值及迴圈等程式技巧,而且藉由將程式邏輯分拆為多塊函式積木逐漸開展實作,讓Jimmy小朋友每次回到課程上時,都能藉由模仿微調上次完成的函式積木,在有限的時間內完成任務

請按空白鍵,接著輸入你要加密的字串
按這裡可以看程式碼

[小貓咪程式開發]轉輪盤遊戲

Jimmy的新作,轉輪盤遊戲,程式碼請看這裡
滑鼠先按一下程式畫面裡的button,再輸入數目字猜猜看

[小貓咪程式開發]磅秤

三年級的Jimmy學過重量及角度的概念,所以我出個模擬磅秤的程式題目,讓Jimmy學習不同單位的轉換,一開始Jimmy將輸入的重量直接當作指針轉動的角度,執行結果當然與預期不符,此時便可教導jimmy如何換算比例求得正確的角度

滑鼠先按一下程式畫面,再按空白鍵可輸入重量

[小貓咪程式開發]貓咪鬥巫師

上個星期我給Jimmy一個簡單的遊戲情節大綱,讓他開發一個雛型,希望這學期能藉由這個版本,能逐漸擴展多個關卡還有完善角色們的動作細節,並且學習撰寫遊戲操作文件

期待我們父子倆這小小的敏捷開發團隊,彼此腦力激盪發揮創意開發出高品質的小貓咪程式!!!

終於可以在Android平板上寫Scratch 2.0小貓咪程式了

帥吧!!!Scratch 2.0在Android平板上跑起來還蠻順暢的,Jimmy's papa終於可以擺脫掉卡卡的Squeak/Pharo版本



切換平板畫面為垂直方向,便能看到畫面下方的造型區,可以新增或點選造型



用點小技巧,也可以全螢幕顯示



這是實機照,Scratch 2.0在10吋的平板上,字體有點小看起來很吃力,幸好積木還可以隨意放大縮小

JForthBlocks--使用[IF]...[ELSE]...[THEN]積木

使用[IF]...[ELSE]...[THEN]積木可以讓Forther選擇控制哪些程式碼段落需要編譯與解譯,哪些段落則不需要

在開發Library時,因為各個Forth系統不一定實作Library所用到的符式詞(Forth word),需要用到[IF]...[ELSE]...[THEN]積木適時補上缺漏

以下範例說明,如何選擇哪些段落需要執行,可到JForthBlocks線上試玩版 jforthblocks.appspot.com試玩看看

寄件者 scratchlab02

寄件者 scratchlab02

JForthBlocks--Linked List

目前JForthBlocks沒有高階的資料結構可用,或許過陣子引用其他現成的積木庫試試看效果如何,不過Jimmy's papa自己動手寫個簡單的連接串列,嗯!還蠻簡單的哩!!!

底下是配置ABCD四個記憶區塊,每個區塊都可儲存下一個連接地址與區塊紀錄的字串內容,ABCD區塊分別對應大野狼,大豬,二豬與豬小弟

不過區塊一多的話,就不能用這個法子,因為要幫每個區塊取名很麻煩!!!

寄件者 scratchlab02

JForthBlocks-以美味蟹堡當範例,八歲的Jimmy學如何使用堆疊指令

Jimmy's papa為了方便Jimmy小朋友能很快的進入狀況,以他喜歡看的卡通海綿寶寶當範例,先造好一些美味蟹堡製作手藝的中文程式積木,這樣一來他就可以專注在堆疊的操作學習上

在Jimmy小朋友邊try邊與我討論時,我也在觀察中文程式積木的命名,是否能讓小朋友快速理解單個積木的功能,再由多次嘗試錯誤的組裝過程,進一步對程式運作的原理心領神會

這段是Jimmy小朋友親自操作解說的


這整段是合集

JForthBlocks--ProcessingJS Button Sense按鈕範圍試作

寄件者 scratchlab02

寄件者 scratchlab02

寄件者 scratchlab02