108 學年度 臺南市市立進學國小資訊組

mBot (所有標籤)

2018-10-19 Scratch 進階設計—射擊遊戲架構

資訊教育

Scratch 進階設計—射擊遊戲架構

程式說明

一、遊戲階段(等待至換階段

  1. 遊戲規則
  2. 遊戲開始(第一關)、第二關、...)
  3. 遊戲結束

二、角色

  1. 主角
  2. 目標(分身)
  3. 砲彈(分身)
  4. 障礙物(分身)
  5. 敵人(分身)

三、變數

  1. 得分
  2. 生命值

四、音效

  1. 背景音樂(循環播放)
  2. 射擊效果(單次播放)

https://scratch.mit.edu/projects/253878086/

2018-06-23 Scratch 課室管理

資訊教育

Scratch 課室管理

  1. 線上版

  2. 教師帳號申請

  3. 新增班級

  4. 新增學生

  5. 改編小作品、背包

  6. 分享、創作坊

2018-06-20 Scratch 遊戲設計 - 分身的事件 (events for clone)

資訊教育

Scratch 遊戲設計 - 分身的事件 (events for clone)

設計重點

測試帽子積木 (Cap-blocks) 與分身的互動關係

  1. 點擊貓咪會發送廣播訊息,測試「當搜到訊息」的事件
  2. 按下「空白鍵」,測試「當按鍵被按下」的事件
  3. 點擊紅色的 Giga 角色,測試「當角色被點擊」的事件
  4. 按下「向上鍵」,只有本尊知道
  5. 按下「向下鍵」,只有分身知道

https://scratch.mit.edu/projects/229845510/

2018-06-18 Scratch 遊戲設計 - 仿製 Diep.io 遊戲

資訊教育

Scratch 遊戲設計 - 仿製 Diep.io 遊戲

設計重點

  1. 角色旋轉(滑鼠)
  2. 角色移動(按鍵 WASD)
  3. 子彈發射(分身運用)
  4. 物件淡出(圖形效果)
  5. 碰撞偵測(條件判斷)
  6. 連續舞台(絕對值)
  7. 數值紀錄(全域變數、物件變數)

https://scratch.mit.edu/projects/229458692/

參考資源:

2018-06-14 Scratch 遊戲設計 - 歡樂夾娃娃機 (claw crane)

資訊教育

Scratch 遊戲設計 - 歡樂夾娃娃機 (claw crane)

遊戲玩法

  1. 先使用方向鍵「左」、「右」,水平移動爪子
  2. 接著,使用方向鍵「下」抓取娃娃
  3. 不是每次都可以夾到喔
  4. 可搭配 Micro:bit 或外部控制器來玩

https://scratch.mit.edu/projects/229134627/

 

參考資源:

2018-05-28 Scratch 函式與遞迴 (自訂新積木)

資訊教育

Scratch 函式與遞迴 (自訂新積木)

使用繪圖方式介紹「函式」與「遞迴」,可以視覺化的方式觀察特徵,感受規律性。此處則以「落地反彈」的現象介紹函式與遞迴,嘗試理解函式積木的特色與優點,並且呈現遞迴的「重複效果」(Tail Recursion尾遞迴)。函式為 Scratch 的進階功能,常見於多數的程式語言。函式的使用讓我們以更直覺的方式描述問題,解決問題,我們解決問題不再是逐一列舉,而是以規則和規律性來處理問題,而遞迴的使用則提供另一種更為簡潔的規則來處理問題。

  1. 函式積木
  2. 為何使用函式積木
  3. 函式積木的優點
  4. 函式積木與參數
  5. 參數
  6. 新增函式積木
  7. 程式片段
  8. 問題應用
  9. 問題描述
  10. 方法1:循序
  11. 方法2:重複
  12. 方法3:函式與遞迴
  13. 方法比較

電子書,Scratch 函式與遞迴:

http://odata.tn.edu.tw/ebooktagapi/Intro/Index2?id=b83ccee183d642b7852ec1cad60ae82c

Scratch 範例,三種方式彈跳 (循序、重複、遞迴):

https://scratch.mit.edu/projects/225806763/

參考文件:

2018-05-26 Scratch 清單功能 (List)

資訊教育

Scratch 清單功能 (List)

清單可視為變數的延伸,同樣具有「名稱」和「內容」。清單為彈性且連續的儲存空間,如同容器一般,不同的寫入與讀取順序,可以應用於不同的問題上。善用「清單」與「分身」,可以使用有限的程式來處理未知數量的問題。

  1. 變數的延伸
  2. 變數的不足
  3. 清單與變數的差異
  4. 清單的優點
  5. 建立清單
  6. 清單介紹
  7. 增加清單項目
  8. 取得清單項目
  9. 讀取清單所有項目
  10. 清單的應用—抽籤紀錄

