目前分類:未分類文章 (11)

瀏覽方式: 標題列表 簡短摘要

【App Inventor 2 初學者 範例 2018 】BA03 打地鼠 MoleMash (BA03_2018)

說明:在"打地鼠"遊戲中,一隻地鼠在草原上隨機位置上彈出,玩家在地鼠消失之前擊中得分。本課程練習如何建構地鼠作為使用動畫的簡單遊戲的範例。

畫面編排:

BA03-01.jpg

地鼠36X42 png檔


[程式設計 :]

介紹:本遊戲,讓地鼠每半秒鐘移動一次。如果被觸摸,分數增加1,產生振動。按重新啟動將分數重置為零。

本範例使用:
圖像精靈
定時器和時鐘組件
程序
選擇0到1之間的隨機數
文本塊
typeblocking

範例中幾個組件:
一個名為“畫布300X300”的畫布。這是地鼠移動的區域。
一個名為“分數”的標籤,顯示得分,即玩家擊中地鼠的次數。
一個按鈕命名為“再玩一次”。
將這些組件從組件面板拖到查看器上並分配它們的名稱。將“畫布300X300”放在頂部,並將它的尺寸設置為
300像素寬300像素高。將分數”的文本設置為“得分”。將"再玩一次”的文本設置為“再玩一次”。還要添加一個音效組件並將其命名為“震動”。您將使用震動來使手機在摩爾撞擊時發生振動

計時器和時鐘組件:
你需要安排地鼠週期性地跳躍,並且你會在計時器組件的幫助下做到這一點。計時器組件提供了處理時間的各種操作,比如告訴你日期是什麼。在這裡,你將使用該組件作為計時器,在常規內部觸發。觸發時間間隔由計時器的計時間隔屬性決定。拖出一個計時器組件; 它將進入不可見的組件區域。將其命名為“地鼠計時器”。將其計時間隔設置為500毫秒以使鼴鼠每半秒移動一次。確保已選中啟用計時

BA03-02.jpg
BA03-03.jpg

執行畫面:

BA03-04.jpg

BA03-05.jpg]

BA03-06.jpg

 

【App Inventor 2 基礎 範例 2018 】
 

s810802 發表在 痞客邦 留言(0) 人氣()

【App Inventor 2 初學者 範例 2018 】BA06 照片撥打電話 PicCall (BA06_2018)

畫面編排:

BA06-01.jpg
程式設計:

BA06-02.jpg
執行畫面:

BA06-03.jpg

 

【App Inventor 2 基礎 範例 2018 】
 

s810802 發表在 痞客邦 留言(0) 人氣()

【App Inventor 2 其他 範例 2018 】O02 BMI(身體質量指數)計算機 (O02_2018)
畫面編排:

O02-01.jpg

程式設計:

BMI身高體重指數(又稱身體質量指數英文Body Mass Index,簡稱BMI)是一個計算值,主要用於統計用途。

BMI = 體重(以公斤為單位) / 身高2(以公尺2為單位)
例如:一個70公斤的人,身高是170公分,則BMI為
70(公斤)/1.702 ( 公尺)= 24.22
體重正常範圍為  BMI=18.5~25 
BMI<18.5,請輸出“體重過輕”。
18.5≦BMI<25,請輸出“標準體重”。
25
BMI<30,請輸出“過重”。 
 BMI≧30,請輸出“肥胖家族”。
BMI.jpg

O02-02.jpg

O02-03.jpg
執行畫面:

O02-03.jpg

O02-04.jpg


【App Inventor 2 其他 範例 2018 】

文章標籤

s810802 發表在 痞客邦 留言(0) 人氣()

【App Inventor 2 其他 範例 2018 】O01 地圖簡易版GoogleMap (O01_2018)

畫面編排:

HW08-01.jpg
程式設計:

O01-02.jpg
執行畫面:
HW08-03.jpg

O01-04.jpg

【App Inventor 2 教學 範例 2018 】

s810802 發表在 痞客邦 留言(0) 人氣()

【App Inventor 2 基礎 範例 2018 】BA01 您好喵咪 HelloPurr (BA01_2018)

畫面編排:

BA01-02.jpg

素材:

圖片:(按右鍵,另存新檔)
http://appinventor.mit.edu/explore/sites/all/files/ai2tutorials/helloPurr/kitty.png
貓叫聲 :(按右鍵,另存新檔)
http://appinventor.mit.edu/explore/sites/all/files/ai2tutorials/helloPurr/meow.mp3

