龙兴里6号

Scratch 簡介

，英文單字為湊合、抓等意思。

• 網站首頁：http://scratch.mit.edu/
• 免費軟體
• 主旨：使用圖示拼貼程式，可設計出故事性的、遊戲性或動畫的功能，並在網站上分享給每一個人。
• 程式畫面：
• Scratch 支援多國語言，1.3版之後也能支援中文、日語等多位元文字。

下載安裝

• 官方網站(右方下載最新版本)

有 Windows 、 Mac OS X。

如果要在 Linux 中執行，1.31 版後已大致可以正確執行，也能支援中文。下載位置：http://info.scratch.mit.edu/Linux_installer (測試版)

• 網站上也有很多別人已寫好的程式，可以線上執行。如果註冊了，可以下載程式或分享自已所設計的程式。
• 校內存放下載處(WinScratch1.3.1.zip)

操作說明

網站上提供了數個文件及介紹影片，可以讓你快速了解 scratch。

• 快速指引手冊(中文)(prolin自原站英文手冊修改)
• 快速指引手冊(英文)
• Scratch Help Screens(中文)(prolin修改)各個指令語法介紹
• Scratch Help Screens(英文)

開始撰寫程式前提醒

1. 以類似物件導向的觀念來思考程式。

   例如：妖精咬到東西會...

   妖精碰到邊界會 ...

   妖精目前的水平位置 ...

2. 如果有多個動作要判斷、執行(分成多段程式)，每段的開頭都要有 When 綠旗 click 。
3. 各個妖精要做互動，可以靠 妖精1 broadcast ...(傳播訊息) ，妖精2使用when I receive ...(當我收到訊息) 執行互動工作。

   或使用變數，來傳遞各種情形。

4. 執行互動動作時，建議適度的加入 wait ... secs(等待...秒) ，以免引起重複太多次的情形，而造成錯誤。
5. 如果有多個相同的妖精，可以在第一個妖精程式等動作都以設計完成後，再使用複製功能，可以把第一個妖精的程式及各種設定一併複製給第二個妖精。

介面說明

• 選單

  

• 左方(程式圖示選擇區)

• 1. MOTION(動作)--移動、旋轉、位置指定、傳回...
  2. LOOKS(查看)--切換妖精造型、背景、顯示文字、改持特效、縮放、隱藏、圖層
  3. SOUND(音效)--播放聲音、樂器音效
  4. PEN(畫筆)--下筆、筆顏色、大小、色調
  5. CONTROL(流程控制)--當鍵按下、等待、反復、廣播(訊息)、如果...
  6. SENSING(狀態查看)--傳回位置值、接觸、距離、時間、音量
  7. NUMBERS(數值)--加減乘除運算、大小判斷、餘數、取整數
  8. VARIABLES(變數)--指定變數、變數加減

• 中間(程式碼、妖精的各種造型、音效)

把程式圖示拖拉拼貼在一起，可以分成多段程式區。
每個妖精會擁用自已程式區。

可以自行畫出妖精的各種造型。
也可以載入不同的妖精到造型區中。但同一時間只會出現一種造型。
右下方妖精代表上場角色，可以多個同時出現。

可以錄音或使用內鍵的音效檔案。聲音檔不要太長，以免檔案變得很大。
可以支援 mp3 檔案，但它會轉換成 wav 檔，就會變得很大，而且音質不佳。

• 右上方(程式畫面)

  

選擇工具後再點選妖精，複製、剪下、縮放的動作。
程式以按下綠旗鍵，開始執行程式。

• 右下方(角色、背景)

  

點選不同妖精角色，中間區(程式、造型、音效)會出現屬於該妖精的各項內容。

範例講解

• project -- Animation -->Trampoline (跳彈簧床)

  Trampoline 程式講解

動手寫程式

scratch 程式基本觀念

每一個角色者有自己的程式區塊，而且可有多段程式。Scratch 會自動分配時間執行各段程式內容。