電子書:

http://odata.tn.edu.tw/ebooktagapi/Intro/Index2?id=aa504ba64b924fe5b3bb75bcd1769a42

Scratch 範例,抽籤紀錄與比對 (清單的運用):

https://scratch.mit.edu/projects/225756254/

鋼琴錄音

https://scratch.mit.edu/projects/225299150/

2018-05-25 mBot 左右馬達試驗與旋轉方式

資訊教育

mBot 左右馬達試驗與旋轉方式

  1. 教師以 Scratch 動畫,設定「旋轉中心」,呈現不同的旋轉方式。
  2. 請學生依據「馬達一」與「馬達二」的不同數據,分別測試出「左右輪」與「馬達一二」的對應關係。
  3. 請學生測試「左輪」與「右輪」不同的轉速數值,依序驗證旋轉方式,觀察「旋轉方向」與「不動點」。

https://sulfurous.aau.at/html/app.html?id=225470347&turbo=false&full-screen=true&aspect-x=4&aspect-y=3

https://scratch.mit.edu/projects/225470347/



2018-05-25 Scratch 課程重點分類

資訊教育

Scratch 課程重點分類

2018-05-22 Scratch 分身功能 (Clone)

資訊教育

Scratch 分身功能 (Clone)

  1. 什麼是分身?
  2. 為什麼需要分身?
  3. 分身積木
  4. 如何建立分身?
  5. 分身在哪裡?
  6. 如何區別「分身」與「本尊(原來的)」?
  7. 分身的應用

電子書:

http://odata.tn.edu.tw/ebooktagapi/Intro/Index2?id=a2c9592177e0443bbbc1194101b8ee58

Scratch 範例:

https://scratch.mit.edu/projects/224505889/

2018-05-16 Scratch 遊戲設計—跳過石頭

資訊教育

Scratch 遊戲設計—跳過石頭

石頭會從主角的前方跑過來,按下「空白鍵」或「滑鼠左鍵」跳起來避開石頭。簡單的跳躍遊戲,運用景深的方式由遠到近。

行動裝置版本,可使用觸控方式點擊。

https://sulfurous.aau.at/html/app.html?id=223418719&turbo=false&full-screen=true&aspect-x=4&aspect-y=3

https://scratch.mit.edu/projects/223418719/

2018-03-09 mBot 循線軌跡設計 (適應各種顏色與反光程度的平面)

資訊教育

mBot 循線軌跡設計 (適應各種顏色與反光程度的平面)

由於各種平面的顏色與反光程度不一,單使用黑色軌跡不足以讓 mBot 順利循線前進。使用常見的「PVC絕緣膠帶」,選擇「黑」「白」兩色,以「黑白黑」或「白黑白」的交錯方式佈設,將 mBot 的循線範圍限制在外側兩線內,可適應於一般地面環境。

2018-03-03 mBot 如何使用 Gyroscope (陀螺儀) 自行走直線

資訊教育

mBot 如何使用 Gyroscope (陀螺儀) 自行走直線

這裡我們嘗試運用外部感應器讓 mBot 自行走直線 (straight line),也就是利用感應器回傳的數值來修正 mBot 的行走方向。可運用的感應器有「羅盤 (compass)」、「陀螺儀 (gyroscope)」與「加速計 (accelerometer)」,三者的差異可參考「Difference between Accelerometer , Compass ,Gyros or Gyroscope」。

