4.項目正式開工(二):學(xué)會簡單的動畫制作

友情提示:每做完一個操作后遵岩,都記得Ctrl+S隨手保存哦~

項目開始前侨赡,放上最終效果圖給大家看一下


1.創(chuàng)建animation

我們先來做一個頭像閃爍的動畫

依次選中HeadFrame→Timeline→Add the Animation component

這時會發(fā)現(xiàn)右側(cè)多一個Animation出來于个。我們再點擊Create a new Clip file.


在彈出的窗口選擇咱們之前創(chuàng)建的Animation文件夾泉褐,點擊‘打開’降允。


然后取個名字禁荸,完事點保存嘹锁。咱們是HeadFrame的動畫葫录,所以我取得名字叫做HeadFrameAnimation.


2.制作一個改變透明度變化的動畫

這時候咱們就可以開始編輯咱們的動畫了。

點擊Timeline下的鉛筆圖標(biāo)领猾,就可以進入編輯模式米同。


點擊加號,然后選擇opacity摔竿。這樣我們可以通過透明度的變化面粮,來達到閃爍的效果。


可以看到出現(xiàn)了一個opacity继低。鼠標(biāo)移動到opacity那一欄的時候熬苍,會出現(xiàn)3個小橫線,然后點擊這個3橫線,選擇Insert keyframe柴底,就可以K下第一幀婿脸。


可以看到,出現(xiàn)了一個藍色的小方塊柄驻。這就是咱們的第一幀狐树,代表在0:00這個時刻,透明度是255凿歼,也就是完全不透明褪迟。


現(xiàn)在呢,咱們把鼠標(biāo)移動到那條紅線答憔,然后點住不放味赃,拖到0.05的位置,然后把Opacity改為100


再把0:10時刻的透明度改為255


3.動畫的播放

這個WrapMode選為Loop虐拓,動畫就可以一直循環(huán)播放了心俗。


點擊下面這個小三角,就可以預(yù)覽播放了蓉驹。


但是現(xiàn)在我們在瀏覽器預(yù)覽城榛,還是不會閃爍,這是咋回事呢态兴?

莫慌狠持,把咱們創(chuàng)建的那個HeadFrameAnimation拖到右邊的DefaultClip那里松手,再把PlayOnLoad那里勾選瞻润,就OK啦喘垂!



現(xiàn)在我們再在瀏覽器預(yù)覽一下,就可以看到我們親手做的第一個動畫啦绍撞!

4.退出動畫編輯模式

動畫編輯好之后正勒,要Ctrl+S或者點擊Save保存一下,然后點擊那個鉛筆傻铣,才能退出編輯模式哦章贞,要不然你是沒法編輯其它組件了~


5.再添加一些其它動畫

除了制作改變Opacity的動畫,我們還可以制作顏色非洲、位置鸭限、以及角度等動畫。

比如我們現(xiàn)在給Label2做一個顏色和大小同時變化的動畫:

首先我們要添加會變化的屬性:color以及scale


然后鼠標(biāo)移動到color和scale欄两踏,分別K第一幀


紅線拉到0:05時刻败京,K第二幀


紅線拉到0:10時刻,K第三幀


注意注意:最后一幀的內(nèi)容缆瓣,一定要和第一幀相同喧枷。為啥呢虹统,因為咱們這個是loop弓坞,循環(huán)播放的隧甚。咱們放了最后一幀就要放第一幀了,所以為了不讓咱們動畫露餡渡冻,就得讓最后一幀和第一幀相同戚扳。

6.最終的預(yù)覽

把Label2Animation拖到DefaultClip,勾選PlayOnLoad族吻,就可以預(yù)覽了咱們的炫酷的動畫了帽借!

大家可以嘗試用剛剛學(xué)的知識,做一些自己喜歡的動畫超歌。

如果你做好了自己的名片砍艾,歡迎加入游戲開發(fā)群:247260198, 我們可以幫你把作品放到服務(wù)器上巍举,然后給你一個鏈接脆荷,你就可以把作品分享給你的朋友看啦!

思考下:

1.彈幕效果如何實現(xiàn)懊悯?

2.在屏幕內(nèi)彈來彈去的效果如何實現(xiàn)蜓谋?

3.星星bling-bling一閃一閃的效果如何實現(xiàn)?

最后放上自己做的炭分、不接受反駁的桃焕、自以為酷帥炸天的圖? ~ ^_^~


下一篇:5.項目正式開工(三):給場景添加一個背景音樂

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市捧毛,隨后出現(xiàn)的幾起案子观堂,更是在濱河造成了極大的恐慌,老刑警劉巖岖妄,帶你破解...
    沈念sama閱讀 212,816評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件型将,死亡現(xiàn)場離奇詭異,居然都是意外死亡荐虐,警方通過查閱死者的電腦和手機七兜,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,729評論 3 385
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來福扬,“玉大人腕铸,你說我怎么就攤上這事☆醣” “怎么了狠裹?”我有些...
    開封第一講書人閱讀 158,300評論 0 348
  • 文/不壞的土叔 我叫張陵,是天一觀的道長汽烦。 經(jīng)常有香客問我涛菠,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,780評論 1 285
  • 正文 為了忘掉前任俗冻,我火速辦了婚禮礁叔,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘迄薄。我一直安慰自己琅关,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 65,890評論 6 385
  • 文/花漫 我一把揭開白布讥蔽。 她就那樣靜靜地躺著涣易,像睡著了一般。 火紅的嫁衣襯著肌膚如雪冶伞。 梳的紋絲不亂的頭發(fā)上新症,一...
    開封第一講書人閱讀 50,084評論 1 291
  • 那天,我揣著相機與錄音响禽,去河邊找鬼账劲。 笑死,一個胖子當(dāng)著我的面吹牛金抡,可吹牛的內(nèi)容都是我干的瀑焦。 我是一名探鬼主播,決...
    沈念sama閱讀 39,151評論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼梗肝,長吁一口氣:“原來是場噩夢啊……” “哼榛瓮!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起巫击,我...
    開封第一講書人閱讀 37,912評論 0 268
  • 序言:老撾萬榮一對情侶失蹤禀晓,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后坝锰,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體粹懒,經(jīng)...
    沈念sama閱讀 44,355評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,666評論 2 327
  • 正文 我和宋清朗相戀三年顷级,在試婚紗的時候發(fā)現(xiàn)自己被綠了凫乖。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,809評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡弓颈,死狀恐怖帽芽,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情翔冀,我是刑警寧澤导街,帶...
    沈念sama閱讀 34,504評論 4 334
  • 正文 年R本政府宣布,位于F島的核電站纤子,受9級特大地震影響搬瑰,放射性物質(zhì)發(fā)生泄漏款票。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 40,150評論 3 317
  • 文/蒙蒙 一泽论、第九天 我趴在偏房一處隱蔽的房頂上張望徽职。 院中可真熱鬧,春花似錦佩厚、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,882評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至陶冷,卻和暖如春钙姊,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背埂伦。 一陣腳步聲響...
    開封第一講書人閱讀 32,121評論 1 267
  • 我被黑心中介騙來泰國打工煞额, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人沾谜。 一個月前我還...
    沈念sama閱讀 46,628評論 2 362
  • 正文 我出身青樓膊毁,卻偏偏與公主長得像,于是被迫代替她去往敵國和親基跑。 傳聞我的和親對象是個殘疾皇子婚温,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,724評論 2 351