資訊內(nèi)容
Scratch教程(一):舞動起來
這是奶爸程序教程的第一講
先來看一個問題:“什么是程序?”
簡單來說,程序就是計算機(jī)的語言,把腦袋里的想法用程序?qū)懗鰜恚嬎銠C(jī)就能明白該做什么。人們發(fā)明了很多種類的語言,有的嚴(yán)謹(jǐn),有的靈活,有的很容易讀懂,有的完全不知所云,但既然是語言,就需要遵循一定的規(guī)范(語法),在掌握這些規(guī)范之前,是無法正確的編寫程序的
那這世上到底有沒有一種語言,可以用最容易理解的方式,將想法變成程序呢?答案當(dāng)然是有的,也就是奶爸在這里要強烈推薦的-Scratch
什么是Scratch?
Scratch是由麻省理工學(xué)院(MIT)設(shè)計開發(fā)的少兒編程工具,最大特點是將復(fù)雜的代碼邏輯封裝成一個個簡單有趣的圖形積木,使用者只需要拖拽,拼接需要的積木,便可以很簡單的制作一個程序
Scratch有兩種代碼編輯方式可供選擇
-
在線編輯網(wǎng)址:https://scratch.mit.edu/
-
離線編輯器(推薦):已經(jīng)為大家準(zhǔn)備好啦,在公眾號回復(fù)“scratch”就可以下載
以離線編輯器為例,我們來先熟悉一下

(呀。。一不小心提前暴露了今天的家庭作業(yè))
乍一看五彩斑斕的,其實很簡單,大體分為以下幾個區(qū)域

角色區(qū)專門管理我們的程序里所有的角色以及舞臺背景

控件區(qū)是每個角色可供選擇的造型,動作以及聲音效果等

我們將控件從控件區(qū)拖入編碼區(qū),就可以為角色制定一系列的動作

在預(yù)覽區(qū)我們可以看到所制作的程序的實時效果
一句代碼都不用寫,完全拖拖拽拽就能編寫程序,是不是很簡單,有沒有很心動


敲敲小黑板,上課啦
接下來就正式開始我們Scratch系列教程的第一講了,讓我們一步步的來制作一個舞動小人的程序
首先我們從Scratch自帶的素材庫里添加一個小恐龍的角色,把多余的造型去掉,保留一個造型

為了實現(xiàn)舞動的效果,我們要再添加一個造型,來復(fù)制一個當(dāng)前造型,選擇頂部的翻轉(zhuǎn)按鈕

接下來我們回到編碼區(qū),讓小恐龍舞動起來吧

我們只需要以下這幾個積木就可以完成

要實現(xiàn)舞動的效果,其實就是反復(fù)的做以下幾個步驟
-
使小恐龍先朝右移動
-
到達(dá)右邊界的時候反轉(zhuǎn)向左,并且切換造型
-
向左移動
-
到達(dá)左邊界的時候反轉(zhuǎn)向右,并且切換造型
-
重復(fù)以上步驟
那現(xiàn)在讓我們來仔細(xì)看下選取的積木
-
積木1:當(dāng)綠旗被點擊
-
-
通常作為程序的開啟,對應(yīng)的是預(yù)覽區(qū)右上角的綠旗按鈕
-
先注意右上角有一個小恐龍標(biāo)志,底下有x,y兩個坐標(biāo),當(dāng)你在預(yù)覽區(qū)拖動小恐龍時,x,y的值會發(fā)生變化,代表的就是當(dāng)前小恐龍所處的位置,該積木的作用也就是把角色移動到x,y的坐標(biāo)位置
-
-
積木2:移到 x:-82 y:-72
-
這類積木在以后的教程中會經(jīng)常用到,代表的是程序設(shè)計里一個重要的概念:“循環(huán)”。被該積木包裹的積木將被循環(huán)執(zhí)行有限或無限次,這里我們選擇的是無限循環(huán),就是說只要程序沒有結(jié)束,小恐龍就要不停的左右舞動,重復(fù)積木4到積木7的動作
-
-
積木3:重復(fù)執(zhí)行
-
切換到下一個造型,從造型1變到造型2
-
-
積木4:下一個造型
-
橫向從-82的坐標(biāo)位置滑到-28的位置,用時0.5秒,這里時間越短,看起來速度就越快
-
-
積木5:在 0.5 秒內(nèi)滑行到 x:-28 y:-72
-
切換到下一個造型,由于我們只定義了2個造型,所以就是回到了造型1
-
-
積木6:下一個造型
-
和積木5是類似的效果,只是方向不同
-
-
積木7:在 0.5 秒內(nèi)滑行到 x:-62 y:-72
這樣我們就很容易的創(chuàng)造了一個左右舞動的小恐龍,接下來我們動動手,再創(chuàng)造一個舞動的小人吧


這次我們沒有選左右移動,而是在原地等待0.5秒后,直接切換造型,同時為了視覺上近大遠(yuǎn)小的效果,把角色的大小調(diào)整到了合適的尺寸
另外我們可以為一個角色定義多組同時發(fā)生的動作,這里我們加了另外一個等待3秒以后說“Hello!”的動作
好了,現(xiàn)在我們有了兩個小人,但看起來像是在空地上尬舞,是時候為他們添置一個舞臺背景了

我們上傳一個圖片文件作為背景,并且添加了顏色變換和播放聲音的動作
來看看最終效果吧

聲明:本文章由網(wǎng)友投稿作為教育分享用途,如有侵權(quán)原作者可通過郵件及時和我們聯(lián)系刪除