而「走直線」在此意味著盡可能讓 mBot 朝著初始位置 (initial position) 所指的方向前進。起初嘗試運用「電子羅盤」指引方向,但容易受到地球磁場以外的磁性物質干擾,不利於 mBot 正確找到方向。因此,選擇「陀螺儀」來偵測 mBot 車體偏移情形,及時轉向,回到初始指向的路線。

  1. 選用陀螺儀「Me 3-Axis Accelerometer and Gyro Sensor」,裝置於 mBot 上,讀取 Z 軸資訊取得車體偏移情形。
     
  2. 車體相對於平面的靜止情況下,Z 軸的數值雖然上下起伏,尚在一定範圍內,其數值仍具參考價值。如將 USB 電源供應改為電池供電後,將明顯發現 Z 軸數值不斷偏移,隨著時間而增加 (可為負值),這樣便無法正確運用 Z 軸的數值了解車體偏向情形。推測或許是 drift 的問題,可參考關鍵字「gyro drift」搜尋相關文件。
  3. 如何修正 mBot 陀螺儀 Z 軸數值偏移的問題呢?
    首先,透過簡單的程式來紀錄「時間」與「Z 軸數值」的對應關係,「時間」則是 mBot 內部的計時器數值。取樣的過程,可以加入時間間隔,每隔0.5秒、1秒,或是0.1秒皆可。避免過於頻繁讀取,感應器未能及時反應,而取得極端數值。

    將數值紀錄於清單 (list) 中,再將此資料匯出,透過相關統計軟體來分析與計算。
  4. 觀察「時間」與「Z 軸數值」對應關係,排除掉過大或過小的數值,推測可能為線性關係 (linear),進一步使用統計軟體(如「Linear regression calculator」)分析與確認。下表數值中,也會發現當 Z 軸數值小於 -180 後,將變成 180;而大於 180 後,將變成 -180。在後面的程式中會針對這個問題做處理。

    Z 軸數值每秒大概會有接近 -3.0 的增加。
  5. 實際程式
    透過 calc_drift 函式,可以依實際請況自動取樣計算合適的 drift 值。或依據實際經驗,指定 drift 值,如 calc_drift2 函式。這裡修正所需的經驗數值約是 3.34。
  6. 上述方法,雖不能完美的直線行走,尚能於適當距離內完成近似直線的軌跡。正所謂「失之毫釐,差之千里」,初始指向的些微差異,隨著時間變化,終將使得 mBot 與目標位置漸行漸遠。
  7. 借用 Micro:bit 或其他的「電子羅盤 (磁強計)」,增加額外的觀察資訊,提供 mBot 判斷方向或許值得一試。

    下圖程式,將 Micro:bit 讀取到的方位感應值稍做判斷後,以數位信號方式與 mBot 溝通。

2018-02-22 Scratch 遊戲設計—3D 迷宮 (3D Maze)

資訊教育

Scratch 遊戲設計—3D 迷宮 (3D Maze)

設計重點

  1. 運用切片層疊的方式製造深度,產生立體效果
  2. 偵測球體與牆面的碰撞

JavaScript 版本 (適合手機與行動裝置)

https://scratch.mit.edu/projects/205525319/

 

參考資源:

2018-02-21 Scratch 模擬設計—紅綠燈與小綠人動畫 (Traffic Light with Animations)

資訊教育

Scratch 模擬設計—紅綠燈與小綠人動畫 (Traffic Light with Animations)

設計重點

  1. 模擬燈號(綠、黃、紅)顯示的時間順序,運用造型變化功能
  2. 設計小綠人快走或跑步動畫

JavaScript 版本 (適合手機與行動裝置)

https://scratch.mit.edu/projects/205311495/

 

參考資源:

2017-12-13 Scratch 進階技巧—視差捲動 (Parallax scrolling)

資訊教育

Scratch 進階技巧—視差捲動 (Parallax scrolling)

透過不同「深度」的「圖層」變化,越底層的背景移動速度越慢,藉以營造出距離玩家不同遠近的視覺效果。

範例中,技巧性的藏入一白色橫條,避免移動到畫面邊界時出現延遲的問題,增進畫面的平順。

https://scratch.mit.edu/projects/193202835/

 

參考文件:

2017-12-09 Scratch 與 Micro:bit 硬體擴充

資訊教育

Scratch 與 Micro:bit 硬體擴充

s2m 是一個開放原始碼的 Python 程式。透過它我們可以運用 Micro:bit 豐富的控制功能,增加與 Scratch 間的互動,如當作「遊戲控制器」輸入,或輸出控制訊號至 Micro:bit。

感謝「自由」與「開放」的方式釋出程式碼,我們可以清楚了解程式運作原理,更可增加或改進程式功能,以求程式越趨完善。

電子書:

http://odata.tn.edu.tw/ebooktagapi/Intro/Index2?id=463faaf394d54c2ea79a79d2e4083da8

參考資源:

2017-10-26 Scratch 神奇形色牌遊戲 (SET Card Game)

資訊科學

Scratch 神奇形色牌遊戲 (SET Card Game)

SET 遊戲的初步實做,加入簡易的 set 判斷,另使用 Dr. Scratch 評估程式的內容程度。

行動裝置

https://phosphorus.github.io/app.html?id=183640221&turbo=false&full-screen=true

原始程式

https://scratch.mit.edu/projects/182119673/

2017-10-23 Scratch 如何學習別人作品

資訊教育

Scratch 如何學習別人作品

Scratch 社群也就是官方網站,提供使用者創作與改作的平台,當中的創作者有小孩、家長、教師、成年人與專家等。

