QQ登录

只需一步,快速开始

创客帮-青少年创客创意社区

快捷导航
开启左侧

scratch教程全集(一)Scratch简介、下载及安装

[复制链接]
zhouyingya 发表于 2014-12-2 10:01:02 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?注册

x
编辑按:本套Scratch教程全集来自台湾澎湖人自由软体交流网,所用语言为繁体中文,给你阅读带来不便,请你见谅,本站将会在以后酌情将它翻译成简体中文。
1. Scratch的簡介Scratch是 MIT (麻省理工學院) 發展的一套新的程式語言,可以用來創造互動式故事、動畫、遊戲、音 樂和藝術。很適合國小小朋友使,目前1.4版已經有 支援中文介面更方便使用,完全不用背指令,使用積木組合式的程式語言,讓小朋友在遊戲中學習。
目的有支持Windows及Mac,Linux。
官方網站:
網站首頁:http://scratch.mit.edu/ 及安裝程式  安裝程式下 載網頁
1-1 下載與安裝首先連結到官方下載頁面:
http://scratch.wik.is/Scratch_1.4_Download,目前有Windows Mac Linux
點選Scracthinstaller1.4.exe進行下載
scracth001.png
選取存放檔案位置
scracth002.png

下載完成執行安裝程式
scracth003.png

選取安裝目錄,一般採用預設值就可以
scracth004.png

選取開始選單的資料夾,採用預設值就可以
scracth005.png

接下來就開始進行安裝,完成後按NEXT
scracth006.png
scracth007.png

視窗會尋問是否啟動Scratch及在桌面建立捷徑,採預設兩個都選,按NEXT
scracth008.png
啟動Scracth如果是英文介面,請點選功能表的「Language」,選取繁體中文,如果沒看到請選More就可以看到繁體中文,完成後介面就 是中文了。
scracth009.png
scracth0010.png
1-2 介面介紹以下就Scracth的整個操作介面做一個介紹,以分區塊來講解:
1)功能選單:
scracth0011.png
2)程式指令分類:
scracth0012.png
MOTION(動作)–移動、旋轉、位置指定、傳回…
LOOKS(外觀)–切換造型、背景、顯示文字、改持特效、…
SOUND(聲音)–播放聲音、樂器音效
PEN(畫筆)–下筆、筆顏色、大小、色調
CONTROL(控制)–當鍵按下、等待、反復、廣播(訊息)、如果…
SENSING(偵測)–傳回位置值、接觸、距離、時間、音量
NUMBERS(數值與邏輯運算)–加減乘除運算、大小判斷、餘數、取整數
VARIABLES(變數)–指定變數、變數加減
3)指令及程式碼區(Script)
當我們點選指令分類後,底下的指令區會跟著改變,如圖我們點選偵測分類,底下就會出現偵測分類的全部指令,中間的程式碼區也就是我們寫程式的區塊,把我們 的指令拖曳至程式碼區。
scracth0013.png

4)造型:
我們可以自行畫出角色的各種造型或者使用匯入方式,先使用別的繪圖軟體繪製作後匯入。
也可以載入不同的物件到造型區中。但同一時間只會出現一種造型。
右下方物件代表上場角色,可以多個同時出現。
造型可以透過複製後編輯來修改其樣子,如下圖的吃cat就有二個造型。
scracth0014.png
5)聲音:
物件的聲音可以透過麥克風來錄音或匯入方式從檔案匯入來使用(也可使用內鍵的音效檔案)
scracth0015.png
6)工具列及舞台:
選擇工具後再點選物,複製、剪下、縮放的動作。
程式以按下綠旗鍵,開始執行程式,紅色按鈕則是停止。
中間空白大區域則是舞台,物件都會在上表演。
scracth0016.png
7)角色及背景:
播放按鈕是全螢幕播放
舞台背景則呈現目前舞台的背景,點選舞台,接著選背景後按匯入就可以取自然、戶外…背景
自建、匯入、隨機則可以使用自畫、匯入及隨機方式來加入物件角色
大區域部份則是各個物件
scracth0017.png
scracth0018.png

 楼主| zhouyingya 发表于 2014-12-2 10:06:44 | 显示全部楼层
本帖最后由 zhouyingya 于 2014-12-2 10:10 编辑

