2

KineticJS でアニメーション gif を描画する必要があるのですが、画像のチュートリアルに従っていると失敗しました。アニメーションGIFを描く方法はありますか?

4

2 に答える 2

3

直接ではありません。

ただし、これを行うことができます：

  1. .gif を個別の画像に分割します: http://gif-explode.com/
  2. それらの画像を JavaScript 配列にロードします。
  3. Kinetic.Image を作成します。
  4. 配列内の各イメージを列挙します。
  5. キネティック イメージのイメージを列挙された配列イメージに置き換えます。
  6. myKineticImage.setImage(images[nextImage++]) を使用して次の画像を設定します。
于 2013-08-24T19:37:03.870 に答える
3

KineticJS スプライトを使用します。

アニメーション GIF は、これを行う (非常に) 古い方法です。あまりうまく機能しません。パフォーマンスが非常に不安定で、さまざまなブラウザーで一貫性がありません。また、一度に多数のアニメーション GIF が表示されるとメモリを消費し、すべてが遅くなります。信じられないかもしれませんが、画像ファイル内ではなく、コードでアニメーションを処理する方が適切です。

PNG 形式を使用することをお勧めします。すべてのアニメーション フレームをまとめて含む 1 つの PNG ファイル (スプライト シート) を使用する必要があります。次に、それらを配列にロードし、KineticJS スプライトを使用して表示します。それはかなり簡単です。必要なものがすべて含まれたスプライトができました。ここに素晴らしい例があります：

kineticjs アニメーション スプライト チュートリアル

于 2013-09-05T07:07:00.380 に答える