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

Slides:



Advertisements
Similar presentations
E-portfolio 個人履歷網站教學
Advertisements

文賢國小101年度上半年在職教師資訊應用培訓 ----自由軟體系列 輕鬆學會做 -Scratch 教材設計:林森富老師.
2015/Spring 跨平台行動程式進階應用 王派洲老師
WEBSITE PROPOSAL.
TQC+ JAVA全國教師研習會 PLWeb 程式設計練習平台 簡介.
Scratch 想像.程式.分享 (靜宜資管楊子青)
DreamWeaver MX (V) 林偉川.
Chapter 5 迴圈.
第 1 章 使用 APP INVENTOR 2 開發 ANDROID APP
程式語言的基礎 Input Output Program 世代 程式語言 第一世代 Machine language 第二世代
臺北市立大學 資訊科學系(含碩士班) 賴阿福
程式設計概論 1.1 程式設計概論 程式語言的演進 物件導向程式 程式開發流程 1.2 C++開發工具
物件導向程式設計 CH1, CH2.
Chapter 1 Introduction.
MIT App Inventor簡介及 「Hello World」程式初體驗 靜宜大學資管系 楊子青
JDK 安裝教學 (for Win7) Soochow University
第1章 認識Arduino.
分享者:花蓮教網 鄭之婷.
Working with Databases (II) 靜宜大學資管系 楊子青
認識Scratch.
Google Data API Spreadsheet
R教學 安裝RStudio 羅琪老師.
ASP.NET基本設計與操作 建國科技大學 資管系 饒瑞佶 2007年.
安裝JDK 安裝Eclipse Eclipse 中文化
Text To Speech (TTS, 文字轉語音) 靜宜大學資管系 楊子青
Word與PowerPoint的結合 建功國小 陳旻杰 健行國小 張慧如.
Visual Basic 物件導向程式設計簡介.
Android App簡介及 App Inventor 2體驗 靜宜大學資管系 楊子青
系統設定 IE8相容性檢視
Scratch 想像.程式.分享 (靜宜資管楊子青)
Scratch: 動畫或遊戲編程 任務5: 野馬與獅子.
第六章 安全衛生工作守則 6-1 前 言  6-2 訂定依據相關法令規定  6-3 工作守則製作程序及製作前應注意事項  6-4 如何訂定適合需要之安全衛生工作守則  6-5 結 論.
PowerCam快速數位教材製作 黃雲龍 NCCU/ NTSU.
VS.NET 2003 IDE.
App Inventor 2初體驗 靜宜大學資管系 楊子青
網路程式設計期末project B 張芸菱.
PowerPoint 2019/4/9.
第一個cordova project Cordova project建立與平台設定,均藉由cli(command line interface來完成 建立project請打開命令提示字元視窗應輸入下列命令 cordova create hello tw.edu.stust.mis.hello HelloWorld.
Prepare by Jean Huang 黃瀞儀
網頁程式概論 建國科技大學資管系 饒瑞佶 2015/9 V1 2016/4 V2 2016/9 V3.
讓Emulator可以 使用Android Market
如何利用範本來製作網頁.
期末考.
VS.NET 2003 IDE.
GridView操作 (II).
五年級學校日電腦課程介紹 郭明讓老師
Quiz7 繳交期限: 12/14 23:59.
Text To Speech (TTS, 文字轉語音) 靜宜大學資管系 楊子青
HelloPurr_Extend 靜宜大學資管系 楊子青
Video 影像 (VideoPlayer 影像播放器、Camcorder 錄影機) 靜宜大學資管系 楊子青
流程控制:Switch-Case 94學年度第一學期‧資訊教育 東海大學物理系.
Text To Speech (TTS, 文字轉 語音)、讀簡訊 靜宜大學資管系 楊子青
Scratch 程式設計 (靜宜資管楊子青)
函數應用(二)與自定函數.
編輯網頁可用那些應用程式? 記事本 Word FrontPage Dreamweaver.
從HTML表格到CSS 靜宜大學 資管系 楊子青.
Dreamweaver 進階網頁製作 B 許天彰.
Scratch: 動畫或遊戲編程 任務10:尋找小鬼.
進階UI元件:ListView元件以及複選 靜宜大學資管系 楊子青
Brief Guide of FrontPage
安裝JDK 配置windows win7 環境變數
電子郵件簡報.
多站台網路預約系統之 AJAX即時資料更新機制
What is “this”? 在物件導向程式設計中,類別的定義就是在說明如果創建了“這個物件”的話,它會具有那些屬性與功能,以及這些功能是如何實現的。 而所謂的“這個物件”就以 this 來表示。 當我們在JavaScript與jQuery中寫 script 程式(函式)時,“誰”呼叫這個函式,這個“誰”就是該函式中所謂的.
Scratch: 動畫或遊戲編程 任務6:太空旅遊.
Scratch: 動畫或遊戲編程 任務3:海洋世界.
NFC (近場通訊, Near Field Communication) 靜宜大學資管系 楊子青
Chapter 4 Multi-Threads (多執行緒).
Unix指令4-文字編輯與程式撰寫.
Develop and Build Drives by Visual C++ IDE
Presentation transcript:

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特色: 可以用來創造互動式故事、動畫、遊戲、音樂和藝術。 可以加強對於設計流程的認知,及「邏輯分析」、「創意思考」、「流程控制」、「問題解決」、「合作學習」等能力 。 Scratch特色: 視覺化的程式語言 積木組合式的程式語言 用拖曳、組合的方法取代打字,免除指令輸入錯誤的困擾 提升高層次思考能力

Scratch 1.4 8.舞台區

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

新建角色按鈕 工具列

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

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

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

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

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

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

範例一、可愛小妖精

作品製作網頁 ※上傳官方網站 ※製做一個 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="600" width="800"> <param name="project" value="key.sb"> </applet> <!-- Scratch project END--> </div>

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