STEAM的引領者！bloxels初體驗─開箱篇

       當初拆開bloxels的包裝(圖一)，有點不太知道怎麼玩，盒子裏有一堆有顏色的積木，還有堆積木的板子及一張紙卡(圖二)，但資訊不夠多。雖然有看過介紹的影片─Bloxels "When Pigs Fly" - Build Your Own Video Game，但是要下手時還真得不知從何開始!?

圖一、bloxels剛拆裝時

圖二、圖卡正反面

       最後我以我的聰明腦袋想到一個笨方法─最好的開始方法是到官網找資源，並下載app試試看，兩者同時進行，看何法比較容易了解.......。官網其實提供非常多的資源，過年期間消化不了，只能找重點。也就是找他的簡介、快速入門或是操作手冊，結果找到了Introduction to Bloxels Guide、Bloxels_EDUGettingStartedGuide.pdf、bloxels-guidebook.pdf。

        透這幾天的了解，我覺得這些文件都有可取之處： Introduction to Bloxels 是講解者
針對5-20位對Bloxels有興趣的人來進行示範(demo)，因為是示範的性質，所以只要準備一組Bloxels板子即可。Bloxels_EDUGettingStartedGuide.pdf定位為給教育者看的入門指南，包含很多資源，甚至包含一天和五天的教案。也提供了入門使用的八個步驗(註一)，現在回過頭來看，它說的步驟幾乎我有做到，但其實我是誤打誤撞而已😜。另外的bloxels-guidebook比較像是操作手冊，其中第20頁有提到如何創造 Ugly Sweater Kittyˇ貓咪的角色，就是第一個我跟女兒一起創造的角色了。

註一：EDUGettingStartedGuide所提的八個步驟：
Step 1: Unpack the Gameboard(s)拆開你的包裝(遊戲板子)
Step 2: Examine the Blocks 檢查積木
Step 3: Install the FREE Bloxels Builder App 安裝免費的 app "Bloxels Builder"
Step 4: QuickPlay & Familiarization 快速進入遊戲(瀏覽)並熟悉它
Step 5: Watch the Tutorial Videos 看教程影片
Step 6: Build Your First Game 建立你的第一個遊戲
Step 7: Design and Iterate!重覆創作(設計)
Step 8: Share and Play 分享和玩(遊戲)

       話說Ugly Sweater Kitty這隻貓好像是Bloxels Builder App裏非常有名的角色，在官網還可以看到牠的踨跡而且會看到牠的故事，其實app右上角的下拉選裏也會有這個遊戲POULTRY PANIC(圖三)。Ugly Sweater Kitty好像也是一個典型人物呢！剛所說的bloxels-guidebook第20頁有提到如何創造 Ugly Sweater Kittyˇ貓咪的角色，它引導你在App下拉選單-GAME BUILDER裏，建立一個Character(角色，這裏應指主角，也就是你的hero)。用的方法就是用不同顏色的積木拚湊到13x13 Gameboard板子上，並利用相機去感應板子裏的造型，就可完成Ugly Sweater Kittyˇ貓咪的某種造型(圖四)。Bloxels的主角都有三種造型，一為IDLE(沒有動作)、一為WALK(走路行進)、一為JUMP(跳躍)(圖五)。其中這三種造型都可以有不同的動畫效果，它動畫是以每秒畫格(Frames Per second)顯示的(圖六)；即使IDLE(沒有動作)的造型，也可讓主角眨眼或變換顏色，像圖七就顯示動物方程式電影胡尼克眨眼的姿態。

圖三、Bloxels Builder App裏的POULTRY PANIC精典遊戲

圖五、完成Ugly Sweater Kittyˇ貓咪的跳躍造型

圖六動畫是以每秒畫格(Frames Per second)顯示的

圖七動物方程式胡尼克在IDLE時眨眼睛(注意左下角的預覽效果)

