日々のコンピュータ情報の集積と整理

Dr.ウーパのコンピュータ備忘録

文字・AA(アスキー・アート)アニメーションジェネレータ - アニメーション用コードを自動生成

入力データ >>
1フレーム目の文字・AA(アスキー・アート):

例)Hello

2フレーム目の文字・AA(アスキー・アート):

例)World


出力データ  >>
プレビュー:

(一部の Android 標準ブラウザで、プレビューが動かないという現象を確認しました。プレビューが動かないだけで、生成されたコードによるアニメーションは正常に行えることを確認しました。Android版Chromeでは、正常にプレビューが動作することを確認しました。原因は現在調査中です。)
貼り付けコード:

このコードをブログ・Webページのソースコードに貼り付けてください。


この貼り付けコードの JavaScript は容量節約のため圧縮されています。
元の JavaScript コード・JavaScript コードの意味を知りたい方は、以下のページをご覧ください。

AA(アスキー・アート)だけでアニメーションを作りたい! アニメーション用JavaScript - 誰でも簡単に使えます
http://upa-pc.blogspot.com/2015/03/aa-anime-javascript.html


これは何?

文字やAA(アスキー・アート)のアニメーション用コードを自動生成します。
誰でも簡単に、文字やAA(アスキー・アート)でアニメーションを作れます。


例えば、こんな風に文字のアニメーションを行うことが可能です。
サンプル:飛び跳ねる犬


(^w^U)~
(^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してください。


作成のこつ

  • 「この部分が動く場合フレームに改行を加えて動かないように調整してください」という部分が動く場合、動かないようにするために、改行の数の少ないフレームの文字・AA(アスキー・アート)に改行を追加してください。
→ 「この部分が動く場合フレームに改行を加えて動かないように調整してください」が動く場合、このアニメーション用コードを埋め込んだ箇所の下部のコンテンツが上下に動いて、見づらくなります。

  • プレビューにて、文字・AA(アスキー・アート)に適用している文字のスタイルシート(装飾)はブラウザ標準のものになります。埋め込むページによっては、文字の装飾が標準とは異なっている場合があります。その場合には、このツールのプレビューは当てにせず、埋め込み先のページで文字・AA(アスキー・アート)の見栄えを調整してください。


注意事項

なお、この文字のアニメーションが動作するには、HTML のタグや JavaScript が動作する必要があります。

そのため、一般的な掲示板では、それらが無効化されてしまうので、これを使ってアニメーションさせることができません。

HTML モードによる編集が可能であり、JavaScript が埋め込めるブログや、Web サイトのページなどでお使いください。


また、このアニメーションには JavaScript が動作することが必要ですので、JavaScript を無効に設定している環境では動作しません。
(最初の 1 フレームのみ表示された状態になります。)


免責事項

当blogの情報・各種サービスを活用する場合は、各人の判断にて利用してください。
当blogの情報・各種サービスを用いて行う一切の行為、被った損害・損失については、一切の責任を負いません。


文字・AA(アスキー・アート)アニメーションジェネレータ - Character/Ascii Art Animation Generator






Related Posts Plugin for WordPress, Blogger...