WebTips


Top / Flash

Flash

 Flashと言ったら動画ですね。WEBを見ていてFlashにであわない日はありません。Flashのプレーヤーは最初からインストールされていたり、無料でダウンロードしてインストールする事が出来ました。Windowsだけでなく、Macintoshや最近では携帯電話にまで対応しています。残念ながらNintendo DSではないですけどね(欲しい)。Flashはかつてのマクロメディア(Macromedia, Inc)によって開発されました。現在はAcrobat ReaderやPhotoshopで有名なアドビ(Adobe)に買収されています。管理人はFlash 2のころからFlashを作りはじめ(まぁ相変わらずあんまり上達しませんが)着目していました。Flash2と言うのは1997年リリースでした。当時はまだダイアルアップ接続が主で、現在のブロードバンド接続とは全く様相が違っていました。ダイアルアップ接続ではせいぜい28.8kとか56kで、現在主流のADSLの50Mや光100Mと比べれば実に1000倍もの差があります。か細い接続環境では、現在のような映画やテレビのような動画配信と言うのは不可能と言えましょう。ですが、Flashは当時から動画(アニメ)を配信する事が出来ました。どういう事なのでしょう。

ベクトルデータのFlash

 Flashは、最初からベクトルデータで配信するよう設計されていました。ベクトルデータと言うのは何でしょうか?画像のデータフォーマットには大きく分けて2種類が有り、一つがビットマップデータで、もう一つがベクトルデータです。

通常の画像はビットマップ

 Windowsのビットマップは当然ビットマップデータですが、JPEG、PNG、GIF、PIC、その他画像データはほぼビットマップデータです。ビットマップというのはその言葉通り、ビット(点)マップ(地図)で、色がついた点が集まっているものです。デジカメでは画像の画素数が問題となりますが、例えば800x600ピクセルの画像は800x600=480,000で48万画素と言う事になります。これは横800、縦600の点の集合で、この点一つ一つについて色が指定されています。GIFのように色が256色だった場合、単純に計算して480000x256=122,880,000 というデータが少なくとも必要なわけです。画像フォーマットによってマップ形式や圧縮形式が違うので一概に言えませんが、いずれにせよ一つの画像でも比較的大きいデータになってしまうのです。

ベクトルデータは

 ベクトル、と言う言葉は数学で習ったかもしれませんが、Wikipediaによると大きさと向きを持った量と言う事です。方向や線の長さのデータの事ですね。例えば直線であれば、線の始めと線の終わりの座標を示してやればひく事が出来ます。それに色や太さを加えればかなり表現力がでてきます。矩形(長方形)の場合、左上と右下の座標と、色や線の太さをを指定してやれば良いです。それを塗りつぶす場合でも、何色で塗りつぶすか指定するだけです。円の場合は中心と半径、線の太さや色、塗りつぶし色等をしていすれば良いわけですね。ものすごく複雑な図形の場合は逆転するかもしれませんが、通常の絵ならビットマップデータよりもずっと少なくて良いです。しかも、座標データは比例的に拡大できるので、どんなに大きな画面でも同じデータですみます。ビットマップの場合は画素数に応じて、つまり画面の大きさに合わせてデータが大きくなってしまうわけです。Flashの場合はこのようなベクトルデータを自動的に解析し、画面に表現してくれます。また、時間軸を入れて点や線を動かす事によってアニメの表示もできるようになったわけです。すごいですよね!
 ベクトルデータだけで制作したちょっとしたアニメなら数キロバイトで出来てしまいます。GIF画像ではほんの小さい画像なのに、Flashでは画面いっぱいのアニメが出来る、という表現力だったのです。ちなみにこのみっともないテストフラッシュは2kbyteちょっとです。

当然ビットマップデータも扱える

 当初からGIFやJPEGの読込みが出来たので、ビットマップデータも扱う事が出来ました。最新のFlashではビットマップの画像処理(たとえばぼかしとか色反転とか)まで出来てしまう強力なエンジンです。

使いこなすにはActionScriptが必要

 残念ながら、こんなにすごいFlashですが、使いこなすにはActionScriptというスクリプト言語をマスターする必要があります。これはJavaScriptに近いので、それほど難しくはありませんが、デザイナー等にはちょっとハードル高いですよね。

Contents


トップ   差分 バックアップ リロード   一覧 単語検索 最終更新   ヘルプ   最終更新のRSS
Last-modified: 2007-08-31 (金) 19:36:12 (1105d)