當前位置:
首頁 > 遊戲 > Scratch(六)用「角色」與「舞台」的組合做個小動畫

Scratch(六)用「角色」與「舞台」的組合做個小動畫

經過了前幾個章節的學習,我們了解到了一些Scratch的角色和舞台,那麼今天我們將用這些知識來做幾個簡單的動畫,這些動畫都是構成遊戲的基本架構。比如一輛車子的運動,就是賽車遊戲的基礎,一架飛機的飛行,也是射擊類遊戲的基礎。

Scratch(六)用「角色」與「舞台」的組合做個小動畫

好了,不廢話,我們開始吧。

第一個任務:做一個不停前進的小汽車

在知乎體來做這個任務,第一句話就是「首先,你得有輛小汽車!」,我們那就先用Scratch自帶的角色繪圖工具來做一個小汽車:

1、刪除默認的小貓,點擊新建角色的按鈕

Scratch(六)用「角色」與「舞台」的組合做個小動畫

2、因為我們手繪圖形不複雜,所以切換到「矢量模式」,如果忘記了什麼是矢量模式就回頭再看第五章;先用矩形工具畫出一個方框:

Scratch(六)用「角色」與「舞台」的組合做個小動畫

3、我喜歡法拉利,所以我決定填充法拉利的紅色:

Scratch(六)用「角色」與「舞台」的組合做個小動畫

4、用工具欄第二個「變形」工具點擊方塊的邊,拖動四個角成梯形:

Scratch(六)用「角色」與「舞台」的組合做個小動畫

5、然後加上駕駛艙:

Scratch(六)用「角色」與「舞台」的組合做個小動畫

6、將駕駛艙的橢圓形放到下一層:

Scratch(六)用「角色」與「舞台」的組合做個小動畫

Scratch(六)用「角色」與「舞台」的組合做個小動畫

7、用變形工具微調,哎,有些像路虎極光了:

Scratch(六)用「角色」與「舞台」的組合做個小動畫

8、按住shift鍵用橢圓工具就會是個完美的圓形,這個用來做輪子:

Scratch(六)用「角色」與「舞台」的組合做個小動畫

然後複製一個輪子:

Scratch(六)用「角色」與「舞台」的組合做個小動畫

再美化一下輪子和車窗等細節:

Scratch(六)用「角色」與「舞台」的組合做個小動畫

9、注意,關鍵細節來了:

我們如何才能在動畫中將車子的運動狀態表現出來呢?

一般方法是在輪子上和車窗上加上光澤變化,這樣用兩幅不同光澤的小車造型輪流切換,看上去車子就像是在運動了。這是遊戲中一般採用的方法,當然你也可以想一下是否還有其它辦法。

Scratch(六)用「角色」與「舞台」的組合做個小動畫

然後新建一個「造型2」:

Scratch(六)用「角色」與「舞台」的組合做個小動畫

滑鼠右鍵點擊造型1,然後點複製:

Scratch(六)用「角色」與「舞台」的組合做個小動畫

然後我們對「造型2」的小車進行光澤細節調整:

Scratch(六)用「角色」與「舞台」的組合做個小動畫

10,兩個造型都好了,我們用代碼切換一下看看效果:

Scratch(六)用「角色」與「舞台」的組合做個小動畫

哎,小車跑起來了,雖然它實際一點都沒動。

小車搞定了,下面我們要做一個循環背景,這樣小車看上去就真的在跑了,怎麼做循環背景呢?

循環背景是需要背景畫面運動,所以我們現在直接用舞台背景就不行了,要用一個角色做背景:

Scratch(六)用「角色」與「舞台」的組合做個小動畫

首先我們要做最遠處的背景,因為最遠處的景物看上去是不動的,所以最遠處我們用遠山和天空來試一試:

Scratch(六)用「角色」與「舞台」的組合做個小動畫

注意看 ,畫一個矩形框,用最細的邊框,然後用填充顏色的工具選出兩種藍色可以做出漸變色:

