FC2ブログ

動くイラストと猫漫画

鉄道・猫・イラスト・音楽のブログ。#刺さる人にだけ刺さればいい

Entries

連載「GIFアニメと私」その1

n700k-hashi-ani.gif
鉄橋を渡る新幹線のぞみのGIFアニメーション

私がGIFアニメというものを始めてから10年以上になります。
ブログというのは、自分史でもあるので、ここいらで自分とGIFアニメの歴史をブログに書き留めておきたいと思いました。
興味のない方はスルーしてください。

GIFアニメーション
↑初期の頃に作ったGIFアニメーション

 第1回 1990年~1992年 

1.原点はPC9801


1990年頃、埼玉に住んでいた私は、夫が買ったパソコンPC9801をいじっているうちに、ためしにマニュアルに載っていたプログラムコードを打ち込んでみました。すると、電子音の簡単な曲が流れました。
そのパソコンで曲が演奏できることを知らずにいたので、とても驚き、感激しました。

そして、「プログラムっておもしろいな」と思って、少しBASICをやってみましたが、難しくて挫折しました。

pc9801.gif
PC9801 出典・・コンピュータ博物館

2.Rayとの出会い


ray-gamen.png

しかし、その後パソコン通信を始めて、Ray(ともゆき氏作)という無料の音楽演奏ソフトに出会い、自分でデータを打ち込むといろいろな曲が流れて、楽しかったので夢中になりました。

そのソフトは演奏中にピアノのキーボードが表示され、演奏される音のキーが変化するというものでした。(上の画像参照)

そして同時に、曲のタイトルや説明を表示させる部分の文字が音に同調して変化するしくみでした。

3.ESCアニメに没頭する

長方形の窓部分に、普通は曲のタイトルや作曲者作詞者データ制作者を出すのですが、文字に色がついたり点滅したりすることに注目しました。

それはエスケープシーケンス(ESC)というしくみを使っていて、パソコン画面の何もないところに文字だけで絵を表すという手法でした。

パソコンの画面を細かい方眼に区切って、○行目の□番目のマスに(^^)を出せ、と打ち込むと、(^^)が表示されるというしくみです。

色つけが5色ぐらいでき、点滅や反転などもできました。

それが、曲データと同調して変化するようにデータファイルに書けば、曲の進行にあわせて簡単な文字アニメが表示できたのです。

マスに全角スペースを書いて反転させると色のついた■になりますので、工夫すると猫や人物や室内の風景などいろいろな表現ができました。

アスキーアートと似ていますが、反転や点滅ができる点が異なります。
アスキーアート
↑アスキーアートの例

ESC
↑ESCアニメの例
猫の胴体部分は全角スペースを反転させています。
※その頃は背景が黒で文字色が白でした。
音に同調して文字を変更すると動いているように見える


ESC
↑ESCアニメの例
家の窓は、全角スペース反転を点滅
車の窓は□を反転
音に同調して位置を変更すると動くように見える

そのとき「アニメは一つ前の絵を消して、次の絵を描く」という基本を学びました。
もちろん「一つ前の絵と変わらない部分は残す」ということも。

4.インタプリタとコンパイラ


今は、いろいろなプログラムはデータを打ち込んだらすぐに結果がわかると思いますが、そういう方式をインタプリタといいます。

一方、コンパイラというのは、データを打ち込むファイルと実行するファイルが別々になっていて、結果をたしかめるには、いったんデータファイルをプログラムファイルに読み込ませる必要があります。(めんどくさいですが、元データはテキストファイルなのでパソコン通信で共有するのに便利でした)

Rayはコンパイラでした。
MMLという形式のファイルにテキストデータを打ち込んで、それをM2Rというファイルで音楽データに変換するとRayで曲とアニメが流れるというしくみです。

ですから、1音訂正するにも、アニメを1カ所訂正するにもMML→M2R→Rayという作業が必要で、当時のパソコンは1つの作業しかできませんでしたから、1曲作るのに膨大な時間がかかりました。

そのため、ワープロではなくエディタでテキストを書くことに慣れました。Vzというフリーソフトのエディタに大変お世話になりました。

また、ファイルの整理にもパソコン通信で得たフリーソフトがとても役に立ち、「フリーソフト」というものの意味と価値を学びました。それが現在の「フリー素材」の考え方につながっています。




ここまでが埼玉時代の歴史です。
以下、九州に越してからの歴史は、次回に。

昨日は暖かかったですが、今日はまた冬の寒さ。
温度変化が大きいので体調管理にお気をつけください。

暖かくしてお過ごしください
自作GIFアニメーションフリー素材

