牛の模様っぽく見えた方は、今年は飛躍の年になります（嘘

追記

正月っぽい音もつけてみました。

追記の追記

もっと曲らしくするために、調子に乗って音を増やしました。ちょっと重くなってしまいました。ごめんなちゃい。

５音だったものを14音に増やしました。民謡音階をベースに、下行形（正式な下行形かどうかはわかりませんが聞いたことある感じ）とグリッサンドっぽいのを追加しました。

Garage Bandに「箏」の音源があれば簡単だったのですが、￥10,000もするサウンドパックを購入しないとダメらしいので、なんとかならんかと思い調べたところ、SoundFontなるものがあるらしい。

SoundFont

音源をフォントのように扱ってしまおうということのようです。使い方も、Garage Bandであれば、ライブラリ/Audio/Sounds/Banks内にSoundFontファイルを突っ込めば、あとはGrage Bandの設定だけで使えます。

SoundFontファイルは三味線のよさげなSoundFontさんでフリーで配布しているものを使いました。こちらで配布しているSFPackという圧縮形式はMacでは解凍できなかったので、Windows環境で解凍しました。

まとめると、

1. 希望する楽器のSoundFontファイルを入手する
2. 圧縮形式にあったアーカイバで解凍する
3. ライブラリ/Audio/Sounds/Banksに入れる
4. Garage Bandの任意のトラック情報の詳細メニューを開き、
5. 音源ジェネレータをDLSMusicDeviceにして、
6. 編集（鉛筆のボタン）を開いて
7. 「Sound Bank:」をさっき入れたものに変更

これでGarage BandでSoundFontを使用できます。SoundFontファイルの権利に問題なければ商用利用も可能かもしれません。Garage Bandは問題ないよな・・？

このフラッシュはサイズ可変です。表示サイズに合わせて１ページの表示アイテム数を調整しています。下のリンクから新しいウィンドウを開いてぐりぐりするとわかります。

これに画面遷移のアニメーションを組み込めたら、Flashの実験を集めたポートフォリオを作りたい。

新しいウィンドウで見る

追記

Windowsだと読み込めない場合があるなあ...

ところで、Mac版Firefox3.0だとstage.stageWidthとか取得できないみたいなんですが、何なんでしょうか？Event.ADDEDイベントで待ってみても音沙汰無しなので、２フレーム目じゃないと取得できないとかではなく永久に取得できてないみたい。めんどくせーなー

ソースもまるっと載せてみます。座標番号はデバッグ用のために付けたのでその辺は割愛しています。Point3Dクラス、TrianglePolygonクラスはActionscript3.0アニメーションのものです。

ずっと転がしてると結構CPU使うみたい。300個のテキストフィールドを30フレーム／秒で更新するのは厳しいかな・・加速を緩めてみたけどどうだろう。

