１ヶ月くらい前ですが、teraco – 東京てら子Vol.17 『俺的効果音の作り方＆使い方』に行ってきました。

音がテーマということ、かつ最近「プチオレオレトランスメタルブーム（PORORTMB）」なので、前々から作ってみたかったメタルのジェネレーター「トランスメタルジェネレーター」をつくって発表しました。

そしてWonderflにアルファ版としてあげてみた↓。

- 上部サムネをタイムラインにドラッグドロップ
- 下部再生ボタンで再生。
- 手っ取り早く遊んでみたい場合は、緑色の「set sample」ボタンを押して、再生。

Trance Metal Generator(トランスメタルジェネレータ) – wonderfl build flash online

as3でシビアに音を使ったのは始めてだったので、
いまいち上手くいかないところもありつつ。
たとえば、複数サウンドをつなぎ目無く綺麗につなげる方法など。
(始めての再生の時はなんか綺麗に繋がらなかったり。数回再生、停止をしていると上手く言ったり)

このへんはSiON の時期バージョンで、
楽に実装出来るということなので(@keim_at_siさん談)、
そのうちそれを使って、ベータ版として、サイトで公開したい所。
※SiON要チェック！

あと、マトモな録音環境をもっていないので、だれか使わせてくれないかなーｗ

その他

最近オススメのトランスメタル

Crossfaith – "Stars Faded in Slowmotion" Official Music Video – YouTube

Crossfaith – "OMEN" (The Prodigy Cover) Official Music Video – YouTube

Silent Descent – Duplicity (Official Video) – For fans of Soilwork / In Flames / Blood Stain Child – YouTube

マーカー位置に「蝶」がとまるFLARToolkitサンプルを作ってみた。

認識中はマーカーにとまり、非認識の時は飛び回ります。
また、認識中極端にマーカー位置が動くと一端飛び上がりまたマーカー位置にとまります。

TODO：
蝶のアニメーションをもっと自然にしたい。（とまる瞬間の動きとか）
アニメーション部分のコードがぐちゃぐちゃなので、のちのち直す。

(続きを読む…)

2値化された解析画像を表示確認

FLARToolkitはカメラからの入力画像を、2値化（白と黒の２階調化）に変換し、
マーカー位置の解析用画像としているのですが、その2値化画像を表示確認するサンプルです。

非認識時は、2値化画像上でも視覚的にマーカーが欠けていたり、潰れていたりするので、
非認識の原因がわかりやすく、マーカーが認識する位置や角度を探りやすいと思います。

閾値の値をスライダーにより調整

そして、2値化するための「閾値」をスライダで調整できるサンプルが下記。
※ここで言う閾値とは「どの明度を堺に白と黒にわけるか？」という堺になる基準値のこと。

WEBコンテンツとしてのARは、どんな光源環境で再生されるか全く想定ができません。
なので、こういう閾値調整機能をUIデザインとして入れ込んで、
ユーザー側に調整してもらう手法もアリなんじゃないか？という提案。

そうすることにより、
(1)非認識時に、なぜ認識しないのかという納得感をユーザーに与えられる。
　（自分の光源環境が悪いという事を気づかせられる）
(2)そして認識率を調整できることにより、ストレス無いAR体験ができる。
　（コンテンツへのクレームも減る？）
のではないでしょうか。

※前提としてユーザーに、「2値化画像上でマーカーが認識できてないとダメ」という事を
把握してもらう事と、スライダをわざわざ操作させるというハードルがありますが、
それはデザイン等で解決すればよいと思う。

2010.4.11現在、wonderfl のFLARToolkitライブラリはver1.0.0なので、
2値化された画像はマルチマーカー利用時しか表示できません。
シングルマーカー時でも表示したい場合は、sparkに上がっているv2.5系を利用すると良いそうです。

WonderflをFDTで書く方法をcellfusion先生のブログでしりまして、
設定するまで、コマゴマとつまずいたので、個人的に引っかかったところをメモ。

※文章引用加筆シテマス。

1. It’s All Text! を Firefox にインストール
2.Wonderflで適当に編集状態にするか Build from Scratch で新しいものを作る。
3. wonderflマイページのアイコン下の「編集」から、「エディター」＞「HTML textareaエディターを使う」をチェック。
4. 以下の手順で as 拡張子を追加
　　1. コードエディタ部分で右クリック
　　2.「It’s All Text!」を選択。
　　3. 「新たな拡張子で編集」を選択。
　　4.「.as」 って入れる
　　5. 「今後の利用のために保存する」にチェック入れる
　　6. OK
5. 次回からはすでに設定してある「.as」をクリックするだけ
6. なんか .as のデフォルトエディタが起動するのでファイル名覚えておく
7. FDT で適当な名前（Wonderfl とか）で Flash Project を作る。
8. いま作った Project に Linked Libraries で “/Users/ユーザー名/Library/Application Support/Firefox/Profiles/なんかランダムな文字列/itsalltext” フォルダを追加する。
9. さっきデフォルトのテキストエディタで勝手に開いたファイルが Linked Libraries の中に見えるので開く。
10.「FDT」＞「環境設定」＞「FDT」＞「Misc」の「Enable working in linked library」をチェックし、
　LinkedLibraryを編集可能状態にする。
11. コード書く → 保存 → Firefoxのソースが自動的に更新される → Compile → ｳﾏ-!!。

という感じで、
これでFDTでwonderflがかけるようになりました！（・∀・）

あとは、wonderflからライブラリ（swc）を落としてきてFlashProject入れとけば、
ガシガシ書けますね

WondreflでFLARToolkit（1.0系）が動くようになったので、
3Dモデルがマーカー位置にイージング移動するサンプルを作ってみた。

マーカーはこちらにアップしました。
プリントして、ウェブカメラにかざしてくださいな。

ただイージングさせたいなら、わざわざ
@rokubouさんのコードをFORKしなくてもよかったけど、
まぁいいか。

@tarotarorg さんが早くも
マルチマーカーサンプルも上げてますね。（シゴトガハヤイ！）
http://blog.tarotaro.org/archives/718