動くイラスト(GIFアニメ)3000点以上のフリー素材を配布しています
「動くイラストフリー素材」
ホームページ バナー



関連記事

コメント

Re:マイラさん 

>YouTubeでピアノの曲が流れていてその時にどの鍵盤を弾くかを示している動画を見た事があるのですがあれはRayを使っているのかしら。

 RayはWindows以前のソフトなので、違います。今のパソコンではRayは使えません。フロッピーでパソコンに読み込ませていた時代のものです。たとえて言えば、今のエアコン暖房と薪ストーブぐらいの差があります(^_^;それはそれで良さがありましたけどね。GIFアニメの歴史、興味を持っていただけてうれしいです。少しずつ載せていきますのでよろしく~

 

無題 

コンピューターはどんどん進化していますね。プログラムとか色々と勉強なさったちいこさんは素晴らしいです。YouTubeでピアノの曲が流れていてその時にどの鍵盤を弾くかを示している動画を見た事があるのですがあれはRayを使っているのかしら。ちいこさんが作られているGIFアニメの歴史を読めるなんて楽しいです。次回も期待しています。
  • posted by マイラ 
  • URL 
  • 2021.01/18 08:31分 
  • [Edit]

Re:峠さん 

> パソコンを相手に いろいろ自在に遊べる 並じゃない頭脳だわ

 いえいえ、昔から好奇心が人一倍だっただけです。
 峠さんもパソコンやブログを上手に使いこなしていらっしゃると尊敬しています。

Re: なりおさん 

いつもありがとうございます。
作って欲しいGIFアニメがありましたら
言って下さいね。

Re: こんにちは🎶 

好きなことをやってそれが他人の役にも立つなら
こんなしあわせなことはありません。
読んでいただきありがとうございます。

Re: さららさん 

好きなことをやってそれが他人の役にも立つなら
こんなしあわせなことはありません。
読んでいただきありがとうございます。
今年もよろしくお願いします。

Re: 春袷 さん 

好きなことをやってそれが他人の役にも立つなら
こんなしあわせなことはありません。
読んでいただきありがとうございます。

無題 

パソコンを相手に いろいろ自在に遊べる 並じゃない頭脳だわ
 私は ちいこさんのお蔭で
いっぱい いっぱい 助けられ
パソコン音痴でも 何とか。

 ブログも本当にちいこさん素材にたすけていただいてます
 いつも 感謝 感謝です
  • posted by 峠 美千子 
  • URL 
  • 2021.01/17 18:01分 
  • [Edit]

こんにちは🎶 

いつもありがとうございます。

今年もよろしくお願いします。
  • posted by なりおの散歩日記 
  • URL 
  • 2021.01/17 15:21分 
  • [Edit]

こんにちは🎶 

いつもありがとうございます。
今年もよろしくお願いします。
  • posted by noname 
  • URL 
  • 2021.01/17 15:18分 
  • [Edit]

無題 

ちいこさん、すごいですね。


素材お借りします。


今年もよろしくお願い致します。
  • posted by さらら 
  • URL 
  • 2021.01/17 12:56分 
  • [Edit]

無題 

こんにちは。

私にはとてもできそうにありませんが、お陰様でどれだけお世話になっていることか・・・
味気ないブログも楽しい物になります!
これからも宜しくお願い致します。
  • posted by 春袷 
  • URL 
  • 2021.01/17 11:40分 
  • [Edit]

Comment_form

管理者のみ表示。 | 非公開コメント投稿可能です。

Menu

最新記事一覧(サムネイル画像付き)

猫漫画と父の日イラスト素材 Jun 20, 2021
今日はポールマッカートニーの誕生日 Jun 18, 2021
乗り鉄「SL人吉臨時列車に乗車」 Jun 14, 2021
撮り鉄「特急かわせみやませみ/いさぶろうしんぺい」送り込み回送動画と車内 Jun 12, 2021
名鉄ミュースカイのイラストフリー素材と「妄想トレイン6/7」 Jun 11, 2021
6/9はロックの日 Jun 10, 2021
猫にかじられないように花を飾るには Jun 06, 2021
キハ66.67形引退と記念乗車券発売ニュース Jun 04, 2021

ブロとも申請フォーム

シンプルアーカイブ


シンプルアーカイブの使い方

プロフィール

ちいこ

Author:ちいこ
「動くイラストフリー素材」で検索して下さい。
運営サイトが出ます。
約3000点のフリー素材があります。

FC2ブログカウンター

ランキング参加中

応援ありがとうございます

鉄道コム にほんブログ村 イラストブログ フリーイラストへ
にほんブログ村