因為社群的開放,我們可以從別人的作品中獲得靈感、學習技巧,以及了解創作者的想法和創意。

電子書:

http://odata.tn.edu.tw/ebooktagapi/Intro/Index2?id=5de2a3f0b52d479ba50504d504020f7d

2017-10-22 Scratch 重複使用程式

資訊教育

Scratch 重複使用程式

電子書:

http://odata.tn.edu.tw/ebooktagapi/Intro/Index2?id=8fb57d8bf47a49f28b27c2e7e7e75ae9

Scratch 創作中,我們有時候會重複的使用某些資源,像是程式、圖片與角色。

此時,也許是修改、擴充、再次創作、精緻化等不同用途。

透過不同程度的重複使用程式,可以讓我們快速而豐富的創作,甚至是協作與分工。

更進階程度的重複使用,包括「分身」、物件的繼承等應用與技巧。

https://scratch.mit.edu/projects/181391067/

2017-10-21 Scratch 成語字典—嵌入常用中文字 (Embedded Chinese Fonts)

資訊科學

Scratch 成語字典—嵌入常用中文字 (Embedded Chinese Fonts)

Scratch 遊戲設計除了系統字型外,大多數都以嵌入字元圖片(英文字母、符號)的方式來呈現額外的字型。

嵌入英文字母與符號大多僅需要不到100~200個字即可,也就是僅需要這些數量的圖片造型。

而中文字當然也可以此方式來呈現,但所需要的字元符號則是上萬個。本範例使用工具擷取出成語字典中

所用到的中文字,而非全部的中文字集。再使用 convert (ImageMagick) 程式將 TrueType 字型的字元輸出成 PNG 圖片。

最後以同名(字元名稱、檔案名稱、造型名稱)的方式匯入到 Scratch 中使用。

  • 取得教育部《成語典》純文字資料
  • git clone --depth 0 https://github.com/BuzzAcademy/idioms-moe-unformatted-data
    
  • 轉換字典內的所有中文字,由 True Type 字型轉成 PNG 格式的圖片
  • #!/bin/sh
    
    chars=$(cat 10.txt | fold -w1 | sort | uniq)
    
    for c in $chars; do
        convert -background none -fill red -font /opt/local/fonts/lyshie/TW-Kai-98_1.ttf -pointsize 64 label:"$c" "$c.png"                                        
    done
  • 參考資料 Convert TrueType glyphs to PNG image?

JavaScript 版本 (適合手機與行動裝置)

https://sulfurous.aau.at/html/app.html?id=181196702&turbo=false&full-screen=true&aspect-x=4&aspect-y=3&resolution-x=&resolution-y=

https://scratch.mit.edu/projects/181196702/

2017-10-18 Scratch 排序方法—以「選擇排序」當範例

資訊科學

Scratch 排序方法—以「選擇排序」當範例

以多數人生活中的排序方法為例,介紹排序演算法。

電子書:

http://odata.tn.edu.tw/ebooktagapi/Intro/Index2?id=530e2762d2004522a34d303ef00ff279

排序的應用在生活中相當常見,我們習以為常的排序方法該如何描述,而這個概念如何以 Scratch 實做出來。

此本電子書以選擇排序 (Selection Sort) 當基礎,以最直覺、最常見的方法為例來介紹排序方法的實做。

了解多數排序演算法的基礎在於比較,如何使用清單有效的存取數字、交換數字,在空間和時間上操作。

https://scratch.mit.edu/projects/180636046/

2017-10-17 Scratch 隨機漫步藝術 (The Art of Random Walks)

資訊教育

Scratch 隨機漫步藝術 (The Art of Random Walks)

運用 Scratch 以視覺與聽覺方式體驗隨機的藝術之美,這個版本以隨機漫步的方式,只移動到鄰近的區域,表現出連續而非跳躍的形式,但移動方向卻是不固定的。

音樂也表現出方向性,不同位置的音頻和音調也不同,聽聽看是否可以猜出目前的位置。

如果複製多個角色,將會是多個同時演奏的音樂。

使用 http://editor.method.ac/ 精確繪製向量圖,原始尺寸為 60 * 60。

JavaScript 版本 (適合手機與行動裝置)

https://sulfurous.aau.at/html/app.html?id=180426777&turbo=false&full-screen=true&aspect-x=4&aspect-y=3&resolution-x=&resolution-y=

https://scratch.mit.edu/projects/180426777/

2017-10-16 Scratch 隨機視覺與音樂藝術 (Random Music Art)

資訊教育

Scratch 隨機視覺與音樂藝術 (Random Music Art)

運用 Scratch 以視覺與聽覺方式體驗隨機的藝術之美。

