Scratch 想像 . 程式 . 分享 ( 靜宜資管楊子青 ) 2009.10.15.

Scratch想像.程式.分享 (靜宜資管楊子青) 2009.10.15. http://scratch.mit.edu/

Scratch作品欣賞1 Shadow http://scratch.mit.edu/projects/goch/670765

Scratch作品欣賞2 Perched http://scratch.mit.edu/projects/Logank/610209

Scratch作品欣賞3 Luna http://scratch.mit.edu/projects/chalkmarrow/106911

Scratch作品欣賞4 Wall Weaver http://scratch.mit.edu/projects/onethousand/641462

Scratch作品欣賞5 海底生存遊戲 http://myhome.msps.tp.edu.tw/myhome/00132/scratch/user_project_show.asp?id=717

Scratch作品欣賞6 記憶遊戲 http://myhome.msps.tp.edu.tw/myhome/00132/scratch/user_project_show.asp?id=322

Scratch簡介 • MIT (麻省理工學院) 發展的一套新的程式語言。 • 可以用來創造互動式故事、動畫、遊戲、音樂和藝術。 • 可以加強對於設計流程的認知，及「邏輯分析」、「創意思考」、「流程控制」、「問題解決」、「合作學習」等能力。 • Scratch特色： • 視覺化的程式語言 • 積木組合式的程式語言 • 用拖曳、組合的方法取代打字，免除指令輸入錯誤的困擾 • 提升高層次思考能力

Scratch1.4 8.舞台區

演員表 • 可以看到專案裡有多少角色。點選任一角色，即可在左方腳本區裡進行對該物件的程式編輯。

新建角色按鈕 工具列

程式區塊 • Scratch最大的特色就是將生澀煩瑣操作又枯燥的程式語言，從傳統的指令輸入改成了視覺化操作，就像是玩樂高積木組合玩具般用拖曵、組合的方法取代鍵盤打字，避免指令輸入錯誤的困擾，進而提升了思考的層次。 • 其中將指令分成了：動作、控制、外觀、偵測、聲音、運算、畫筆、變數等八大類。 • 點選其中一類，相關的程式語言就會以積木方塊模式呈現在下方的區塊模式中。

腳本區塊 • 在這個區塊，可針對專案裡的每一個角色進行程式的設定及編輯、修改。 • 上方有三個標籤，還可針對造型、聲音做編輯。

舞台 • 在舞台上您可即時看見您對專案所做的設定。 • 目前舞台提供大、小尺寸選擇。

開始撰寫程式前 • 以類似物件導向的觀念來思考程式。 • 例如：角色咬到東西會... • 角色碰到邊界會 ... • 角色目前的水平位置 ... • 如果有多個動作要判斷、執行(分成多段程式)，每段的開頭都要有。 • 各個角色要做互動，可以靠角色1，角色2使用　　　　　執行互動工作，或使用變數，來傳遞各種情形。 • 執行互動動作時，建議適度的加入　　　，以免引起重複太多次的情形，而造成錯誤。 • 如果有多個相同的角色，可以在第一個角色程式等動作都設計完成後，再使用複製功能把第一個角色的程式及各種設定一併複製給第二個角色。

如何開始 • 故事(專案)大綱撰寫： • 要製作一個專案，首先您必須先有一個大綱。 • 大綱裡面描述著您這個專案裡面需要什麼樣的內容： • 需要什麼樣的場景(背景) • 有哪些角色 • 每個角色有哪些造型 • 需要什麼樣的配樂、音效、語音 • 還需要哪些素材

範例、可愛小妖精 • 讓小妖精會動 • 讓小妖精變色

範例一、可愛小妖精

作品製作網頁 • ※上傳官方網站 • ※製做一個 html 檔，在原始碼中加入以下語法。同目錄中要有 ScratchApplet.jar、soundbank.gm檔及你的 Scratch 作品檔(例 key.sb)。 • ============================================================== • <div class="container"> •  • <applet id="ProjectApplet" • style="display:block" • code="ScratchApplet" codebase="./" • archive="ScratchApplet.jar" height="600" width="800"> • <param name="project" value="key.sb"> • </applet> •  • </div> • ==============================================================

將Scratch作品轉成EXE執行檔 • ※製作成.exe執行檔，方便沒有網路者觀賞。 • ※下載ChirpCompiler，並安裝

Scratch 想像 . 程式 . 分享 ( 靜宜資管楊子青 ) 2009.10.15.