資訊內(nèi)容
Scratch教程(一):舞動(dòng)起來
這是奶爸程序教程的第一講
先來看一個(gè)問題:“什么是程序?”
簡單來說,程序就是計(jì)算機(jī)的語言,把腦袋里的想法用程序?qū)懗鰜?,?jì)算機(jī)就能明白該做什么。人們發(fā)明了很多種類的語言,有的嚴(yán)謹(jǐn),有的靈活,有的很容易讀懂,有的完全不知所云,但既然是語言,就需要遵循一定的規(guī)范(語法),在掌握這些規(guī)范之前,是無法正確的編寫程序的
那這世上到底有沒有一種語言,可以用最容易理解的方式,將想法變成程序呢?答案當(dāng)然是有的,也就是奶爸在這里要強(qiáng)烈推薦的-Scratch
什么是Scratch?
Scratch是由麻省理工學(xué)院(MIT)設(shè)計(jì)開發(fā)的少兒編程工具,最大特點(diǎn)是將復(fù)雜的代碼邏輯封裝成一個(gè)個(gè)簡單有趣的圖形積木,使用者只需要拖拽,拼接需要的積木,便可以很簡單的制作一個(gè)程序
Scratch有兩種代碼編輯方式可供選擇
-
在線編輯網(wǎng)址:https://scratch.mit.edu/
-
離線編輯器(推薦):已經(jīng)為大家準(zhǔn)備好啦,在公眾號(hào)回復(fù)“scratch”就可以下載
以離線編輯器為例,我們來先熟悉一下
(呀。。一不小心提前暴露了今天的家庭作業(yè))
乍一看五彩斑斕的,其實(shí)很簡單,大體分為以下幾個(gè)區(qū)域
角色區(qū)專門管理我們的程序里所有的角色以及舞臺(tái)背景
控件區(qū)是每個(gè)角色可供選擇的造型,動(dòng)作以及聲音效果等
我們將控件從控件區(qū)拖入編碼區(qū),就可以為角色制定一系列的動(dòng)作
在預(yù)覽區(qū)我們可以看到所制作的程序的實(shí)時(shí)效果
一句代碼都不用寫,完全拖拖拽拽就能編寫程序,是不是很簡單,有沒有很心動(dòng)
敲敲小黑板,上課啦
接下來就正式開始我們Scratch系列教程的第一講了,讓我們一步步的來制作一個(gè)舞動(dòng)小人的程序
首先我們從Scratch自帶的素材庫里添加一個(gè)小恐龍的角色,把多余的造型去掉,保留一個(gè)造型
為了實(shí)現(xiàn)舞動(dòng)的效果,我們要再添加一個(gè)造型,來復(fù)制一個(gè)當(dāng)前造型,選擇頂部的翻轉(zhuǎn)按鈕
接下來我們回到編碼區(qū),讓小恐龍舞動(dòng)起來吧
我們只需要以下這幾個(gè)積木就可以完成
要實(shí)現(xiàn)舞動(dòng)的效果,其實(shí)就是反復(fù)的做以下幾個(gè)步驟
-
使小恐龍先朝右移動(dòng)
-
到達(dá)右邊界的時(shí)候反轉(zhuǎn)向左,并且切換造型
-
向左移動(dòng)
-
到達(dá)左邊界的時(shí)候反轉(zhuǎn)向右,并且切換造型
-
重復(fù)以上步驟
那現(xiàn)在讓我們來仔細(xì)看下選取的積木
-
積木1:當(dāng)綠旗被點(diǎn)擊
-
-
通常作為程序的開啟,對應(yīng)的是預(yù)覽區(qū)右上角的綠旗按鈕
-
先注意右上角有一個(gè)小恐龍標(biāo)志,底下有x,y兩個(gè)坐標(biāo),當(dāng)你在預(yù)覽區(qū)拖動(dòng)小恐龍時(shí),x,y的值會(huì)發(fā)生變化,代表的就是當(dāng)前小恐龍所處的位置,該積木的作用也就是把角色移動(dòng)到x,y的坐標(biāo)位置
-
-
積木2:移到 x:-82 y:-72
-
這類積木在以后的教程中會(huì)經(jīng)常用到,代表的是程序設(shè)計(jì)里一個(gè)重要的概念:“循環(huán)”。被該積木包裹的積木將被循環(huán)執(zhí)行有限或無限次,這里我們選擇的是無限循環(huán),就是說只要程序沒有結(jié)束,小恐龍就要不停的左右舞動(dòng),重復(fù)積木4到積木7的動(dòng)作
-
-
積木3:重復(fù)執(zhí)行
-
切換到下一個(gè)造型,從造型1變到造型2
-
-
積木4:下一個(gè)造型
-
橫向從-82的坐標(biāo)位置滑到-28的位置,用時(shí)0.5秒,這里時(shí)間越短,看起來速度就越快
-
-
積木5:在 0.5 秒內(nèi)滑行到 x:-28 y:-72
-
切換到下一個(gè)造型,由于我們只定義了2個(gè)造型,所以就是回到了造型1
-
-
積木6:下一個(gè)造型
-
和積木5是類似的效果,只是方向不同
-
-
積木7:在 0.5 秒內(nèi)滑行到 x:-62 y:-72
這樣我們就很容易的創(chuàng)造了一個(gè)左右舞動(dòng)的小恐龍,接下來我們動(dòng)動(dòng)手,再創(chuàng)造一個(gè)舞動(dòng)的小人吧
這次我們沒有選左右移動(dòng),而是在原地等待0.5秒后,直接切換造型,同時(shí)為了視覺上近大遠(yuǎn)小的效果,把角色的大小調(diào)整到了合適的尺寸
另外我們可以為一個(gè)角色定義多組同時(shí)發(fā)生的動(dòng)作,這里我們加了另外一個(gè)等待3秒以后說“Hello!”的動(dòng)作
好了,現(xiàn)在我們有了兩個(gè)小人,但看起來像是在空地上尬舞,是時(shí)候?yàn)樗麄兲碇靡粋€(gè)舞臺(tái)背景了
我們上傳一個(gè)圖片文件作為背景,并且添加了顏色變換和播放聲音的動(dòng)作
來看看最終效果吧
聲明:本文章由網(wǎng)友投稿作為教育分享用途,如有侵權(quán)原作者可通過郵件及時(shí)和我們聯(lián)系刪除