使用 http://editor.method.ac/ 精確繪製向量圖,原始尺寸為 60 * 60。

JavaScript 版本 (適合手機與行動裝置)

https://sulfurous.aau.at/html/app.html?id=180115049&turbo=false&full-screen=true&aspect-x=4&aspect-y=3&resolution-x=&resolution-y=

https://scratch.mit.edu/projects/180115049/

2017-10-15 Scratch 創意影像處理 (Image Post-Processing)

資訊教育

Scratch 創意影像處理 (Image Post-Processing)

電子書

http://odata.tn.edu.tw/ebooktagapi/Intro/Index2?id=b28f3be71a72475ab22140138c7dbf4a

創意影像處理 (Image Post-Processing)

  • 滑鼠左鍵蓋章
  • 0 鍵預設值
  • C 鍵清除
  • V 鍵開啟視訊,類似 AR 效果,如 B612 自拍軟體般。
  • 上、下鍵,改變圖案大小
  • 左、右鍵,變色
  • 空白鍵,切換功能樣式
  • 數字鍵,切換功能
  1. 眼鏡
  2. 化妝
  3. 相框
  4. 光線
  5. 文字
  6. 插圖
  7. 字母

https://scratch.mit.edu/projects/180018340/

視訊功能,請另外開啟 Scratch 網站,接受使用攝影機的權限。

2017-10-14 Scratch 數字心臟病 (Slapjack)

資訊教育

Scratch 數字心臟病 (Slapjack)

電子書:

http://odata.tn.edu.tw/ebooktagapi/Intro/Index2?id=bf0e645045fb4985a15a5e5db2ba7175

一種撲克牌遊戲,多用來讓初學者認識數字,考驗反應能力,以作為遊戲牌的入門。

 

JavaScript 版本 (適合手機與行動裝置)

https://sulfurous.aau.at/html/app.html?id=179883266&turbo=false&full-screen=true&aspect-x=4&aspect-y=3&resolution-x=&resolution-y=

https://scratch.mit.edu/projects/179883266/

2017-10-13 Scratch 自動報時機器人

資訊教育

Scratch 自動報時機器人

電子書:

http://odata.tn.edu.tw/ebooktagapi/Intro/Index2?id=3fb3bb2bc8ed4884b6939ce253d3f50b

此類應用稱為「文字轉語音」Text-to-Speech,在生活中相當常見。像是自動報時、捷運報站、公車報站、機器人交談或語言翻譯等。

想想看

  • 書寫數字與念出數字如何轉換?
  • 還有哪些時間的念法比較不同?
  • 還有哪些數字的念法比較不同?
  • 說出的語音是否怪怪的,你會怎麼改善它?

JavaScript 版本 (適合手機與行動裝置)

https://phosphorus.github.io/app.html?id=179743175&turbo=false&full-screen=true

https://scratch.mit.edu/projects/179743175/

2017-07-20 Scratch 遊戲設計─分數的量感 (真分數)

資訊教育

Scratch 遊戲設計─分數的量感 (真分數)

  • 調整分母範圍 (1 ~ 9)
  • 調整分子範圍 (1 ~ 分母數值)
  • 刻度標記在 1/2 與 1/分母,可與一半的量概估比較

JavaScript 版本 (適合手機與行動裝置)

https://phosphorus.github.io/app.html?id=169299590&turbo=false&full-screen=true

https://scratch.mit.edu/projects/169299590/

2017-06-29 Scratch 遊戲設計─高效版刮刮樂 (Scratch Card)

資訊教育

Scratch 遊戲設計─高效版刮刮樂 (Scratch Card)

按住滑鼠左鍵刮開!

  • 運用分身當作遮罩(Mask),透過隨機亂數產生不同造型的遮罩
  • 使用「幻影」調整透明度,模擬刮開的效果
  • 運用隱藏及廣播驅動等技巧,增進執行效能

JavaScript 版本 (適合手機與行動裝置)

https://phosphorus.github.io/app.html?id=167670723&turbo=false&full-screen=true

https://scratch.mit.edu/projects/167670723/

2017-06-26 Scratch 條件判斷常見問題─兩個互補的 IF-THEN 判斷式

資訊教育

Scratch 條件判斷常見問題─兩個互補的 IF-THEN 判斷式

以下左右兩側看似等價的條件判斷式,其實並不相等。

  • 左側:IF (條件一) THEN (動作一) ELSE (動作二)
  • 右側:
    IF (條件一) THEN (動作一)
    IF (條件一不成立) THEN (動作二)

在未涉入時間因素(程式執行狀態隨時間變化)下,以上右側的條件判斷並不會出現錯誤。

