10/25 萬聖節-爆打南瓜 (上)
前言：
「不給糖就搗蛋」，萬聖節就快到了，我們第一堂社課就在這麼歡樂的時刻來了，今天振彰老師巧妙地把【萬聖節】這個主題帶進了App Inventor 2來製作小遊戲，真是搞怪又有趣。
介紹：
這個課程包含：
1. 讓物件消失以及出現
2. 透過計時來啟動物件
3. 如何計分
準備開始：
首先，我們要用下面這個網站來做程式，需要用Google 帳號登入。
1. 開始一個新物件
每次你要做一個新程式時，就要從這個地方開局。
2. 命名一個新物件
幫你這個新物件取個名子! 只能用英文下去命名，要特別注意的是，這個物件名子不代表你程式的名稱，只是一個製作過程的名稱而已，所以取一個你自己好整理的名稱就好。
3. 起始畫面
以上步驟做好，你看到這個畫面，表示一切可以開始就緒了。
4. 準備素材*2種
今天做的程式，將會需要用到人物的圖，你可以自己畫。
當然你懶得畫的話，你可以到下面這個網站找圖，都是免費無版權問題。
為了符合今天的主題，我們就搜尋「南瓜」，不喜歡的話，當然可以照自己喜好。
找兩種圖，一種表示好南瓜，一種表示壞南瓜。
之後，開一個資料夾，把這兩張圖下載到裡面之後，重新命名，這是為了讓你之後好辨識你的素材。
以上步驟準備完成，我們就可以開始進入寫程式階段了。
程式：
1. App的基本屬性設定
一開始最右邊有一欄標題寫著properties，那個地方是一個項目的基本設定。
紅色框框的地方就是可以 更改這個App名稱。
藍色框框的地方則是目前這個畫面的主名稱。
2. 上傳準備好的所有素材
點擊上傳檔案
3. 讓畫布充滿整個畫面
Canvas 的中文就是 畫布，畫布為一矩形區域，可在其中執行繪畫等觸碰動作或設定動畫。
在最右邊的繪畫與動畫裡找到畫布，之後拖曳進去。
點選畫布之後，來設定一下畫布，BackgroundColor是背景顏色，這裡你可以自由選，當然你也可以上傳BackgroundImage(背景圖片)來選擇自己想要的圖片。
接下來，別忘了調整畫布的長度和寬度，圖中籃框處可以自由調整，Height(高)、Width(寬)。
這裡的選項有四種，有 (1)自動調整 (2)填滿 (3)像素(自己想要的大小) (4)比例 (自己想要的大小)
我們選擇填滿，就會看到畫布佔了全部的畫面。'
4. 創造一個新角色
圖片精靈(ImageSprite)元件為一個動畫物件，它可和畫布上，的球和其他 ImageSprite 進行互動。可置放於畫布中的動畫物件，可以回應觸碰和拖拉事件，與其他動畫物件（球或其他 ImageSprite）和畫布邊緣互動，或者它可根據屬性設定來移動。
首先，把圖片精靈拉進畫布。
5. 重新命名以整理設計版面
這一步你可以在這個地方把各種元件重新命名(Rename)，命名自己習慣看的名子，這樣一來在操作時比較不會容易把各種元件搞混，以免之後程式寫錯。
6. 進入程式方塊介面
圖中分別有Designer(外形介面) 和 Blocks(內部程式運作)
Designer就好像人的身體；Blocks就好比大腦的指令。
由此點選Blocks進入內部程式方塊。
7. 動作1：使南瓜被觸按之後會消失
為了讓南瓜被觸按之後會消失，我們必須先針對南瓜來做，在最左邊找到圖片精靈「壞南瓜」，點下去會有很多項目出來。
橘色的程式方塊：當發生...時，就要...
深綠色的程式方塊：做的指令與動作
也就是說我們要先把橘色的方塊拖曳進去，由於我們要的效果是「被觸壓」時，所以我們選擇TouchDown。
圖中紅框框的那個深綠色方塊指令是能去做「調整壞南瓜的能見度」的動作。
拉進去之後還不能運作。
在邏輯的地方，找到False接到 剛剛那個 「調整壞南瓜的能見度」的後面。
把以上的方塊用文字解釋的話就變成：
IF 被觸壓時，設定 南瓜是否能被看到 = False 。
8. 動作2：使南瓜經過一定時間後又再次出現在畫布上
首先我們又必須再次回到Desinger。
(1)Sensors(感官)：這個地方可以讓手機感應到外界傳來的動作
需要計時的時候，我們一定要從(1)感官這邊 找到 (2)計時器(Clock)拉進去。
然後你就會看到計時器出現在下面(3)，表示有此感官。
一樣來到設定這邊看，(4)啟用計時器(TimeEnabled)是一開始就啟用該感官，但由於我們不需要一開始就啟用，記得把這邊勾勾取消。
(5)時間區間(TimeInterval) 單位為毫秒。
到方塊區，針對計時器去做指令，找到上面紅色框框的指令並拉進去，當計時器1..就...
這裡教個小技巧，使用快捷鍵能夠複製和貼上方塊。
把那深綠色的指令複製貼上下去，記得把False改成True。
如此一來，IF 計時器計時到1秒時，設定 南瓜是否能被看到 = True。
也就是說一秒之後南瓜就會出現。
上面這張圖片，聰明的你是否猜到用意了吧?
總的來說， 當南瓜被按到，就會消失，然後計時器就會被啟動。
當計時器被啟動，1秒後，就會設定南瓜出現，計時器會被關掉。
然後你再按一次南瓜，這樣的循環又會再一次。
以上就是南瓜出現與消失的程式原理。
下載到手機裡：
在上面找到Build(打包)，出現下面兩個選項。
上面的是 打包成QR CODE 讓你用手機掃描就可以啟動App了
下面的是 打包並下載APK檔到電腦裡。
下載並安裝之後，你就可以動手實驗看看，你剛剛做的程式有沒有成立。
結語：
這樣你已經掌握了一些基礎了，以及學會讓物件消失和出現。
是不是總覺得有些簡陋?