package
{
    import flash.display.Sprite;
    import flash.events.Event;

    public class Sphere3D extends Sprite
    {
        private var points:Array = [];
        private var triangles:Array = [];
        private var radius:Number = 250;
        private var numDiv:uint = 24;
        private var FL:Number = 250;
        private var vpX:Number = stage.stageWidth/2;
        private var vpY:Number = stage.stageHeight/2;

        public function Sphere3D()
        {
            initialize();
        }
        public function initialize():void
        {
            var circums:uint = numDiv/2+1;

            for(var i:uint=0; i<circums; i++)
            {
                var degY:Number = 360/numDiv*i-90;
                var radY:Number = Math.PI/180*degY;
                var cosY:Number = Math.cos(radY);
                var sinY:Number = Math.sin(radY);
                var radius2:Number = Math.floor(radius*cosY);

                for(var j:uint=0; j<numDiv; j++)
                {
                    var id:uint = i*numDiv+j;
                    var degZ:Number = 360/numDiv*j;
                    var radZ:Number = Math.PI/180*degZ;
                    var cosZ:Number = Math.cos(radZ);
                    var sinZ:Number = Math.sin(radZ);

                    points[id] = new Point3D(cosZ*radius2, sinY*radius, sinZ*radius2);
                    points[id].setVanishingPoint(vpX, vpY);
                    points[id].setCenter(0, 0, 200);
                }
            }

            for(i=0; i<(circums-1); i++)
            {
                for(j=0; j<numDiv; j++)
                {
                    id = i*numDiv+j;
                    var end:uint = (i+1)*numDiv-1;

                    var a:uint = id;
                    var b:uint = id+1;
                    var c:uint = id+numDiv;
                    var d:uint = id+numDiv+1;

                    if(id==end)
                    {
                        b = id-numDiv+1;
                        d = id+1;
                    }

                    var d0:Number = distance3D(points[a], points[b]);
                    var d1:Number = distance3D(points[c], points[d]);

                    var triangle0 = new TrianglePolygon(points[a], points[b], points[c]);
                    var triangle1 = new TrianglePolygon(points[b], points[d], points[c]);

                    if(d0>0) triangles.push(triangle0);
                    if(d1>0) triangles.push(triangle1);
                }
            }

            draw();
            addEventListener(Event.ENTER_FRAME, onEnterFrameHandler);
        }
        private function onEnterFrameHandler(e:Event):void
        {
            var angleX:Number = (mouseY - vpY)*0.0002;
            var angleY:Number = (mouseX - vpX)*0.0002;

            for(var i:uint=0; i<points.length; i++)
            {
                var point:Point3D = points[i];
                point.rotateX(angleX);
                point.rotateY(angleY);
            }

            draw();
        }
        private function draw():void
        {
            graphics.clear();
            for(var i:uint=0; i<triangles.length; i++)
            {
                triangles[i].draw(graphics);
            }
        }
        private function distance3D(a:Point3D, b:Point3D):Number
        {
            var dx = b.x-a.x;
            var dy = b.y-a.y;
            var dz = b.z-a.z;
            return Math.sqrt(dx*dx+dy*dy+dz*dz);
        }
    }
}

この参考サイトをブクマしたのは春でした。FLASHで「あること」ができたらいいなーと思って情報集めをしたのです。しかし、コードがほとんど理解できず塩漬けにしていました。しかーし、あれからずっと勉強していたのだ。

私も古い秘密の名前を持っているんだよ、リュシータ。 じゃなかった、とにかく見てください。

• 左下のスライダーで画像を回転させます
• チェックボックスで線の描画を切り替えられます
• 右下のNumeral Stepperで分割する数を指定します

FLASHでは平行四辺形の変形は割と簡単にできるようになったのですが、台形への変形はそのままではできません。そこでBitmapを三角形に分割して個別に変形し再配置すると、それっぽく見えるようになります。

分割数を上げるとよりなめらかに変形できるのがわかると思います。このコードでは分割線を2Dで計算しているので歪みが出ています。ここも3Dで計算できたら完璧なんですが・・それは置いといて先に「カバーフロー」を作ろうかな。

ところで、参考にしたコードには１カ所だけ間違いがありました。

var ttb0 : Point = getPoint(tb1, tb0, v0);
var ttb1 : Point = getPoint(tb1, tb0, v1);
var ttb2 : Point = getPoint(tb3, tb2, v0);
var ttb3 : Point = getPoint(tb3, tb2, v1);

この部分、

var ttb0 : Point = getPoint(tb2, tb0, v0);
var ttb1 : Point = getPoint(tb2, tb0, v1);
var ttb2 : Point = getPoint(tb3, tb1, v0);
var ttb3 : Point = getPoint(tb3, tb1, v1);

縦方向に座標をリストするので順番が変わります。 作者さんはわかっているんでしょうけども。

ActionScript3.0アニメーションも大詰め、3Dです。ライブラリを使わないで、ここまでできるとちょっと感動です。

マウスの位置がカメラの回転、ドラッグすると中の立方体だけが回転します。

最初の画像は、Futuraの「A」を立体にするための展開図です。サンプルの「A」があまりに不格好なので作ってしまいました（不格好なのはわかりやすくするためでしょうが）。

Flashには3Dオブジェクトを作成する機能はないので、とにかく座標を打ち込みます。サンプルでは汎用性も意識して、すべての面を三角形に分解して（ポリゴンってやつですな）、１個ずつ3D座標を登録するという面倒なことをしています。

