Scratch(六)用「角色」與「舞台」的組合做個小動畫
經過了前幾個章節的學習,我們了解到了一些Scratch的角色和舞台,那麼今天我們將用這些知識來做幾個簡單的動畫,這些動畫都是構成遊戲的基本架構。比如一輛車子的運動,就是賽車遊戲的基礎,一架飛機的飛行,也是射擊類遊戲的基礎。
好了,不廢話,我們開始吧。
第一個任務:做一個不停前進的小汽車
在知乎體來做這個任務,第一句話就是「首先,你得有輛小汽車!」,我們那就先用Scratch自帶的角色繪圖工具來做一個小汽車:
1、刪除默認的小貓,點擊新建角色的按鈕
2、因為我們手繪圖形不複雜,所以切換到「矢量模式」,如果忘記了什麼是矢量模式就回頭再看第五章;先用矩形工具畫出一個方框:
3、我喜歡法拉利,所以我決定填充法拉利的紅色:
4、用工具欄第二個「變形」工具點擊方塊的邊,拖動四個角成梯形:
5、然後加上駕駛艙:
6、將駕駛艙的橢圓形放到下一層:
7、用變形工具微調,哎,有些像路虎極光了:
8、按住shift鍵用橢圓工具就會是個完美的圓形,這個用來做輪子:
然後複製一個輪子:
再美化一下輪子和車窗等細節:
9、注意,關鍵細節來了:
我們如何才能在動畫中將車子的運動狀態表現出來呢?
一般方法是在輪子上和車窗上加上光澤變化,這樣用兩幅不同光澤的小車造型輪流切換,看上去車子就像是在運動了。這是遊戲中一般採用的方法,當然你也可以想一下是否還有其它辦法。
然後新建一個「造型2」:
滑鼠右鍵點擊造型1,然後點複製:
然後我們對「造型2」的小車進行光澤細節調整:
10,兩個造型都好了,我們用代碼切換一下看看效果:
哎,小車跑起來了,雖然它實際一點都沒動。
小車搞定了,下面我們要做一個循環背景,這樣小車看上去就真的在跑了,怎麼做循環背景呢?
循環背景是需要背景畫面運動,所以我們現在直接用舞台背景就不行了,要用一個角色做背景:
首先我們要做最遠處的背景,因為最遠處的景物看上去是不動的,所以最遠處我們用遠山和天空來試一試:
注意看 ,畫一個矩形框,用最細的邊框,然後用填充顏色的工具選出兩種藍色可以做出漸變色:
我們用這個效果可以做天空,同樣這個效果也可以做山啊,做路面等:
然後我們在舞台區把背景放好位子,再在「外觀」功能中將背景放置在小車下面:
車子好像有些大,我們再用縮小工具:
好像效果不錯。
下面我們要開始做路邊飛馳而過的樹木、電杆什麼的,這樣就會顯得車子是真的在跑:
我們先畫樹:
先用幾個橢圓做樹冠,然後再加上樹榦:
還可以多做幾款不同樣子的:
差不多了,我們讓它們全部都動起來:
先把遠處的樹木縮小到合適的樣子,然後開始對其編程:
這段代碼的意思是:
當綠旗子被點擊的時候,這個棵樹從(260,-60)的位置顯示出來,然後在8秒鐘內平移到(-240,-60)的位置,然後消失掉,再等待隨機幾秒鐘再出來,隨機數這個模塊是很重要的模塊,我們下次會詳細說到,今天我們就在等待時間中拖進去隨機積木,時間修改為1秒-5秒之間選一個。
我們多複製一點,然後還要調整一下代碼,將出來的時間變得不固定,將等待的隨機數放顯示之前:
然後將這段代碼拖到別的幾個不同式樣的樹裡面去:
這個樹叢也有了一樣的代碼,然後也對其複製,,然後把小車放置到最上層:
代碼跑起來:
遠處的樹木有了,那麼近處的要跑的快一些,怎麼辦?
當然就是改樹木平移的速度了,要快一些,而且樹木要大一些:
然後對該樹木進行複製,再把代碼跑起來:
然後再鋪一條路:
這個路要再做一個造型進行切換,按住shift鍵可以多選編組,試一試,然後對公路進行編程:
再把全部代碼跑起來,點擊綠旗子:
是不是看上去很爽了?
我們還可以加上很多細節,比如白雲,比如陽光,如果你願意,也可以加個警車進來:)
好玩嗎?
學會scratch,就可以自己做動畫,自己做遊戲!