右側兩個條件判斷,會進行兩次的條件評估(evaluation),可以先後涵蓋「大於5」與「不大於5」的所有情況,並執行對應的動作。

但右側為兩次獨立的條件判斷,且涉入時間因素。即前一個條件判斷式的對應動作,如果改變了「變數X」的值,隨後第二次條件判斷式,將不如預期可以涵蓋「不成立」的那一部份。

以下程式,特別凸顯左右兩側程式的差異及潛在的問題,應避免使用兩個互補的 IF-THEN 判斷式來代替單一的 IF-THEN-ELSE。

 

https://scratch.mit.edu/projects/167233857/

2017-06-25 Scratch 訊息廣播接收 (同步與非同步執行) Synchronous vs. Asynchronous Execution

資訊科學

Scratch 訊息廣播接收 (同步與非同步執行)

Synchronous vs. Asynchronous Execution

https://stackoverflow.com/questions/748175/asynchronous-vs-synchronous-execution-what-does-it-really-mean

Scratch 中內建許多像是程序 (procedure)、事件驅動 (event-driven)、並行 (concurrency) 與訊息廣播接收這類的溝通方式 (Synchronous and asynchronous execution) 等,都是程式執行流程的進階控制和策略,使用者卻可輕易的運用於設計中。

以下範例,嘗試以簡化的方式呈現出「同步」與「非同步」執行的概念。

  1. 連續快速按下「空白鍵」,因採用非同步 (async) 方式,箭頭尚為完成移動過程,又回到初始;
  2. 連續快速按下「右鍵」,因採用同步 (sync) 方式,需等待箭頭完成移動過程,才能回到初始。

https://scratch.mit.edu/projects/167210857/

2017-06-24 Scratch 遊戲設計─顏色辨識大考驗

資訊教育

Scratch 遊戲設計─顏色辨識大考驗

這是一個顏色辨識的遊戲,原始構想來自以下社群媒體網站。
http://tw.vonvon.me/quiz/1298?utm_viral=88

這只是一個簡單的遊戲雛形,遊戲玩法為選出與其他顏色不同的物件。

可調整以下參數,改變難易程度。

  1. 顏色的變異範圍
  2. 顏色的亮度變異範圍
  3. 與其他多數物件不同顏色的差異程度

遊戲設計使用以下技巧與功能:

  1. 建立大量色塊
    運用「分身」建立大量相同物件,透過計算排列成二維矩陣。
  2. 運用外觀「顏色」與「亮度」,產生顏色差異,調整遊戲難易度。
  3. 運用「物件區域變數」,記錄物件編號,判斷答案是否正確。

https://scratch.mit.edu/projects/167168175/

 

2017-06-24 Scratch 視覺短期記憶遊戲設計─小猴吃香蕉

資訊教育

Scratch 視覺短期記憶遊戲設計─小猴吃香蕉

這是一個視覺短期記憶的遊戲,原始構想來自以下網站。
http://www.abcya.com/baby_chick_maze.htm

電子書

http://odata.tn.edu.tw/ebooktagapi/Intro/Index2?id=de309644afce45d38bca047b96c08fed

這只是一個簡單的遊戲雛形,遊戲玩法如下:

  1. 遊戲開始,障礙物會閃示然後隱藏。
  2. 點選香蕉,避開隱藏的障礙物,直到小猴拿到香蕉。

遊戲設計使用以下技巧與功能:

  1. 閃示障礙物
    運用外觀中的「亮度」效果,讓障礙物逐漸的消失,但不是真的隱藏起來。
  2. 放置障礙物
    障礙物的放置,運用「分身」產生大量障礙物;運用「隨機」分散放置障礙物。
  3. 使用全域變數控制程式狀態,協調物件運作。

https://scratch.mit.edu/projects/167143127/

2017-06-18 Scratch 中邏輯判斷 (AND、OR、NOT) 的替代寫法

資訊教育

Scratch 中邏輯判斷 (AND、OR、NOT) 的替代寫法

條件判斷中需要正確的陳述條件,將所需的範圍表示出來,或排除在外。

在未俱備邏輯運算的概念前,可以透過條件式本身的結構和順序來達成同樣的效果。

下列三個範例,分別提供對應的替代語法。左式為進階的邏輯運算,右式為簡單的條件判斷。在教學上可以相輔相成,便於說明概念。

有時,也可以解釋 Short-circuit evaluation (短路求值)。

  • 和 (AND)
  • 或 (OR)
  • 不成立 (NOT)

2017-06-18 Scratch 終極密碼猜數字完整教案

資訊教育

