ニュートの口使い from 近藤研二：2002-01-06

トップページのリニューアルにマクロメディアのFlash
を導入してみた。

「縦笛の穴にカーソルを合わせると笛の先っぽから吹き
出しが出て、それがサイトナビゲーションの役目を担
う」というアイデアは一年以上前からあって、それを忘
れないという意味もあってHPのタイトルをずっと
「HOLE OF 〜」にしていたのだが、昨年１２月になっ
て、ふと「Flashだったら音も出せそうだし、実際笛の
音が鳴ったらお茶目かもなあ」なんて思い立ち、俄然や
る気が出てしまった。元旦にリニューアルするとして約
３週間。出来る範囲でやってみることにした。

初めて使うソフトだったので、何が出来て何が出来ない
のか、先ずそれを理解しようとするも、奥が深いので未
だによく分からず。簡単にいうと、ベクターベースの絵
が描けて、アニメーションも出来て、音も同期出来て、
インタラクティブ性を生かしてナビゲーションシステム
やゲームなんかも作れてしまうソフト。

「シンボル」「オブジェクト」「インスタンス」という
用語の使い分けがイマイチ分からないが、とりあえず作
業しながら覚えていく。今回はあらかじめAdobeイラス
トレーターで描いていた絵を素材にしての作業になった
が、ドローソフトとしてのFlashもなかなか楽しそう。
サンプリングした笛の音も含め、ライブラリに貯めた素
材をステージ上に並べて組み立てていくというような感
覚で作業できるので分かりやすい。

ただ、特殊な動きを作るにはActionScriptという
JavaScriptに似たものを書かなくてはならず、ソフトが
ナビゲートしてくれるとは言え、これはちょっと難し
い。基礎知識もなくやっているのでエラー続出。フリー
ズの嵐。何度マックを再起動したことやら。

でもソフトの起動がえらく速いので良しとしよう。あと
有名な話だけど、Flashのファイル、swfは恐ろしいほ
どサイズが小さい。今トップページにあるswf書類は
76k。当然、音や動きも込みでだ。ちなみに栗原カメラ
マンの元旦の富士山写真とほぼ同サイズ。

作業中一番手こずったのは「ファ」や「高いド」の
フォークフィンガリングの指を表示させること。予想外
に難しかった。（これは現在でもバグを含んでいて、環
境によっては「ファ」がジャーマン式の指使いになって
いる模様。ちょっと面白い話。）

そんなこんなであっという間に元旦。デザイン面や音の
出方など大きく目標に至らなかった部分もあるが、とり
あえずの骨格はなんとか出来たので、バージョン1.0と
してアップ。


これからのバージョンアップ目標

・カーソルが笛の穴にロールオーバーしてからロールア
ウトするまで笛の音が鳴り続けるようにする。つまり音
価を制御したい。（これ最も重要。現状のポリフォニッ
クになっているのも非現実的で面白くはあるが。）
・笛の音はiBookの内蔵マイクで適当に録ったものなの
で、もっとクオリティを上げて録り直す。（音程だけは
ちゃんと440hzで合わせたつもりだが、いかんせん味
が出てしまっている。またそれも、らしくはあるが。）
・デザインをもっとクールに統一感のあるものにする。
（素材の質感がひとつひとつバラバラなのをなんとかし
たい。出来れば色数も３色くらいに押さえたい。）
・アニメーションの再構築。（栗が割れて中からメン
バーが出てくるとか、いくつか絵コンテはあるのだが、
アニメーションの技術もにわかには身に付かず。）
・指の動きが不完全な部分を修正する。

など。


尚、現在のところ、Flash Plug-inのバージョンが4以前
のものだと、吹き出しや指の一部が表示されないと思わ
れます。あしからず。

最新のPlug-inは、
http://www.macromedia.com/shockwave/download/index.cgi?Lang=Japanese&P1_Prod_Version=ShockwaveFlash
で手に入れることが出来ます。

もし、バグ等発見された方はご報告してもらえると大変
ありがたいです。

最後に、アニメーションに登場する笛仙人らしき人物の
原画は花ちゃんによるものです。この場をかりて御礼申
し上げます。ペコリ（ゴリエ風）