2019年03月03日(日) GIF

GIFアニメをJavaScriptで動かすテスト。

バイオハザードのアシュリーさん。

クリックで再生on,off。

マウスオーバーでGIFアニメを動かすのは知ってるけど、どうせならクリックで再生できないもんかと調べていた。
JSでGIFアニメを制御するやり方は、いろいろとあった。
だいたい誰かの作ったスクリプトを組み込むのだが、一長一短でしてな。

ココだとJSのみなので簡単。ただしクリックしたら流しっぱなし。
GIFアニメーションは直接貼り付けずJavaScriptで再生させる

上でアシュリーさんの風パンツァーに使ったのがここ。
[JS]アニメーションgifにスタートとストップ機能をつけられるスクリプト -gifplayer

解説だけでは全然わからんので、スクリプトのデモを改造したら理解できた。
gifplayer -GitHub

一時停止やコマ送りや逆再生できるのもあるんだが、読み込んでいきなり真っ白になる。
この辺が海外との感覚の違いかも。

ソレを改造して少し見やすくしてるトコ。
GIFアニメを読み込んでビデオ(動画)のように再生してみる
ここはネットや自前のGIFアニメを読み込んで試すこともできる。
遊べそうなのでコレは研究せねばな。


ところでおひなさんですなぁ……。
なにか描こうとしたけどいまいち。
しょうがないからありもの加工。

赤くて段になってりゃそれらしく、ならない。

ひでぇやっつけだが。