2013-02-09 207 views
0

我正在製作一款遊戲,並且我想要爲我的角色製作動畫(攻擊,走路等),但是我對如何做到這一點並不知情。我知道它不是用於循環的,因爲如果是這樣的話,動畫將立即播放,你將無法看到它。我已經下載了一個示例精靈表,我會在學會如何去測試它。遊戲精靈動畫

+1

告訴你,你嘗試過什麼幫助。 Google javascript動畫精靈教程 – mplungjan 2013-02-09 08:41:16

+0

問題是什麼? – 2013-02-09 09:28:04

回答

2

如果支持,您可以使用CSS3's steps() function獲取精靈動畫。或者使用計時器的簡單javascript方法(setTimeout,setInterval)。

這裏既有一個簡單的例子:http://codepen.io/anon/pen/hCeuG

然而,對於JS的一部分,它的更好,如果你有一個單一的遊戲循環,你更新你的動畫,這只是一個例子。你可以找到關於JavaScript的遊戲循環在這裏了非常深刻的解釋:http://nokarma.org/2011/02/02/javascript-game-development-the-game-loop/index.html

+0

感謝您的支持!我實際上不想使用遊戲庫,因爲在開始遊戲之前,我必須先學習它(我覺得這是浪費時間去了解大部分圖書館)。 – Zik 2013-02-09 09:49:15

+0

我期望從你的問題中,這就是爲什麼我沒有提供任何遊戲庫,但基本概念的例子和解釋。 :) 希望能幫助到你!尤其要看看遊戲循環文章,這是最基本的。即使您使用cavas繪製圖像,從精靈圖表中以JS方式「動畫」的方法也完全相同。 – ZER0 2013-02-09 09:57:12

+0

我有一個問題,我在哪裏把setInterval?我把更新()?這會影響間隔嗎? – Zik 2013-02-09 10:29:01

0

您可以使用免費的精靈,或嘗試用Photoshop做它(如果你是親!)或Sprite Maker(爲基本用戶!)

爲你可以使用的3D模型

2

有一些基於JS的遊戲庫可用,其目的僅僅是讓遊戲變得更容易。你應該使用其中之一。
我已經在其中一些工作,我喜歡CreateJS廣泛支持的聲音和spritesheets。 實際上你可以使用動畫製作動態圖片