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

Scratch (所有標籤)

2019-09-07 Scratch 3 模擬車輛左轉彎與駕駛視野

Scratch 3 模擬車輛左轉彎與駕駛視野

Make a Left Turn 左轉彎

黑色陰影模擬駕駛的視野範圍,藍色線為行車軌跡。
鍵盤 1、2、3 可選擇三個起始位置。

  • 上:前進
  • 下:後退
  • 左:左轉3度,前進
  • 右:右轉3度,前進

範例

2019-06-10 Scratch 3 文字轉語音—如何正確唸出繁體中文

資訊教育

Scratch 3 文字轉語音—如何正確唸出繁體中文

由於目前 Scratch 3 (2019.06.10) 的「文字轉語音」功能,無法正確唸出「繁體中文」。
因此暫時運用「翻譯」功能,將繁體字翻譯成「中文(簡體)」,最後再由「文字轉語音」正確唸出 Chinese (Mandarin)。

2019-04-02 透過 Scratch API (2.0) 取得學生作品清單

資訊教育

透過 Scratch API (2.0) 取得學生作品清單

教師可使用「Scratch 教師帳號」管理班級學生,學生皆以線上方式創作,可善用 Scratch 的改編、背包、創作坊及相關社群互動功能。進一步運用 Scratch API 蒐集學生「分享」的作品清單,教師可以全覽學生作品,便於檢視作品進度與回饋。

示範網址:

  1. 全部學生作品
    http://www.chps.tn.edu.tw/scratch.html
  2. 特定使用者作品
    http://www.chps.tn.edu.tw/scratch.html?username=lyshie
  3. 改編來源 (專案 ID)
    http://www.chps.tn.edu.tw/scratch.html?root=219495043
  4. 連續使用者(年級+班級+座號)
    http://www.chps.tn.edu.tw/scratch.html?prefix=twchps&classes=501,502,503,504&count=30
  5. 創作坊(標題、創作坊編號)
    https://www.chps.tn.edu.tw/studio.html?title=%E7%B4%85%E7%B6%A0%E7%87%88&studio=6018929,6018925,6021248,6021251

原始程式碼:

參考資訊:

  1. https://en.scratch-wiki.info/wiki/Scratch_API_(2.0)
  2. https://github.com/LLK/scratch-rest-api/wiki

2019-03-28 如何放大 Scratch 3 字體?

資訊教育

如何放大 Scratch 3 字體?

  1. 為 Chrome 瀏覽器安裝 Stylus 擴充功能。
  2. 加入以下設定至 Stylus 中,適用於「比對正規表示式的網址」 https://scratch.mit.edu/projects/.*editor.*
  3. 下載以下 CSS 樣式設定
    https://gist.github.com/lyshie/c0199250041ad78a8219181efa44a816
    /*
        1. Install Stylus (https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne)
        2. URL: Regular expression (https://scratch.mit.edu/projects/.*editor.*)
    */
    
    /* 減少高度(最上面一排的選單) */
    div.menu-bar_menu-bar_JcuHF,
    div.menu-bar_menu-bar-item_oLDa-,
    div.menu-bar_menu-bar-item_oLDa- span,
    div.menu-bar_menu-bar-item_oLDa- div,
    div.menu-bar_menu-bar-item_oLDa- input {
        height: 32px;
    }
    
    /* 減少高度(最上面一排的選單) */
    div.menu-bar_menu-bar-item_oLDa- span,
    div.menu-bar_menu-bar-item_oLDa- div,
    div.menu-bar_menu-bar-item_oLDa- input {
        padding: 2px;
    }
    
    /* 一般文字標籤 */
    span {
        font-size: 14px;
        font-weight: bold !important;
        text-shadow: 0.03em 0.03em 0.03em #999999 !important;
    }
    
    /* 程式積木分類文字 */
    div.scratchCategoryMenuItemLabel {
        font-size: 14px !important;
        font-weight: bold !important;
        text-shadow: 0.03em 0.03em 0.03em #999999 !important;
    }
    
    /* 積木文字 */
    .blocklyText {
        font-size: 20px !important;
        font-weight: bold !important;
        text-shadow: 0.03em 0.03em 0.03em #999999 !important;
    }
    
    /*
        sprite-selector-item: 角色名稱
        label_input-label: 角色一般文字標籤
        labeled-icon-button: 繪圖工具按鈕
        input_input-form: 可輸入的文字區域
    */
    div[class^="sprite-selector-item"],
    span[class^="label_input-label"],
    span[class^="labeled-icon-button"],
    input[class^="input_input-form"] {
        font-size: 12px !important;
        font-weight: bold !important;
        text-shadow: 0.03em 0.03em 0.03em #999999 !important;
    }
    
    /* 程式註解文字 */
    .scratchCommentText {
        font-size: 20px !important;
        font-weight: bold !important;
        text-shadow: 0.03em 0.03em 0.03em #999999 !important;
    }
    

