分類: 軟體教學
CCR雲端平台使用 線上評量的好幫手
開課(訪客互動)
點選教師登入
點選GOOGLE
編輯主頁面
建立教室
進入教室/主頁面
輸入名稱
兩位學生進入教室
教師出題
出題後畫面
答案畫面
宜蘭縣版APP INVENTOR 2課程_04_數學四則運算APP設計
APP INVENTOR2 遊戲設計 打磚塊
圖庫檔案(寬度80X高度20)
遊戲設計架構
- 遊戲場景規劃
- 遊戲角色控制技巧(按鍵、觸控、感測器)
- 計分系統(遊戲的勝、負)
- 遊戲時間系統
- 配樂設計
- 配樂設計
一、遊戲場景設計
二、遊戲角色控制-主角
按鍵控制技巧
拖曳控制-觸控
加速度感測器控制角色
二、遊戲角色控制-配角
角色的移動
角色碰撞事件
三、勝負系統(計分設計與勝負判斷)
勝利條件
失敗條件設計
時間系統使用-計時器與時間勝負
五、配樂的設計
六、開頭動畫與遊戲說明
七、封面設計教學
APP INVENTOR 飲料點餐APP介面設計
遊戲製作_角色去背與使用技巧
當我們製作遊戲時經常會為了節省時間使用現成的圖片。
但圖片通常未能符合我們的需求，故需要經過裁切、去背才能使用。
以下說明從現有圖片中產生所需要的角色。
如果要製作一個打地鼠遊戲。所需要的角色就是地鼠。
先上freepik 搜尋所需圖檔
儲存到本機電腦中。
1.用photopea開啟
2.利用【選取工具】選取所需範圍，【影像】/【裁切】
3.利用魔術棒工具
點選白色區域
按下【Delete】刪除背景
4.將角色區域最小化
【影像】/修剪/會自動將角色區域最小化。
5.輸出角色，帶透明度的只有PNG與GIF格式，請同學注意。
6.匯入APP INVENTOR
完成角色使用。
Photopea影像去背與合成_選取工具_磁性套索工具使用
在影像處理中，經常被被使用到的技巧就是P圖，P圖經常使用到影像的去被，以下說明如何去背。
開啟要處理的影像檔案。
點選磁性套索工具
點選起點/線條會跟著邊緣移動(確定路徑後會變成方塊小點，就不能改變路徑了)/如果有錯誤的點可以按下【Delete或Backspace】可刪除目前確定的節點。
繞一圈到起點後，點選，會變成虛線選取狀態。
開啟想合成的圖檔。
因為這張圖跟我們想合成的主角方向剛好相反。
所以我們將整張圖檔水平翻轉。
回到選取的照片，複製，同學也可以按下快速鍵【Ctrl+C】。
回到要合成的圖片，貼上。同學也可以按下快速鍵【Ctrl+V】。
完成圖片。
更多調整技巧請見影片說明。
簡易白色背景去背與批次裁切圖檔
APP INVENTOR 2遊戲設計_打地鼠遊戲設計
003.認識水果APP-介面配置、按鈕、圖像應用
學習目標：
1.APP版面配置設計與應用
2.按鈕事件應用。
3.文字轉語音應用。
一、執行範例
教學影片
二、運算思維
三、介面設計
介面配置，畫格子放按紐。
放入按鈕。
調整按鈕寬度比例，3顆按鈕平均，每個約33。只需要調整最上面按紐。下面的按鈕寬度會受最上排按鈕寬度影響。
圖像元件配置，希望圖片呈現滿板在手機，寬度、高度都調成填滿。
下載使用的圖片。下載(https://www.freepik.com/ 版權所有)
不可以用無痕模式操作。
解壓縮全部。
解壓完成。
選擇九種水果上傳。
完成後素材庫會有上傳圖檔。
按鈕命名/按鈕1對應西瓜(圖-slice-00-0.png)→按鈕1文字命名為【西瓜】
其他以此類推。檔名要記得，等等程式設計需要使用。
四、程式設計
APP動作：點選水果按紐→顯示水果圖片
動作解析：【當按鈕1被點選】→設定【圖像1的圖片】為【slice-00-0.png】
圖像1屬性。
文字：輸入對應檔名。
完成第一個按鈕功能。
其他按鈕以此類推。
★重要技巧-元件多的時候記得將元件命名，寫程式不易造成混亂。
例如 草莓的按紐→命名為【按紐草莓】
程式設計時可很清楚在處理哪個元件。
※延伸挑戰
Q1.完成會講話的APP，按下西瓜按紐→APP會讀出西瓜。
提示：文字轉語音。
Q2.用其他語系讀出
提示：文字轉語音/語言。(呼叫讀出文字前，先設定文字語音轉換器，可將讀出來語言轉換。)
語言代碼：中文(ZH)日文(JA)
