Error message here!

Hide Error message here!

忘记密码?

Error message here!

请输入正确邮箱

Hide Error message here!

密码丢失?请输入您的电子邮件地址。您将收到一个重设密码链接。

Error message here!

返回登录

Close

無需寫代碼 使用Unity實現'嫦娥奔月'小動畫,快來看看這漂亮的嫦娥吧【僅供娛樂】

呆呆敲代碼的小Y 2021-09-13 20:08:42 阅读数:3699 评论数:0 点赞数:0 收藏数:0

“我正在參加中秋創意投稿大賽,詳情請看:中秋創意投稿大賽

  • 歡迎點贊 收藏 留言 如有錯誤敬請指正!
  • 本文由 呆呆敲代碼的小Y 原創*
  • 未來很長,值得我們全力奔赴更美好的生活

前言

  • 中秋節快要來啦,想起中秋節自然會想到一個民間故事,那就是嫦娥奔月啦!
  • 那我們就借著這個中秋佳節來寫一篇制作一個嫦娥奔月的動畫來錶達對這個故事感情吧!
  • 本文可能效果有些差强人意,實屬博主技術不到比特!

嫦娥奔月

️第一步:打開Unity新建一個項目

老規矩,先打開UnityHub新建一個Unity項目

改一個名字,選擇一個合適的路徑,然後點創建 在這裏插入圖片描述


🧡第二步:新建一個場景,並添加畫布

這一步也是基礎必備,新建一個場景 在這裏插入圖片描述

然後在層級面板新建一個畫布,並添加一個Image用於顯示圖片 在這裏插入圖片描述


第三步:給Image組件添加圖片

然後簡單的給這個Image改名為 月亮圖 ,用於顯示月亮

簡單如下三個步驟給這個Imag添加一個月亮圖片 在這裏插入圖片描述

然後1234再來一次,添加一個Image,找一個嫦娥的圖片添加上去!

然後再右鍵添加一個Text組件用作標題,將文本改名文:嫦娥奔月

簡單的調整一個圖片和文本的比特置,效果如下: 在這裏插入圖片描述 哈哈,是不是覺得很low~ ,沒關系,我們接著往下看嘛~


第四步:調整攝像機的背景渲染

現在來看就跟白天一樣,效果很差

然後我們改一下攝像機的背景,將默認的天空盒改為純色背景

先選中Main Camera相機,然後在屬性面板中選中純色渲染,並把顏色改為純黑色! 在這裏插入圖片描述

改完之後效果如下: 在這裏插入圖片描述


第五步:添加"奔月"動畫

這一步是最關鍵的一步,我們要給"嫦娥"添加一個奔月動畫~

先選中層級面板中帶有嫦娥圖片的Image,然後點擊Window -> 動畫 -> Animation

我這裏是切換了中英文,所以看起來可能有點小問題,只要是找到這個Animation點擊就好! 在這裏插入圖片描述 點擊完了之後會跳出來一個小窗口,我們點擊這個Create 在這裏插入圖片描述

點擊完了之後會出來一個路徑選擇保存文件的窗口,這是因為我們點擊Create就會創建一個動畫,這個選擇路徑和文件名的就是我們即將創建的動畫

路徑只要在當前工程中就好,改個名字點擊保存! 在這裏插入圖片描述 保存完了之後就會變成下面這個樣子,窗口發生變化,在工程下會增加了兩個文件 在這裏插入圖片描述

然後我們先選中層級面板中這個帶有嫦娥圖的Image,然後點擊窗口中的Add Property 在這裏插入圖片描述 然後選中這個Rect Transform下的 Anchored Position,點擊這個小加號,如下所示 在這裏插入圖片描述

然後這個窗口就會變成下面這個樣子,左邊的是圖片的比特置坐標信息,右邊是動畫的起點比特置和終點比特置 在這裏插入圖片描述 我們要做的就是將嫦娥從左下角的起點比特置,通過動畫移動到月亮的終點比特置

這樣就可以做一個超級簡單的"嫦娥奔月"!!

然後給大家看一下我這裏的參數設置,每個人可能比特置信息會不一樣

這個沒關系的,只能設置好起點和終點的比特置,就可以達到我們想要的效果!

如下圖所示,設置起點和終點的坐標信息即可! 請添加圖片描述


運行程序即可

這裏我們可以點擊嫦娥奔月的動畫,將Loop Time給取消掉

這個Loop Time是選擇:是否循環播放,我們只需要播放一次,所以取消即可~ 在這裏插入圖片描述

然後這個時候直接運行程序就可以啦! 請添加圖片描述

但是這樣做其實不够標准~

正確的動畫使用,是可以通過代碼來執行的,我們這裏只是為了完成"嫦娥奔月"這個簡單的小動畫,所以就不涉及到代碼啦!

Unity的動畫系統還可以幹很多事情,如果感興趣的話也可以看看我寫的一篇關於動畫系統的文章

近萬字教程 對 Unity 中的 動畫系統基礎 全面解析+實戰演練


總結

本篇文章使用Unity的動畫系統做了一個超級簡單的"嫦娥奔月",效果就在上面

覺得很Low也沒辦法,博主盡力了哈哈哈嗝~

Unity的動畫系統感興趣可以自己再研究下,那這篇文章就到這裏啦~

版权声明
本文为[呆呆敲代碼的小Y]所创,转载请带上原文链接,感谢

编程之旅,人生之路,不止于编程,还有诗和远方。
阅代码原理,看框架知识,学企业实践;
赏诗词,读日记,踏人生之路,观世界之行;

支付宝红包,每日可领