CADで設計していた頃を思い出しました。CADのほうが断然、簡単ですけどね・・

以下、メモ。

外部ドメインの画像の読み込み

• flash.system.Securityをインポート
• Security.loadPolicyFile(［crossdomain.xmlのURL］);

DisplayObjectContainerに翻弄される

addChildしたDisplayObjectを後から削除したり入れ替えたい時とか、index（AS2で言うdepth）でやろうとして、今addしたのが0で・・次addするのが1だから・・numChildrenが2以上のとき・・とにかくわけがわからなくなった。今考えたらnameつけてあげればよかったのかなあ。結局、"古い画像＜新しい画像＜トランジッション"となるのでremoveChildで強引に解決。

トランジッションは早速アニメーションを応用した。

BitmapDataの切り抜きにひと苦労

トランジッションを作るとき画像を適当にタイリングして切り抜かなければならないんですが、BitmapData.drawするときどうやって切り抜き位置を指定するのかなかなか理解できなかった。matrix引数で対象BitmapDataの位置を調整する。負の方向にtranslateするのね。

あと、画像は真っ黒のBitmapを作ってその上に元画像をHARDLIGHTでブレンド。あとでテキストを載っけたりしようと思っている。

TVMicroの話の前に、iPodを修理に出したときのことです。

８月の終わりごろ、iPodのイヤフォン出力端子の接触が悪くなり、海外からiPod 5G用の治具を取り寄せて分解を試みるも、頑として開かないので修理に出すことにしました。修理といっても実質交換なんですが。

• 8/30　AppleのWebサイトから交換修理依頼
• 8/31　宅配業者が交換修理品を回収
• 9/1　リペアセンターに到着、その日のうちに製品検査の結果が届く
• 9/2　交換修理品が発送される
• 9/3　到着

iPod 5Gカッコイイ！

これには新品の半額ぐらいのお金がかかりましたが、このスピードには正直驚きました。新品の半額、払ってやろうじゃないか、となってしまうわけです。これをふまえて・・

TVMicroを修理に出した

ちなみにフォーカルのサポートページには５営業日以内に返信します、と断り書きがある。

• 8/28　カスタマーサポートにメール
• 9/12　回答。付属ソフトのバージョンを教えてくださいとのことなので即時返信
• 9/26　応答がないのでAppleを引き合いに出して嫌味たっぷりの催促メールを送る

これ以降の対応は普通になる。

• 9/30　回答。故障らしいから本体を送ってくださいとのこと。有償／無償等、対応の詳細は書かれていない
• 10/1　保証書についての質問のメールを送信
• 10/2　回答があったので、早速本体を元払いで送付
• 10/10　突如、交換品が到着

結果的にはAppleが交換品を送る間に１通のメールすら来ないという、惨憺たるサポートでした。本当にありがとうございました。

販売店のサポートで製品のメーカーは海外なので、それなりの時間がかかることは想定していましたが、ここまでとは。というか、これが普通なのかも知れませんね。Appleが異常と。Appleと比べたりしてごめんなさい的な。

無償交換となったので対応には納得していますが、次回からは有償修理だそうです。フォーカルはMac使い垂涎の品揃えなんですが、こんなに時間かかるのに有償修理なのかと思うと、故障して困るようなものは買うの躊躇してしまいます。

フォーカルポイントコンピュータ株式会社

TVMicro

Miglia

運動量保存の法則（Conservation of momentum）とは、ある系に外部から力が加わらないかぎり、その系の運動量の総和は不変であるという物理法則。運動量保存則ともいう。デカルトによって発見された。

運動量保存の法則

Flash上でのシミュレーションに一見無関係そうな「質量」を使うとは（正確には質量っぽい変数ですが）。

夏に買おうと思って買えなかったこの本を手に入れまして、目下勉強中。特に難しいスクリプトではなく、ActionScript初心者でも扱える書き方になっています。コードの意味を読み解くのも三角関数がわかればそれほど苦労することもないと思います。

この本のだいたい中間点のサンプルが運動量保存の法則を利用したモーション。これに速度と衝突時の力の加わり具合を表示するように変更してみました。

ボールは、位置、大きさ＝質量、初速が乱数で出現します。少し重力を加えています。