進入Bloxels Builder時會進入它(內建)的遊戲(圖八)，它會提醒你可用相機及13x13 Gameboard來CAPTURE YOUR OWN HERO(擷取你想要玩主角的造型)(圖八)，遊戲的玩法有點類似早期的掌上型電視遊戲機。←((左)、→((右)；A(射擊)、A↓(炸彈)；B(跳)、B↓(噴射)，。其中炸彈和噴射要得到設備才能使用(圖九)。

圖八、拍照用它提供的13x13 Gameboard來capture your own hero

圖九、Bloxels Builder遊戲的玩法類似掌上型遊戲

        要注意的是上述我所錄製bloxels(內建)遊戲的影片，是經由註冊登入所錄製的影片，所以左上角會有記錄目前得的點數(金幣或寶石)。若你註冊前有試玩內建的遊戲，所有的金幣或寶石也會記錄起來，等到你註冊後時，第一次登入系統會先給你金幣一萬點(10,000)及寶石(+5)(圖十)。接下來系統也會問你要不要把未同步(unsynced assets)移轉到你的帳戶裏(圖十一)。

圖十、註冊後時，第一次登入系統會先給你金幣一萬點(10,000)及寶石(+5)

圖十一、未同步(unsynced assets)移轉到你的帳戶裏

        至於金幣與寶石可以做什麼用呢！遊戲裏有說明金幣可以跟其他玩家買或交易他們所創造的內容（角色或背景...等)(Buy and trade content from other players and play games)；寶石可以解鎖客製化的元素，及解鎖創造遊戲者(edior)的特殊功能...(Use gems to unlock customerzable elements,unlock editor features and more)。而guide book p.24裏也有清楚的說明the infinity wall提供玩家一個社群功能(Bloxels community)以分享遊戲(games)、角色(characters)、動畫(animations)、背景(backgrounds) 及靜態的圖(single boards)。因此我判斷為了得到金幣與寶石，註冊是必要的。
        在未註冊登入之前，Bloxels Builder左上角有個人像點人像以後，就要要求登入(圖十二)。Bloxels Builder的註冊比較特別，左下角ABOUT STUDENT ACCOUNT點了後會提供教育者註冊學生用的資訊。裏面有詳細說明13歲以下學生需要提供二階段家長同意書，而且每一帳戶需要提供一個唯一的電子郵件...。若是家長幫自己孩童申請呢？就請你點REGISTER就會進入STEP1.創建使用者名稱(CREAT USERNAME)(圖十三)。接下來STEP2、輸入家長的電子郵件獲得啟用碼(unlock code)(圖十四)；STEP3、家長收一封信：YOUR CHILD WANTS TO BE A BLOXELS BUILDER!您的孩子想要成為BLOXELS BUILDER!(內含啟用碼)(圖十五)；STEP4、輸入你的啟用碼(圖十六)；STEP5、輸入你的使用者名稱及密碼(密碼要輸入兩次)(圖十七)；註冊登入完成。

圖十二 Bloxels Builder登入介面

圖十三、STEP1.創建使用者名稱(CREAT USERNAME)

圖十四、輸入家長的電子郵件獲得啟用碼(unlock code)

圖十五、家長收一封信(內含啟用碼)

圖十六、輸入你的啟用碼

圖十七、 輸入你的使用者名稱及密碼(密碼要輸入兩次)

      我是後來玩了許多次慢慢注意到這個Bloxels Builder App的細節，找到了一個速成建立遊戲的方法(其實Bloxels_EDUGettingStartedGuide.pdf也有提到，但我初看時不夠仔細)。就是在GAME BUILDER裏選擇BUILD NEW GAME/QUICK START NEW GAME，就可以決定主角、佈局、裝飾了(Pick a Character, Layout, and Decoration)。這個就是Bloxels Builder最基本的設計概念。(圖十八)。

圖十八、QUICK START NEW GAME─Bloxels Builder最基本的設計概念

        在官網,Bloxels Builder團隊記錄他們2014年與Grand Center藝術學院及史丹佛設計學院取得密切的合作，而發展了系列課程，而且讓設計思考過程更普及化...。所以Bloxels Builder在教育方面也佔了一角！但是看Bloxels Builder教育的分布圖，最近台灣的地方是香港(Christian Alliance P C Lau Memorial International School )不知台灣的學校何時才會採用它為課程!?其實運算思惟(computa­tional thinking)外，還有設計思考（design thinking）的"新"教育思惟要考量呢!(我也還在學)
        最後奉上我與女兒創作的作品    ，這是因應過年慶祝LHES而設計的遊戲喔！😆