アニメーション用JavaScriptを自動生成-HTMLやJavaScriptの知識が無くても、文字・AA(アスキー・アート)だけでアニメーションを作りたい!

イントロダクション

「AA(アスキー・アート)だけでアニメーションを作りたい! アニメーション用JavaScript - 誰でも簡単に使えます」では、文字やAA(アスキー・アート)だけで、アニメーションを行うためのコード(HTML/JavaScript)を作成しました。

これで、文字やAA(アスキー・アート)だけで、アニメーションを作成することができるようになりました。


でも、直接 HTML や JavaScript のコードを編集するのは大変です。
そこで、文字やAA(アスキー・アート)を入力するだけで、ブログや Web サイトへの貼り付けコードを自動的に生成する Web サービスを作成しました。

文字・AA(アスキー・アート)アニメーションジェネレータ

このブログ内の以下のページにて、文字やAA(アスキー・アート)を入力するだけで、ブログや Web サイトへの貼り付けコードを自動的に生成する Web サービスを動かしています。

Dr.ウーパのコンピュータ備忘録: 文字・AA(アスキー・アート)アニメーションジェネレータ - アニメーション用コードを自動生成
http://upa-pc.blogspot.jp/p/aa-anime-generator.html

使い方

使い方は簡単です。

ステップ１

1 フレーム目の 文字やAA(アスキー・アート) を入力します。

ステップ２

2 フレーム目の 文字やAA(アスキー・アート) を入力します。

ステップ３

貼り付けコードを取得し、ブログやWebサイトへ張り付けます。


これだけで、次のような文字やAA(アスキー・アート) のアニメーションを、ブログやWebサイトへ導入できます。

(^w^U)~

(^w^U)~ < わんわんおっ！

是非、試してみてください！

既にインターネット上にあるAA(アスキー・アート)ジェネレータとの違い

インターネット上を見渡すと、既にアスキーアートでアニメーションを作るための Web サービスや、ソフトウェアがありますが、それらとの違いを記載します。

埋め込みコードですべてが完結

外部からのスクリプトを使用していないため、外部のサービスに依存しないアニメーションを作ることができます。

利用者が見渡せる範囲のコード

この文字をアニメーションさせるためのコードは非常に簡潔のため、利用者がパッと見て理解できる程度の長さです。

アニメーションコードの自由な改変

利用者が見渡せるコード量のため、利用者が好きに改変することができます。

手軽に利用・生成できるジェネレータ

Web ページ上で、たった 2 フレームという究極までに機能を削ぎ落したジェネレータのため、簡単に扱うことができます。

また、その簡潔さのため、3 ステップでアニメーションを作成することができます。