@akashic-extension/akashic-timeline

akashic-timeline

akashic-timelineはAkashic Engine向けのトゥイーンアニメーションライブラリです。

次のようなコードで、エンティティ e を現在位置から座標(300, 400)へ2000ミリ秒かけて動かすアニメーションを記述することができます。

timeline.create(e)
        .moveTo(300, 400, 2000);

位置だけでなく回転や透明度などもアニメーション可能で、またイージングを指定することもできます。

利用方法

akashic-cliをインストールした後、

akashic install @akashic-extension/akashic-timeline

でインストールできます。コンテンツからは、

var timeline = require("@akashic-extension/akashic-timeline");

で利用してください。

使い方は akashic-timelineの利用方法 を参照してください。 詳細なリファレンスは APIリファレンスを参照してください。 Akashic Engineの詳細な利用方法については、 公式ページ を参照してください。

サンプル

sample/ ディレクトリに、akashic-timeline を用いるサンプルコンテンツがあります。 以下のコマンドにより akashic-sandbox でサンプルコンテンツを実行することができます。

git clone [e-mail]:akashic-games/akashic-timeline.git
cd akashic-timeline/sample
npm install
akashic-sandbox .

上記コマンドの実行には Git と akashic-sandbox (v0.13.3以降)が必要です。

ビルド方法

akashic-timelineはTypeScriptで書かれたライブラリであるため、ビルドにはnode.jsが必要です。

npm run build によりgulpを使ってビルドできます。

npm install
npm run build

テスト方法

1. TSLintを使ったLint
2. Jasmineを使ったテスト

がそれぞれ実行されます。

npm run test

ライセンス

本リポジトリは MIT License の元で公開されています。 詳しくは LICENSE をご覧ください。

ただし、画像ファイルおよび音声ファイルは CC BY 2.1 JP の元で公開されています。

Changelog

3.1.0

• Easing#easeInOutBack(), easeOutBounce() を追加