Scratch 終極密碼猜數字完整教案

整裡出本學期當中的一個主題式遊戲教學,幾乎涵蓋了大部份的基礎概念。

教學過程中學生的問題與想法,也忠實的紀錄下來,藉以提供教學者省思,做為概念澄清的參考。

https://class.tn.edu.tw/uploads/tad_web/1384/news/file/guess_number.pdf

2017-06-12 mBot 功能導向由下而上 (bottom-up) 組合完整程式

資訊教育

mBot 功能導向由下而上 (bottom-up) 組合完整程式

先理解各個自訂積木的功能意義,而非細部的操作與指令。嘗試以功能為導向,組合個別功能的積木,最後形成完整功能的程式。

2017-06-01 Scratch 事件處理方法比較

資訊教育

Scratch 事件處理方法比較

相同的問題,會有不同的解決方法。而相同的程式,也會有不同的設計方法。

依據每個人不同的經驗與看法,選擇自己擅用的工具,自然也就產生不同的策略來處理問題。

以下程式皆模擬物體自上方掉落,並碰觸其他物體。當中包含如下事件:

  1. 回到畫面最上方
  2. 不停的往下掉落
  3. 檢查是否掉落到地面,如果是就回到最上方
  4. 檢查是否碰到女孩,如果是就說話

https://scratch.mit.edu/projects/164187196/

介紹以下三種方法,並說明其設計的主要特點:

  1. 方法一
    視上述所有事件都是獨立發生,事件各有生命週期。因此,即便使用「無限迴圈」,彼此也不受限於任一事件,程式不至於卡住。充份運用 Scratch 中的平行,讓系統自己處理事件順序,將問題的焦點放在個別事件中。
  2. 方法二
    傳統程序導向的處理方式,程式僅有單一進入點,著眼於事件間的先後發生順序。避免使用「無限迴圈」導致程式陷入循環,適合單一處理的程式,如 mBot 機器車的控制。
  3. 方法三
    脫離不開程序導向的處理方式,但著眼於功能導向。將多個循序指令包裹成單一模組,以完整功能來代稱,而後以模組的功能來描述事件間的互動關係。當程式規模愈趨於複雜龐大,個別指令不易解釋事件關係,如能以模組功能來描述,將有助於描述原始問題。

2017-05-31 Scratch 接蘋果遊戲分析 (善用新積木方式)

資訊教育

一個系統 (Scratch 遊戲) 的設計與發展過程中,起初不見得會知道整個程式最後的全貌。而課本範例雖然是很好的學習材料,但一開始即完整定義系統功能,以及描述細節設計,此種策略 (Top-Down) 有時非出於自然,而是需要有經驗的設計者。

有些遊戲的初步概念,可能只是簡單的互動功能,而後才加入「計分」、「計時」與「難易度調整」等額外功能。對於初學者,或許可以先從局部功能實作出來 (Bottom-Up),再逐步加入其他功能,經過反覆的步驟而發展出一個完整的遊戲。

以下附件,嘗試以「新積木」方式,來包覆細節設計,讓系統可以著重在主要功能面,方便解釋與說明。

2017-05-27 mBot 光源跟隨 (Light Following)

資訊科學

mBot 光源跟隨 (Light Following)

今天突發奇想 mBot 是否可以在黑暗中找到光源,邁向光明。分享此一實作結果,驗證想法。

改裝 mBot 光線感應器,侷限於接受特定方位的光源,使其成為指向性。偵測左右兩側光線差異,判定方向,逐步找尋光源。

  1. 改裝光線感應器
  2. 原理與演算法
  3. 實際影片

    mBot 光源跟隨 (Light Following)

  4. 完整程式

2017-05-27 mBot機器車親子協作課程進度紀錄

資訊教育

臺南市中西區進學國小全民學區數位學習
mBot機器車親子協作課程進度紀錄
2017.05.06(六) ~ 2017.05.27(六)

補充:0~9數字分三群練習

2017-05-24 使用 Scratch 創作您的指尖陀螺 (Hand Spinner)

資訊教育

使用 Scratch 創作您的指尖陀螺 (Hand Spinner)

設定旋轉中心,設計不同的造型,可以變化出豐富有趣的旋轉陀螺。

  1. 左、右鍵旋轉,持續按住加速
  2. 空白鍵切換造型
  3. 上、下鍵縮放,拉遠拉近
     

https://scratch.mit.edu/projects/162686944/

2017-05-22 進學國小參加2017全國紫錐花盃反毒機器人競賽

資訊教育

進學國小參加2017全國紫錐花盃反毒機器人競賽