scratch教程全集(二)第一节课–第一支程式
第一節要讓小朋友了解到舞台的座標、指令積木拖曳到程式區,把要的順序給排好就可以,還有就是換成喜歡的角色。
1)首先是座標
讓小朋友知道舞台的中心是(0,0)及其位置,水平為X軸,垂直為Y軸
X軸:中心點往右是(+),中心點往左是(-)
Y軸:中心點往上是(+),中心點往下是(-)
了解到座標後才能控制角色在舞台位置及移動。
scracth0022.png
2)更換角色
使用工具的剪刀把小貓剪下,接著按下匯入按鈕,會出現Animals,Fantasy…,例如打啟Fantasy資料夾會出現如下圖很多可愛的圖,選 取後角色就會出現在舞台上。
scracth0025.png

3)撰寫程式
首先先點選要動作的角色,接著點選程式,然後透過指令分類選取你要的指令積木,把指令積木拖曳至程式區,把順序排好,Scracth可以很容易來修改,使 用滑鼠拖曳就可以修改其順序。
scracth0026.png

4) 第一支程式
當點選綠旗時角色會前後移動,往前會說您好,往後會說嗯,重複10次。
小朋友可以自行俢改角色,前後移動的步數及顯示的反應。
scracth0027.png

 楼主| zhouyingya 发表于 2014-12-2 10:09:04 | 显示全部楼层
scratch教程全集(三)第二节课–键盘控制
第二节是教小朋友透过键盘来画线,像Logo画图一样,程式参考:
http://w3.sy3es.tnc.edu.tw/wiki/index.php?title=Scratch程式參考2
程式主要是让学生了解事件触发才会有动作,当绿旗被按下,会先将物体移动到坐标(0,0),清除所有的画迹,将画笔设定红色,下笔。
接着分别定义键盘的上下左右键的动作
1)往上:面向90度,前进10步
2)往下:面向180度,前进10步
3)往左:面向-90度,前进10步
4)往右:面向0度,前进10步
scracth0028.png

 楼主| zhouyingya 发表于 2014-12-2 10:14:38 | 显示全部楼层
scratch教程全集(四)第三节课–迷宫游戏程序程式參考:http://ms1.usps.ntct.edu.tw/~james/glgl/200810/20081001.htm
scracth0019.png
完整程式如上,等一下我會說明整個程式的細節部份,首先先在畫布上畫出一的路徑,可以是直線也可以是曲線,接著在終點處 畫上一個黑色的區域。
1)點選背景,接著點選編輯,使用繪圖工具畫出一個路徑,畫筆的粗細自行調整,不要太細。
scracth0020.png
scracth0021.png
2)點選角色,接著點選程式開始撰寫程式
先由控制指令分類拖曳,「當綠旗被點一下」至程式區,也就是當綠旗點一下開始程式執行
移到到x:y,就是角色置於x:-220,y:150處。
在偵測指令類點一下計時器,在舞台會多個什時器一直計時。
在控制指令分類中拖曳「重複執行」至程式區,表示「重複執行」內的程式會一直重複執行。
scracth0023.png
整個舞台的座標如下圖,中心在正中央,左右x軸是240,往右是(+),往左是(-),上下y軸各180,往上是 (+),往下是(-)。
scracth0022.png
scracth0024.png
在重複執行中包含有四部份:
(1)角色有可能走出舞台就看不到了,所以先從動作指令類拖曳「碰到邊緣就反彈」,接著拖曳「面向..」下拉點選「滑鼠 游標」,也就是讓角色都一直面向滑鼠的游標,最後拖曳「移動2步」,就是一次移動2步。
(2)在控制指令類拖曳「如果 <  >」至移動2步之下,接著從偵測指令類拖曳「碰到顏色□」點選□會出現滴管,請選取舞台的空白區,「碰到顏色□」就會變成白色,接著拖曳角色置於 x:-220,y:150處,也就把角色移回原點。
(3)在控制指令類拖曳「如果 <  >」,從偵測指令類拖曳「碰到顏色□」點選□會出現滴管,請選取舞台的黑色終點區,「碰到顏色□」就會變成黑色,在外觀拖曳「說…..」() 秒,也就碰到黑色終點就說過關,接著止停止執行程式,程式就不會往下執行。
(4)控制指令類拖曳「如果 <  >」,接著拖曳數值與邏輯類的() >(),接著把計數器拖曳到前面(),後面的()填上15,也就大於15秒就會秀出「時間到…」然後停止程式執行。
可以讓小朋友自行設計路徑,角色自選,事件也可以自訂,例如有些小朋友會在路徑再加上一些小藍點增加過關難度。
教學重點:老師只要講解部份,學生的能力是無限,可以做出很多讓你想不到 的效果,教scracth真得很有趣,學生也學得很快樂。

 楼主| zhouyingya 发表于 2014-12-2 10:16:59 | 显示全部楼层