2019-01-29 Scratch 學生帳號清單檢查

資訊教育

Scratch 學生帳號清單檢查

在建立 Scratch 學生帳號前,確認欲建立的帳號清單都是可用且連續的。

如:

twchps50101

twchps05102

twchps05103

...

檢查程式:

https://lyshie.github.io/lyshie-education/Scratch/bulk.html

原始碼:

https://github.com/lyshie/lyshie-education/blob/master/Scratch/bulk.html

2019-01-03 在 GNU/Linux 上執行 Scratch 3.0 離線編輯器 (Scratch Desktop)

資訊教育

在 GNU/Linux 上執行 Scratch 3.0 離線編輯器 (Scratch Desktop)

2018-11-19 Scratch 3 與 micro:bit 應用—跳過障礙物

資訊教育

Scratch 3 與 micro:bit 應用—跳過障礙物

運用 micro:bit 的「手勢」感應器,設計一個體感遊戲,玩家須控制 Scratch 角色以「跳動」方式閃避畫面中的障礙物。

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

資訊教育

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

程式說明

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

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

二、角色

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

三、變數

  1. 得分
  2. 生命值

四、音效

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

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

2018-09-29 Scratch 進階設計 狙擊鏡效果

資訊教育

Scratch 進階設計 狙擊鏡效果

程式說明

運用向量繪圖,組合「造型」與「透明填色」,模擬透過「狙擊鏡」觀看景物的效果。

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

2018-09-22 Minecraft 教育版與 Code Connection 體驗

資訊教育

Minecraft 教育版與 Code Connection 體驗

http://se.piee.pw/AJ89U

2018-08-02 Scratch 3.0 與 Micro:bit BLE 藍芽連接 (GNU/Linux 平台)

資訊教育

Scratch 3.0 與 Micro:bit BLE 藍芽連接 (GNU/Linux 平台)

  1. 啟用 Google Chrome 瀏覽器的 Web Bluetooth API 支援
    chrome://flags/#enable-experimental-web-platform-features
  2. 確認藍芽服務開啟
    # systemctl restart bluetooth
    # rfkill unblock all
    
  3. 更新 Micro:bit 程式
    # cd /tmp
    # wget "https://llk.github.io/scratch-microbit-firmware/scratch-microbit-firmware-combined.hex"
    # cp /tmp/scratch-microbit-firmware-combined.hex /run/media/lyshie/MICROBIT
    
  4. 開啟 Scratch 3.0 測試網站
    https://llk.github.io/scratch-gui/microbit/
  5. 參考網站

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-15 Micro:bit 資源分享

資訊教育

Micro:bit 資源分享

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-10-11 Scratch 圖形效果應用

資訊教育

Scratch 圖形效果應用—運用圖形效果,豐富您的遊戲設計

謝老師的圖形效果創作坊

https://scratch.mit.edu/studios/4352672/

電子書:

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

線上影片
影片 影片名稱
Scratch with Micro:bit BLE controller 歡樂夾娃娃機 (claw crane) - YouTube

1 2018-09-29 Scratch Scratch with Micro:bit BLE controller 歡樂夾娃娃機 (claw crane) - YouTube

專案說明: http://class.tn.edu.tw/modules/tad_web/news.php?WebID=1384&NewsID=13458 Scratch project https://scratch.mit.edu/projects/229134627/ Scratch2 - Micro:bi...

Scratch 進階設計 狙擊鏡效果 - YouTube

2 2018-09-29 Scratch Scratch 進階設計 狙擊鏡效果 - YouTube

模擬透過狙擊鏡觀看景物的效果。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

mBot 實作射擊瞄準遊戲

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

mBot 實作射擊瞄準遊戲

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

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

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

mBot 循線感應器計算轉速

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

mBot 循線感應器計算轉速

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

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

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

mBot 自動繞過障礙物

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

mBot 自動繞過障礙物

mBot 以公轉方式繞圈

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

mBot 以公轉方式繞圈

mBot 紙筆畫圓形

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

mBot 紙筆畫圓形

搜尋

QRCode

QR Code

AQI


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

活動剪影秀

  • slider image 1
  • slider image 2
  • slider image 3
  • slider image 4
  • slider image 5

校園自由軟體 GNU/Linux 無硬碟系統 (Diskless Linux)

英文查詢與Pixabay



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