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

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/

搜尋

QRCode

QR Code

PM2.5

PM2.5數值:μg/m³


溫度:°C,溼度: %

最後更新時間


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