scratch教程全集(五)第四节课–会飞的巫婆這一節課要來講隨機出現,因為下一節課要讓小朋友寫一個打地鼠的小遊戲。
先點選舞台–>背景–>匯入,選取Nature土裡的圖,然後空白那張刪除,按圖右邊的(x)
four-1.png

把舞台的貓給刪除,請使用工具箱的剪刀點一下貓就可刪除了,接下來使用開啟檔角色開啟三個角色,物件太大可以使用工具箱 的放大或縮小工具來調整。
four-2.png

點選角色–>程式,接著開始來針對角色寫程式
four-3.png

1)當按下綠旗開始動作
2)隨機移動到x及y(x在-240到240之中隨機取個數,y在-180到180之中隨機取個數)
3)接下來一直重覆執行(外迴圈)
4)在-10至10取一個角度,如此一來魚兒游起來比較逼真
5)重覆執行十次 ,每次移到十步,遇到邊綠就反彈(內迴圈)
你會發現內迴圈執行完後會跳到外迴圈,又重覆…
※注意要調整角色只允許左、右翻轉,才不讓角色倒著移動
four-4.png

在程式碼上按滑鼠右鍵,選取複製後拖曳至另一個角色,就會將程式碼套用到該角色上
four-5.png
four-6.png
完成後就可以試看看效 果,很多小朋友會加上音效及文字說明,有的還會放大縮小,只能說小朋友太強了。

 楼主| zhouyingya 发表于 2014-12-2 10:24:11 | 显示全部楼层
scratch教程全集(六)第五节课–三角形面积國小六上數學有圓面積,所以這一節課先讓小朋友來實做三角形面積的程式。
1)首先先畫一個三角形,如果覺得不美,可以加上一張底圖,接著新增三個變數,分別是三角形底,三角形高,三角形面積。
pic1.png
2)將三角形底及高二個變數設成滑桿,也就是變數上按滑鼠右鍵,選滑桿。
pic2.png

3)接下來開始寫程式,將「將變數(…) 的值設成(…)」分別設定將三角形的底、三角形的高,變數面積則必須注意,要設為(底*高)/2。
pic3.png
4)先將三角形底*三角形高相乘,再放到(  )/2中,才不會出問題
pic4.png
5)最後測試,拉著三角形底及高的拉桿,後按下綠旗測試結果
pic5.png
上完後出個題目給小朋友做,梯形面積呢?結果二十位小朋友有十五位左右有做出來,講真的太強了,小朋友一教就會,下星期 打算出個9X9乘法給小朋友試看看。

 楼主| zhouyingya 发表于 2014-12-2 10:27:54 | 显示全部楼层
scratch教程全集(七)第六节课–造型切换  人物走动這一課我們要教小朋友做人物切換,告訴小朋友在何時可以切換物件的外型,就像在玩瑪莉兄弟時在某個時間或某個觸發點會變大、戴上帽子…
1)首先先匯入一張自己喜歡的背景圖
6-1.png

2)開啟角色檔,這一次我選一個動作有連續的人物圖檔,如下圖,可以看到人物的腳部有分解動作
6-2.png

3)接著切換到造型的地方,我依序把五個圖匯入,共五個
6-3.png

如下圖我先選左腳三個動作後再選右腳二個動
6-4.png

4)切換程式,讓小朋友知道移動3步,等待0.2秒再換下一個造型,如果沒有設定等待0.2秒人物會走很快,小朋友自己修改。
6-5.png
完整如下圖,讓人物一直走,所以要使用到重復執行,內有五個造型的切換,依序,結果大部的小朋友都有做出來,很多小朋友都選別的物件來練習,也都做 得不錯。
※注意一點,人物碰到邊就返回,還有要限制人物「只允許左右翻轉」
6-6.png

今天上這一個課程讓我感到快樂的是有個女生竟然發現有個動作是重複的,使用一個重複4次的迴圈指令,如下圖,我看了很感動,太強了!
6-7.png
教scratch真得比教word、excel等有趣多了,像最近我在教小六小朋友做年雨量統計圖及成績計算,使用calc,效果還不錯,有和教學 結合,比只教技能好多。
回到小學教書才能真正把所想的來實踐,只是課真得太多了,不然應會有更多的東東可以分享。

 楼主| zhouyingya 发表于 2014-12-2 10:28:36 | 显示全部楼层
