~ モバイル版(スマートフォン)の操作 ~
左右にスワイプすると、前後の投稿へ移動します。
← 前の投稿 | 次の投稿 →
日々のコンピュータ情報の集積と整理

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

2015年3月3日火曜日

アニメーション用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

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

ステップ2

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

ステップ3

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


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



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


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


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

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

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

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

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

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

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

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

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

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

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



スポンサーリンク

コメントを投稿

コメント投稿機能について