各種聲音音效
http://www.mcjh.kl.edu.tw/usr/wdh/techedu/wavsound/index.html

各種聲音
http://www.mcjh.kl.edu.tw/usr/wdh/techedu/wavsound/index.html

程式設計:

HW01-03.jpg
執行畫面:

BA01-04.jpg

ref:

http://appinventor.mit.edu/explore/ai2/hellopurr.html

【App Inventor 2 基礎 範例 2018 】

s810802 發表在 痞客邦 留言(0) 人氣()

【App Inventor 2 其他 範例 2018 】

O01 地圖簡易版GoogleMap

O02 BMI(身體質量指數)計算機

 

 

【App Inventor 2 教學 範例 2018 】

 

s810802 發表在 痞客邦 留言(0) 人氣()

【App Inventor 2 初學者 範例 2018 】BE01 文字轉語音 TalkToMe Text-to-Speech (BE01_2018)

畫面編排:

 

BE01-03.jpg

 

程式設計:

 

BE01-02.jpg

執行畫面:

 

 

OUT1.jpg

 

參考資料:
http://appinventor.mit.edu/explore/sites/all/files/hourofcode/TalkToMePart1.pdf

 

【App Inventor 2 初學者 範例 2018 】

s810802 發表在 痞客邦 留言(0) 人氣()

【App Inventor 2 進階 範例 2018 】

A01 Colored Dots for App Inventor 2
A02 Pizza Party with Fusion Tables for App Inventor 2
A03 NFC Cup Game for AI2
A04 Android, Where's My Car? for App Inventor 2
A05 Map It: Displaying Locations on a Google Map
A06 Exploring with Location Sensor in AI2
A07 Oh My Spikes
A08 WebView Javascript Processor for App Inventor
A09 Firebase Authentication in App Inventor Using Javascript

http://s810802.pixnet.net/blog/post/56606178

http://appinventor.mit.edu/explore/ai2/tutorials4658.html?page=2

【App Inventor 2 教學 範例 2018 】

s810802 發表在 痞客邦 留言(0) 人氣()

【App Inventor 2 中階 範例 2018 】

I01 Get the Gold for App Inventor 2
I02 Paint Pot Extended with Camera (AI2)
I03 Mole Mash 2 with Sprite Layering for App Inventor 2
I04 VideoWall for App Inventor 2
I05 StockQuotes for App Inventor 2
I06 Mini Golf: Fling, TouchUp, TouchDown Gestures for App Inventor 2
I07 Space Invaders
I08 No Text While Driving for AI2
I09 QuizMe for App Inventor 2
I10 Sharing Component: send files and text with the app of your choice
I11 Photo Booth App
I12 LEGO ® EV3 Tilt-to-Drive Tutorial
I13 Lego EV3 Pet Robot
I14 LEGO EV3 Color Search

http://s810802.pixnet.net/blog/post/56423361

http://appinventor.mit.edu/explore/ai2/tutorials.html#

【App Inventor 2 教學 範例 2018 】

s810802 發表在 痞客邦 留言(0) 人氣()

【App Inventor 2 基礎 範例 2018 】

BA01 您好喵咪 HelloPurr
BA02 魔術8號球 Magic 8 Ball
BA03 打地鼠 MoleMash 
BA04 照片塗鴉1 PaintPot (Part 1) 
BA05 照片塗鴉2 PaintPot (Part 2) 
BA06 照片撥打電話 PicCall
BA07 您好小蜜蜂 Hello Codi!

http://appinventor.mit.edu/explore/ai2/tutorials.html#

【App Inventor 2 教學 範例 2018 】

s810802 發表在 痞客邦 留言(0) 人氣()

【App Inventor 2 初學者 範例 2018 】

BE01 文字轉語音 TalkToMe Text-to-Speech 
BE02 擴充文字轉語音(搖晃) Extended TalkToMe : Shake!
BE03 彈跳球 BallBounce Game
BE04 數位塗鴉畫圖 DigitalDoodle Drawing

http://s810802.pixnet.net/blog/post/56619741
http://appinventor.mit.edu/explore/beginner-tutorials-short.html

【App Inventor 2 教學 範例 2018 】

s810802 發表在 痞客邦 留言(0) 人氣()

您尚未登入,將以訪客身份留言。亦可以上方服務帳號登入留言

請輸入暱稱 ( 最多顯示 6 個中文字元 )

請輸入標題 ( 最多顯示 9 個中文字元 )

請輸入內容 ( 最多 140 個中文字元 )

請輸入左方認證碼:

看不懂,換張圖

請輸入驗證碼