scratch教程全集(八)第七节课–人物移动进阶今天教六年級也來試看看寫這個小程式,順便教了一下判斷if的功能及比較大小。
如下圖,新增了一張有張桌子的背景圖,讓小朋能透過判斷角色x位標來決定是否改變方向,所以前半部的程式一樣,主要是後半部的判斷。
6-8.png
我們的想法:
如果角色的x位標大於150或者小於-135時改變方向180度,如 下圖:
6-9.png
完成後會如下:
讓小朋友測試看看,改變移動的步數或者等待的秒數。
6-10.png
今天上課遇到一個問題就是小朋友把人物放在大於-135上,開始報行程式時,人物會一直改變方向而無前進,你自己想想為什麼?

 楼主| zhouyingya 发表于 2014-12-2 10:30:05 | 显示全部楼层
scratch教程全集(九)第八节课–判断X坐标                        這一課開始要進入比較進階的課程,我們要開始加入判斷,也就是IF和Then了。
1)先匯入一張背景圖並插一個人物
scr27-1.png
2)撰寫程式:先做上下移動,透過Y座標的改變,往上鍵就是Y座標-5,往下鍵就是Y座標+5
scr27-2.png
3)往右就必須改變面向及判斷X座標是否大於240,如果是,就讓人物從左邊出現,一般的電動都是這樣。
scr27-3.png     scr27-4.png
4)設定人物只能左右翻轉
scr27-5.png
最後您就可以使用上下左右鍵來操控這個人物了,這個星期上完這個課程發現小朋友很喜歡這一課,他們會歡自己喜歡的人物及背景,接下來就可以做下一個 練習,一個隨機的球,讓這個人去追,追到就給分或出聲
转载请注明:scratch教程网 &#187; scratch教程全集(九)第八节课–判断X坐标
               
 楼主| zhouyingya 发表于 2014-12-2 10:30:57 | 显示全部楼层
scratch教程全集(十)进阶课程 打蝙蝠(一)這個是進階課程,因為程式比較複雜了,所以這個課程分了三節課才講完。我都是上完課才寫教材,這樣才知道進度及學生的接受度。
這個課程我是安排在高年級,五、六年級同時上,發現六年級還是比較OK。您可以將高年級好的作品拿來給低年級比賽,得獎者由高年級的程式撰寫者來頒 獎,會是個不錯的點子。
對了,課程中使用打蝙蝠,如果您覺得這樣對生命教育有疑慮,您就可以考慮使用無生命的飛盤或球等也可 以。
先展示一個完整作品與學生討論程式的規畫:
scra-0.png
1)背景
2)瞄準器:分二個造型
3)角色:四種會飛的物件,分別是加一分,加二分,加五分及扣十分,並討論何者是加五分,何者減十分。
4)時間限制:大家統一設定30秒
接著第一節課只要能達到以下目標即可
1)使用繪製新角色畫出瞄準器的二個造型並調整大小
2)匯入背景圖
3)撰寫程式:讓瞄準器隨著滑鼠移動並判斷是否按下滑鼠,如果按下滑鼠就切換到造型二
※繪製瞄準器的二個造型,一個為黑色中空,第二個造型為紅色實心的,注意小朋友在繪製第二個造型時是否使用「造型」的「繪製」。很多小朋友會使用繪 製角色的繪製工具,特別注意。
A)角色的繪製工具:會畫出一個新的角色
B)造型的繪製工具:會畫出同一個角色不同的造型,您可以舉例說明,一般電玩裡的人物在碰到特色情況會改變,但它還是同一個角色。
scra-1.png
撰寫瞄準器的程式:
程式一開始一定要切換到「造型一」,也就是中空的瞄準器
透過重複執行的迴圈來讓瞄準器跟著滑鼠移動,接著透過IF THEN的判斷來看看滑鼠的狀態,如果是按下滑鼠就表示開槍了,所以要切換到造型二,接著問學生,否則呢?學生都會回答,放開就回到造型一。
scra-2.png
完成後就測試一下程式,學生都會很驚訝!真得跟著我的滑鼠,按下後還會切換造型。

您需要登录后才可以回帖 登录 | 注册

本版积分规则

客服热线
400-1234-888 周一至周日:09:00 - 21:00
公司地址:襄阳市樊城区长虹路现代城5号楼188

创客帮MAKER.BAND青少年创客创意社区是一个融教育、科技、体育资讯为一体的综合服务平台,专注于教育创新、专注于科技体育、专注于教育资讯。

Powered by Discuz! X3.4 © 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表