2017.05.20南榮科技大學
邁向巔峰國小組,編號A3

進學國小參加2017全國紫錐花盃反毒機器人競賽

2017-05-17 Quizizz 測測看 Scratch 基本問題

資訊教育

結合 Quizizz 的趣味性,測測看 Scratch 的基本問題。

https://quizizz.com/admin/quiz/591b19966f261f170048c728

線上影片
影片 影片名稱
使用滑鼠與鍵盤控制 mBot 行進方向 (方向燈與警示聲響)

1 2017-04-28 使用滑鼠與鍵盤控制 mBot 行進方向 (方向燈與警示聲響)

使用滑鼠與鍵盤控制 mBot 行進方向 (方向燈與警示聲響)

Scratch 卷軸遊戲 (主角不動,背景移動)

2 2017-04-28 Scratch 卷軸遊戲 (主角不動,背景移動)

Scratch 卷軸遊戲 (主角不動,背景移動)

Scratch 卷軸遊戲 (主角移動,背景切換)

3 2017-04-28 Scratch 卷軸遊戲 (主角移動,背景切換)

Scratch 卷軸遊戲 (主角移動,背景切換)

Scratch 中如何繪製封閉多邊形?

4 2017-04-28 Scratch 中如何繪製封閉多邊形?

Scratch 中如何繪製封閉多邊形?

Scratch 如何使用線段繪製封閉多邊形?

5 2017-04-28 Scratch 如何使用線段繪製封閉多邊形?

Scratch 如何使用線段繪製封閉多邊形?

mBot 實作射擊瞄準遊戲

6 2017-04-28 mBot 實作射擊瞄準遊戲

mBot 實作射擊瞄準遊戲

使用滑鼠與鍵盤控制 mBot 行進方向 (方向燈與警示聲響)

7 2017-04-28 使用滑鼠與鍵盤控制 mBot 行進方向 (方向燈與警示聲響)

使用滑鼠與鍵盤控制 mBot 行進方向 (方向燈與警示聲響)

mBot 循線感應器計算轉速

8 2017-04-28 mBot 循線感應器計算轉速

mBot 循線感應器計算轉速

觀察 mBot LED 燈變化與相機感光

9 2017-04-28 觀察 mBot LED 燈變化與相機感光

觀察 mBot LED 燈變化與相機感光

mBot 自動繞過障礙物

10 2017-04-28 mBot 自動繞過障礙物

mBot 自動繞過障礙物

mBot 以公轉方式繞圈

11 2017-04-28 mBot 以公轉方式繞圈

mBot 以公轉方式繞圈

mBot 紙筆畫圓形

12 2017-04-28 mBot 紙筆畫圓形

mBot 紙筆畫圓形

中年級小朋友實作 mBot 精準走直線

13 2017-02-19 中年級小朋友實作 mBot 精準走直線

中年級小朋友 mBot 走直線嘗試失敗的歷程

14 2017-02-19 中年級小朋友 mBot 走直線嘗試失敗的歷程

中年級小朋友實作 mBot 精準走直線與轉彎

15 2017-02-19 中年級小朋友實作 mBot 精準走直線與轉彎

中年級小朋友實作 mBot 循線感應器應用

16 2017-02-19 中年級小朋友實作 mBot 循線感應器應用

中年級小朋友實作 mBot 循線自走

17 2017-02-19 中年級小朋友實作 mBot 循線自走

mBot 循線自走

18 2017-02-18 mBot 循線自走

mBot 自動避開路障

19 2017-02-18 mBot 自動避開路障

mBot 自動避開路障

20 2017-02-18 mBot 自動避開路障

mBot 精準走直線

21 2017-02-18 mBot 精準走直線

mBot 精準走直線

22 2017-02-18 mBot 精準走直線

mBot 精準走直線

23 2017-02-18 mBot 精準走直線

mBot循線感應器與軌道

24 2017-02-18 mBot循線感應器與軌道

mBot循線感應器與軌道

25 2017-02-18 mBot循線感應器與軌道

使用mBot設計體感遊戲

26 2017-02-18 使用mBot設計體感遊戲

搜尋

QRCode

QR Code

AQI


臺南市臺南測站
空氣品質指標(AQI):
人體健康影響:

活動剪影秀

  • slider image 1
  • slider image 2
  • slider image 3
  • slider image 4
  • slider image 5
  • slider image 6
  • slider image 7
  • slider image 8
  • slider image 9
  • slider image 10
  • slider image 11
  • slider image 12
  • slider image 13
  • slider image 14

2017.03.05新生學習體驗營

英文查詢與Pixabay



Tinkercad – 免費的線上 3D CAD 應用程式