入力データ >>
出力データ >>
プレビュー:(一部の Android 標準ブラウザで、プレビューが動かないという現象を確認しました。プレビューが動かないだけで、生成されたコードによるアニメーションは正常に行えることを確認しました。Android版Chromeでは、正常にプレビューが動作することを確認しました。原因は現在調査中です。)
貼り付けコード:
このコードをブログ・Webページのソースコードに貼り付けてください。
この貼り付けコードの JavaScript は容量節約のため圧縮されています。
元の JavaScript コード・JavaScript コードの意味を知りたい方は、以下のページをご覧ください。
AA(アスキー・アート)だけでアニメーションを作りたい! アニメーション用JavaScript - 誰でも簡単に使えます
http://upa-pc.blogspot.com/2015/03/aa-anime-javascript.html
これは何?
文字やAA(アスキー・アート)のアニメーション用コードを自動生成します。誰でも簡単に、文字やAA(アスキー・アート)でアニメーションを作れます。
例えば、こんな風に文字のアニメーションを行うことが可能です。
サンプル:飛び跳ねる犬
(^w^U)~
この「文字・AA(アスキー・アート)アニメーションジェネレータ」で作成したサンプルは、以下のページにて展示しています。
文字・AA(アスキー・アート)アニメーションギャラリー - aa anime gallery
http://upa-pc.blogspot.com/p/aa-anime-gallery.html
特徴
生成される埋め込みコードは、そのコードのみで完結します。外部からスクリプトを読み込みません。
そのため、外部サービスに依存したコードにはなりません。
このバージョンで出来ること : Version 1.0.0
2 フレームの文字やAA(アスキー・アート)のアニメーション用コードを自動生成できます。アニメーションの時間間隔は 1 秒(1fps) です。
アニメーション用コードは、HTML と JavaScript にて構成されています。
このサービスは、予告なく機能追加等が行われることがあります。
是非、Twitter/Facebook/Google+アカウントをフォローしたり、RSS を購読することで、最新情報をGETしてください。
是非、Twitter/Facebook/Google+アカウントをフォローしたり、RSS を購読することで、最新情報をGETしてください。
作成のこつ
- 「この部分が動く場合フレームに改行を加えて動かないように調整してください」という部分が動く場合、動かないようにするために、改行の数の少ないフレームの文字・AA(アスキー・アート)に改行を追加してください。
- プレビューにて、文字・AA(アスキー・アート)に適用している文字のスタイルシート(装飾)はブラウザ標準のものになります。埋め込むページによっては、文字の装飾が標準とは異なっている場合があります。その場合には、このツールのプレビューは当てにせず、埋め込み先のページで文字・AA(アスキー・アート)の見栄えを調整してください。
注意事項
なお、この文字のアニメーションが動作するには、HTML のタグや JavaScript が動作する必要があります。そのため、一般的な掲示板では、それらが無効化されてしまうので、これを使ってアニメーションさせることができません。
HTML モードによる編集が可能であり、JavaScript が埋め込めるブログや、Web サイトのページなどでお使いください。
また、このアニメーションには JavaScript が動作することが必要ですので、JavaScript を無効に設定している環境では動作しません。
(最初の 1 フレームのみ表示された状態になります。)
免責事項
当blogの情報・各種サービスを活用する場合は、各人の判断にて利用してください。当blogの情報・各種サービスを用いて行う一切の行為、被った損害・損失については、一切の責任を負いません。
文字・AA(アスキー・アート)アニメーションジェネレータ - Character/Ascii Art Animation Generator