提醒：Scratch 重複執行迴圈的觀念是比較特別的，如果在傳統的程式語言中會造成無窮迴圈，甚至當機

妖精說 hello！

1. 出現訊息
2. 出現聲音

妖精移動

1. 指定妖精移動，速度、時間...

   例如：向右移動，再向上移動、再向左移動、再向下移動

2. 加入色筆，使移動路徑更清楚...
3. 加入旋轉、縮小、放大...

提醒：畫面水平位置 -240(左) ~ 240(右) ，垂直位置： -180(下) ~ 180(上)

範例：scratch程式參考1--移動

控制妖精移動

1. 使用程式控制移動

   

2. 依照方向鍵，如妖精移動，速度、時間...

   或是

   

3. 如果碰觸邊界出現音效，或在另一邊出現。

   提醒：判斷程式的使用

   

4. 使用滑鼠做控制
   1. 朝向滑鼠移動

      

   2. 移到滑鼠所在位置(把妖精變成滑鼠游標)

      

範例：scratch程式參考2

加入其它妖精，做互動

1. 碰到角色1 (運用：一個寶石被角色1吃掉(要消失掉)。程式放在寶石角色中)

   

2. 碰到顏色 (運用：大魚要使用嘴巴吃掉小魚，把大魚嘴塗上特定顏色。程式放在小魚角色中)

   

組合成一個小遊戲

1. 碰到就加(減)分--使用變數值
2. 到了幾分就成功(或失敗)
3. 其它妖精任意移動

範例：scratch程式參考3-互動
範例：scratch程式參考-打老鼠

廣播(和其他的妖精互相連絡)

每位主角的程式區塊中只能對自己做影響、改變，但無法改變其他角色、背景。要達到影響其他角色的功能，需要使用廣播功能。

• 角色1

• 角色2

• 使用變數做判斷

妖精表情動作變化

1. 為妖精製作不同的"造型"(動作)
2. 切換妖精造型

範例：scratch程式參考 --跳舞

背景的使用

1. 準備不同的場景
2. 背景程式區的運用
3. 使用滑鼠控制移動

範例：scratch程式參考 -- 迷宮中移動

變數的使用

• 指定變數名稱，變數名稱也支援中文名稱

• 設定變數，變數值做計算

• 在互動畫面中，更改變數值

陣列的使用

• 設定陣列名稱，Scratch 只支援一維陣列(由 1 開始)

• 按加號圖示，可以增加新的陣列空間，陣列中的資料，可以是文字、數字。

• 可以在程式中動態增加、刪除陣列空間。

幾何圖形

• 正多邊形
• 圓形
• 多個正多邊形的變化

• 使用正三角形組合成12個角的星狀

• 改變一下要畫的角度

• 只畫外框部份

設計流程圖

作品製成網頁

• 上傳官方網站
• 在自己的網站或 CD光碟中，製作網頁檔案

製做一個 html 檔，在原始碼中加入以下語法。同目錄中要有 ScratchApplet.jar、soundbank.gm檔及你的 Scratch 作品檔(例 key.sb)

<div class="container">	
 <!-- Scratch project START-->
  <applet id="ProjectApplet" 
    style="display:block" 
    code="ScratchApplet" codebase="./"   
    archive="ScratchApplet.jar" height="387" width="482">
   <param name="project" value="key.sb">
 </applet>
 <!-- Scratch project END-->
 </div>

其他參考作品

• 英打位置快速記憶練習(計時3分鐘)
• 塗鴨1

參考網站

• 新上國小鬼塚阿玉--Scratch程式設計教學網
• 小貓咪程式設計網
• 澎湖人線上教學
• 批西思碼特
• 台北市民生國小 Scratch 學習分享網站
• 藝見道-數位學習與評量系統

