2020年1月17日(金)
ティラノスクリプト用のスプライトアニメーションプラグイン作りました
以前、ティラノスクリプト公式サイトのプラグインページにスプライトアニメのプラグインがあった気がしたのですが、今日探しても見つからなかったので自分で作りました。配布もしてるので必要な方は使ってみてください。
→ダウンロードする(Googleドライブ)
※(23/5/20追記)上記リンクでダウンロードできない場合はこちらからもダウンロードできます。
→ spriteanime_v100.zip(クリックでダウンロード開始)
■導入方法 ダウンロードしたZIPを全て展開して、中に入っているspriteフォルダをコピーして、プラグインを導入したいティラノスクリプトのdata/others/pluginフォルダの中にペーストしてください。 first.ksとかに[plugin name="sprite"]と書くと、プラグインの導入は完了です。
■[sprite]タグ プラグインを導入すると[sprite]タグが追加されます。パラメータは以下の通りです。 必須パラメータはspriteだけですが、基本的に★のパラメータは設定することを推奨します。
| パラメータ |
|
説明 |
| sprite |
★ |
必須です。スプライト名を入力します。nameと同様にCSSクラス名を設定しますが、「,」で複数設定はできません。(例:"spriteA") |
| storage |
★ |
スプライト画像名です。(例:"test.png") |
| folder |
|
スプライト画像のフォルダです。デフォルトはimageフォルダです。(例:"fgimage") |
| layer |
★ |
通常のimageタグと同じです。 |
| name |
|
通常のimageタグと同じです。 |
| page |
|
通常のimageタグと同じです。 |
| left |
|
通常のimageタグと同じです。 |
| top |
|
通常のimageタグと同じです。 |
| x |
★ |
通常のimageタグと同じです。 |
| y |
★ |
通常のimageタグと同じです。 |
| zindex |
|
通常のimageタグと同じです。 |
| pos |
|
通常のimageタグと同じです。 |
| width |
★ |
1コマの横幅です。(例:120) |
| height |
★ |
1コマの縦幅です。(例:120) |
| allwidth |
★ |
スプライト画像全体の横幅です。(例:600) |
| coma |
★ |
コマの数です。(例:5) |
| repeat |
|
繰り返し設定です。数値かinfiniteで設定します。デフォルトはinfiniteです。(例:1) |
| time |
★ |
アニメーションにかける秒数です。(例:0.5)←この例だと0.5秒になります。 |
| scaleX |
|
拡大率(X)です。(例:2) |
| scaleY |
|
拡大率(Y)です。(例:2) |
| rotate |
|
回転角度です。(例:45) |
| skewX |
|
傾き(X)です。(例:45) |
| skewY |
|
傾き(Y)です。(例:45) |
spriteタグの使用例:[sprite sprite="spriteA" name="test,sub" storage="test.png" layer=0 x=100 y=10 width=120 height=120 allwidth=600 coma=5 time=0.4]
■使用上の注意点 ・スプライト画像は横1列のもののみ使用可能です。 ・「spriteImg」というCSSクラスを作成するので、このプラグインを導入したプロジェクトではnameやspriteのパラメータに「spriteImg」という設定をしないようにしてください。バグの元になります。 ・「tf.sprite_plugin_name」という変数を作成するので、同名の変数の作成・使用はしないようにしてください。バグの元になります。
■作成時のティラノスクリプトのバージョン ・Ver475b(ティラノスクリプトfor Windowsアプリケーション)
カテゴリ:製作者向け情報/ティラノスクリプト関係/ティラノスクリプトのプラグイン等リスト
|