Scratch(六)用「角色」與「舞台」的組合做個小動畫

我們用這個效果可以做天空,同樣這個效果也可以做山啊,做路面等:

Scratch(六)用「角色」與「舞台」的組合做個小動畫

然後我們在舞台區把背景放好位子,再在「外觀」功能中將背景放置在小車下面:

Scratch(六)用「角色」與「舞台」的組合做個小動畫

Scratch(六)用「角色」與「舞台」的組合做個小動畫

車子好像有些大,我們再用縮小工具:

Scratch(六)用「角色」與「舞台」的組合做個小動畫

Scratch(六)用「角色」與「舞台」的組合做個小動畫

好像效果不錯。

下面我們要開始做路邊飛馳而過的樹木、電杆什麼的,這樣就會顯得車子是真的在跑:

我們先畫樹:

Scratch(六)用「角色」與「舞台」的組合做個小動畫

先用幾個橢圓做樹冠,然後再加上樹榦:

Scratch(六)用「角色」與「舞台」的組合做個小動畫

還可以多做幾款不同樣子的:

Scratch(六)用「角色」與「舞台」的組合做個小動畫

Scratch(六)用「角色」與「舞台」的組合做個小動畫

差不多了,我們讓它們全部都動起來:

Scratch(六)用「角色」與「舞台」的組合做個小動畫

先把遠處的樹木縮小到合適的樣子,然後開始對其編程:

Scratch(六)用「角色」與「舞台」的組合做個小動畫

這段代碼的意思是:

當綠旗子被點擊的時候,這個棵樹從(260,-60)的位置顯示出來,然後在8秒鐘內平移到(-240,-60)的位置,然後消失掉,再等待隨機幾秒鐘再出來,隨機數這個模塊是很重要的模塊,我們下次會詳細說到,今天我們就在等待時間中拖進去隨機積木,時間修改為1秒-5秒之間選一個。

Scratch(六)用「角色」與「舞台」的組合做個小動畫

我們多複製一點,然後還要調整一下代碼,將出來的時間變得不固定,將等待的隨機數放顯示之前:

Scratch(六)用「角色」與「舞台」的組合做個小動畫

然後將這段代碼拖到別的幾個不同式樣的樹裡面去:

Scratch(六)用「角色」與「舞台」的組合做個小動畫

Scratch(六)用「角色」與「舞台」的組合做個小動畫

這個樹叢也有了一樣的代碼,然後也對其複製,,然後把小車放置到最上層:

Scratch(六)用「角色」與「舞台」的組合做個小動畫

Scratch(六)用「角色」與「舞台」的組合做個小動畫

代碼跑起來:

Scratch(六)用「角色」與「舞台」的組合做個小動畫

遠處的樹木有了,那麼近處的要跑的快一些,怎麼辦?

當然就是改樹木平移的速度了,要快一些,而且樹木要大一些:

Scratch(六)用「角色」與「舞台」的組合做個小動畫

然後對該樹木進行複製,再把代碼跑起來:

Scratch(六)用「角色」與「舞台」的組合做個小動畫

然後再鋪一條路:

Scratch(六)用「角色」與「舞台」的組合做個小動畫

這個路要再做一個造型進行切換,按住shift鍵可以多選編組,試一試,然後對公路進行編程:

Scratch(六)用「角色」與「舞台」的組合做個小動畫

Scratch(六)用「角色」與「舞台」的組合做個小動畫

再把全部代碼跑起來,點擊綠旗子:

Scratch(六)用「角色」與「舞台」的組合做個小動畫

是不是看上去很爽了?

我們還可以加上很多細節,比如白雲,比如陽光,如果你願意,也可以加個警車進來:)

好玩嗎?

學會scratch,就可以自己做動畫,自己做遊戲!

喜歡這篇文章嗎?立刻分享出去讓更多人知道吧!

本站內容充實豐富,博大精深,小編精選每日熱門資訊,隨時更新,點擊「搶先收到最新資訊」瀏覽吧!

TAG: |