[台湾] 小猫咪MIT交流网：http://cc1.shsps.kh.edu.tw/~scratch/  {8 A7 |* Y/ G8 n: } 国营小学scratch wiki（推荐）：http://w3.sy3es.tnc.edu.tw/wiki/index.php?title=Scratch$ q5 P/ w' O) C 批西思碼特：http://pcsmart.tlps.tp.edu.tw/ 澎湖人線上教學：http://b2d.phc.edu.tw/modules/ta ... ist_docs&tbsn=2 嘰哩呱啦ACE：http://163.22.105.1/~james/glgl/ 台北教育局课程（推荐）：http://163.20.82.155/sites/default/files/tpc/72/index.htm I9 w+ B+ d$ [# D# Y [国外] 官方Scratch资源网http://resources.scratchr.org/pages/index.php Learnscratch.org：http://www.learnscratch.org [国内]2 q" T5 \% X; q4 e9 L% I3 Q' g cnscratch：http://www.cnscratch.com/index.html

1.I love you not because of who you are, but because of who I am when I am with you.
我爱你,不是因为你是一个怎样的人,而是因为我喜欢与你在一起时的感觉..

⒉ No man or woman is worth your tears, and the one who is, won’t make you cry.
没有人值得你流泪,值得让你这么做的人不会让你哭泣..

⒊The worst way to miss someone is to be sitting right beside them knowing you can’t have them.
失去某人,最糟糕的莫过于,他近在身旁,却犹如远在天边..

4.Never frown,even when you're sad because you never know who is falling in love with your smile.
纵然伤心,也不要愁眉不展,因为你不知是谁会爱上你的笑容..

⒌To the world you may be one person, but to one person you may be the world.
对于世界而言,你是一个人.但是对于某个人,你是他的整个世界..

⒍Don’t waste your time on a man/woman, who isn’t willing to waste their time on you.
不要为那些不愿在你身上花费时间的人而浪费你的时间..

⒎Just because someone doesn’t love you the way you want them to, doesn’t mean they don’t love you with all they have.
爱你的人若是没有按你所希望的方式来爱你,那并不代表他们没有全心全意地爱你..

8.Don’t try so hard, the best things come when you least expect them to.
不要着急,最好的总会在最不经意的时候出现..

⒐Maybe God wants us to meet a few wrong people before meeting the right one, so that when we finally meet the person, we will know how to be grateful.
在遇到梦中人之前,上天也许会安排我们先遇到别的人.在我们终于遇见心仪的人时,便应当心存感激..

⒑ Don’t cry because it is over, smile because it happened.
不要因为结束而哭泣,微笑吧,为你的曾经拥有..

看着自已MSN空白的签名,羡慕着别人的字字珠矶，很是羞愧，琢磨着也写句什么，突然就冒出了＂一粒砂子看世界＂，心里很是奇怪，我肯定是在哪看过这句话，并记住了，肯定不会是我原创的．这点自知知明本人还是有的．赶紧上网一查，于是有了下面的文字：

A Grain of Sand 一粒沙子

William Blake/威廉·布莱克--《天真的预示》
To see a world in a grain of sand,
And a heaven in a wild flower,
Hold infinty in the palm of your hand,
And eternity in an hour.

“一颗沙中看出一个世界，一朵花里看出一座天堂，把无限放在你的手上掌，把永恒在一刹那收藏。”
更早 出自唐蜗寄题庐山东林寺三笑庭联：桥跨虎溪，三教三源流，三人三笑语；莲开僧舍，一花一世界，一叶一如来。又说“一砂一世界，一花一天堂”，语出《佛典》，昔时佛祖拈花，惟迦叶微笑，既而步往极乐。从一朵花中便能悟出整个世界，得升天堂，佛祖就是佛祖，谁人能有这样的境界？！佛曰：一花一世界，一草一天堂，一叶一如来，一砂一极乐，一方一净土，一笑一尘缘，一念一清静。这一切都是一种心境。心若无物就可以一花一世界，一草一天堂。参透这些，一花一草便是整个世界，而整个世界也便空如花草