RPGツクール素材メモ とかティラノスクリプトの話とか

同人RPGの制作で役立ちそうなスクリプト・プラグイン素材を書き留めておく

ティラノスクリプトでセルアニメ再生プラグインをweb公開で使おうとしたら動かなかった(解決済み)

plugin.tyrano.jp

公式のティラノマーケットにもあるセルアニメ再生プラグインだが、web公開で一部のブラウザ(firefox)では動かない。
指定したアニメ送りがされず、初めの1枚のまま固まって、固まっているのでアニメが終了せず、消えずに残り続ける。

結論から言えば、ベンダープレフィックスが付いているのが理由。
(先進的機能を動かす為に付ける”ただし書き”の様な物だが、今は無くても動く。というか付いてると一部で動かない。
昔は各ブラウザに合わせて
@-moz-keyframes
などと指定していたが
今はどのブラウザでも
@keyframes
という指定で動く。
昔のブラウザ(5年くらい前?)で動かすなら必要だが……)


cleanim.jsにある

var vendor = (/webkit/i).test(navigator.appVersion) ? 'webkit' : (/firefox/i).test(navigator.userAgent) ? 'Moz' : (/Trident/i).test(navigator.userAgent) ? 'ms' : 'opera' in window ? 'O' : '';  

は要らない(消してしまってもいい)

あとは、cleanim.js内のvendorが使われてる箇所をCrtl+Fとかで検索し、例えば

var css_rule = '@-' + vendor + '-keyframes ' + pm.id + ' {' + css + '} ';

var css_rule = '@' + 'keyframes ' + pm.id + ' {' + css + '} ';

みたいに、vender変数を使用している所と、余分な"-"を削ったところ、firefoxでもアニメするようになった。