もともとまじめにオノマトペネタのCheckmate応募しようとネタ暖めてたら、案の定ネタだだかぶりのやつが投稿されてるのを見つけて一瞬テンション落ちたけど、気を持ち直して投稿しよう！と思ったら間に合わず、審査期間中になっててあうううう、って感じになったわけです。

まぁ、そんじゃぁこのネタてらこにまわそうと思って発表、というかお披露目してきました。

なんていうか、オノマトペで動きの可視化というか、なんかそんな感じ。
真っ白なところから、最初は適当に出てきてるように見えるオノマトペやけど、しばらく眺めてるとなんか法則というか、規則があるように見えてきて、最終的にはなにか物体があるように見えたらいいな、みたいな。

はいチャックメイト↓

ステージクリックしたらネタバレします。

要はBox2Dつかってボールころがしてる奴から、ボールの接触判定とって、オノマトペを描いてるだけです。
Box2Dのサンプルを元にいろいろ追加していったので、ソースぐっちゃぐちゃです。
衝突判定も、こんなんで正しいのかよくわかってませぬ。ま、出来てるっぽいのでいいかと。
あと困ったのが、なんか現行バージョンのBox２Dじゃ衝突時の力の値がとれなくなってるらしいのですよ。というわけなので、接触時のそれぞれのボディのベクトル？かなんかを使って、適当にそれっぽい値計算してごまかしてます。

まぁ、それなりに面白いものが出来たのでよかったよかった。

ちなみに元ネタというか影響されたもの↓

ピタゴラスイッチでたまーに流れてる歌。
これかなり好きで、Checkmateのオノマトペのテーマ出た瞬間、こんな感じの事なんかFlashでできねーかなーと思ってとりあえずこんなものができましたとさ。

他の人のレポートはあればまたそのうち。

そんな感じ。

というわけで今回は書く。ちゃんと書く。間違いなく書く。

はい、「みんなで作る特別授業」ってことで、今回は特に決まったテーマ無し。
なんかみんな適当に発表すればいいんじゃね？って感じで、最初どーなる事やらとか思ったけど、意外とバラエティに富んだ感じでいつになくまともな感じでしたよ。

さらっと感想を箇条書き。

・Red5は遊ぶ程度ならさらっと出来そうな感じだったので、今度試してみよう。
・このあとでも書くけど、PHPとかのサーバサイドもーちょいまじめに勉強しようとおもう。
・やっぱiPhoneだよね　＞　買った
・牛乳サイコー！！！
・外部デバイスはやりたいやりたいと思いながら、結局なにも買ってない。Wiiリモコンでちょっぴり遊んだぐらいか・・・。
・数学のお勉強はやっぱり避けて通れない道ではある、でも目的は数学を勉強する事じゃないから、その辺は適当に。
・でも数学わかっているに越した事はない。
・TextLayout Frameworkでやっとこさまともに縦書きできるよね。
・本格的にPlayer10が普及しだしたら縦書きコンテンツいろいろでてくるんじゃないだろーか。

はい、で、自分が発表したやつ。

前回のWebカメラの会でさらっとアイデア出しだけで発表したやつが、思いの他ウケたので、ちょっと勉強がてら半ば強引ではあるが、サイトっぽい感じにしてみたので、それのプレビューをしたわけです。

なにかっていうと、ストップモーションアニメーション、いわゆるコマ撮りアニメってやつですね、それをWebカムとブラウザさえあれば簡単に作成できるってサイト（？）です。

コマ撮りアニメって写真とって、取り込んで、それを動画編集ソフトなりで読み込んで、動画としてエンコードして・・・ってな感じで意外とメンドクサイので、作ってみたいけど躊躇してる人が多いと思う。自分もその一人。
というわけで、Webカムってもともと固定する事を前提としている場合がほとんど、ってことは意外とコマ撮りに向いてるんじゃね？と思って、FlashとWebカムでさくっと作れるようにしてみたわけです。
（ノート内臓のWebカムはしらねｗ）

一応それっぽくはなってるものの、なんせサーバーサイドの知識がほとんどない人が調べながらチマチマ作ったので、かなりヒドイ事になってます。ほんと、一応とりあえず作ってアップロード出来るだけ。
DB？なにそれ、削除？出来ませんが何か。ってな具合で、モックレベルです。
それでも良いって人は、ちょっと見てやってください。

kmdr – コマドリ
偉そうにドメインとサイト名付けてます。

コマ撮りアニメが作れるといっても、所詮Webカムベースな画質に今のところ320×240の10fpsでしか考えていないので、本格的に作るのはまず無理です。
今は、フレーム数の制限かけて無いですけど、150フレーム（15秒）制限ぐらいにで考えてるので、あくまでもコマ撮りアニメ作成をライトに楽しむ事をコンセプトにしたいなーと。
まぁ、作りかけなので偉そうなことは言えません。

さらっと技術的な事を書くと、
１．FlashでWebカムをキャプチャすると同時にJPEGにエンコードして配列にぶち込んでいく。
２．その配列をamfphpつかってPHPに渡して、サーバ上にJPGEを連番で保存。
３．その連番ファイルをffmpegでPHPからコマンドたたいて、flvにエンコード。
ってな感じで非常にまわりくどい事をやっとります。
（もうちょいシンプルにする方法ないんだろーか）

まぁ、曲者なのがffmpegで、国内でインストールされてるレンタルサーバが無い無い。
この為だけに専用サーバかりるのは敷居があまりにも高すぎる。お金もかかるし。
ところがどっこい、海外のレンタルサーバ探したら見つかったので契約。
AptHostってところ、評判はよくわからんとです、ハイ。

ってなわけで将来的には
ちゃんとDBで管理して、OpenIDとかでアカウント管理したり、コメント付けれたり、youtubeにアップできたり、テロップ入れれたり、落書きできたり、お気に入りやランキング・・・と色々妄想は膨らみますが、いつ飽きるかってところです。はい。

そんな感じ。

＃追記　てら子で見せたURLは本気のテスト用なので、IDとPASS変えるのであしからず。

大阪てら子18に参加してきました。
一応発表してきました。
お題はクリスマス。
今回は参加人数結構いたんやけど、なんか発表者が結局4人？っだっけ。
ちゃぶさんと、パンカムさんと、Idoさんと、俺。
パンツカムヨさんのエントリー

んで当日シナチクに言われるまですっかり忘れてた、

＞一番会場で反応が良かった作品を作った方は、この次の2次会の御飯代免除っていうのはどうでしょう？
＞（特に反対意見が無ければこの案採用でいきますよー。）
＞判定基準は、「技術的にすごい作品」ではなく「会場を沸かせた作品」が勝ち。
＞ということで、その場のノリで決めるか投票かして決めます。

これですよ、これ。
相変わらず恥さらしで終わったつもりだったんやけど、さくーしゃ大先生あたりが発表しなかった事もあってですね、飲み会タダをゲットしてしまったわけですよ。わーい。

というわけで、作ったのはこんなの。

サンタ気分を味わってみる

さっくり説明すると、Google Maps API for Flashを使って、Player10の3D機能を使ってパースかけて、それっぽくフォグの効果を追加して、サンタっぽいキャラクターを浮かべて、カーソルで移動できるようにしたら結構楽しかったので、前にてら子でさくーしゃ大先生がやってた雪をぱくって、爆撃機能を付けたもの。

以下、よくわからない解説。

【今回つかったもの】
Google Maps API for Flash
AS3 GIF Player Class
KeyTypeListener

基本はほんとにGoogleMapsを3Dっぽくしただけ。それ以上でもそれ以下でもないです。

爆風はGoogleMapsのMarkerを爆弾アニメーションにしてしぽこぽこ配置してるだけ（GoogleMapsのMarkerはDisplayObjectなら何でもつっこめそう）なんやけど、爆風の素材はもともとGIFで拾ってきたやつだったので、GIFPlayerを使ってごにょごにょしようと思ってたんやけど、そのままだとインスタンス生成のたびに画像をロードしなきゃならなかったので、超重かった。
なので、Embedで画像を埋め込もうと考えるも、GIFをByteArrayで埋め込む方法がわからなくて、当日は断念してSWFを読み込んで表示することにしたが、さくーしゃ先生の助言により、mimeTypeの設定で何ぼでも埋め込み設定は変えれるとの事。
ByteArrayで読み込みたければ、XMLとかstream系にすればいけるっぽい。
↓みたいな感じ。

それで試したら見事にByteArrayで埋め込むことが出来たものの、GIFPlayerが重かったのはロードの部分ではなく、ファイル解析の部分っぽい事が判明。よくよく考えるとそーだよねー、って感じだったので少々へこむ。

それはそうと、この辺の埋め込み方法はFlashIDE使ってる人にはあんまり関係の無い内容やね。

で、発表時にすっかり解説忘れてたんやけど、キーボードのイベント系はKeyTypeListenerを使うのがらくちんだと思った。
ただ、押しっぱなしの判定は、どーするんだろ？と思いながら時間もなかったので、downでFlgたてて、upで下げるみたいな形にした。
Key.isDownみたいなのって無いんかな？多分知らないだけなんだろう。買っただけの本、いろいろ読まないとね。

まぁ、メインはこんな感じで全然時間余ってるっつーんで、これ作るときにいろいろPlayer10の3D機能弄ってたのんもちょろっと発表したんやけど、隣に座ってたさくーしゃ大先生にこのドキュメント読んだほうがイイでと突っ込まれた。

CS4の日本語ドキュメントってもうあったのね、体験版落とせるから当然か。
というわけであの場でしゃべった内容の8割がた無駄なうえに恥さらしをしていたという結果だったわけです。
座標系ややこしいのは間違ってない気がするけど。
はい、あの場にいた人はあの内容、全て記憶から消去してください。

まずドキュメントにしっかりと目を通しましょう、という教訓ですね。

そんな感じ。

時計がテーマって事だったんだけど、事前にあーんまりネタ考えてなくて、勢いだけで作ったらどーしようもないものが出来上がってへこんだ。
そしてソースの説明もすべて放棄して、ｇｄｇｄで無理やり終了させたと言うダメ人間っぷりを発揮して醜態晒してきましたよと。

時計って、やっぱり普段から何気なくあるものなんで、それで何かやろうと思うと予想以上に難しい気がした。
そういえばPong時計欲しいな、商品化されてなかったっけ？
あ、Pong時計作ればよかったのか、ってかこれベースでなんかネタ考えればよかった・・・そっちの方が面白いもん出来そうだ。

はう・・・

とりあえずつくったもの。
醜態を晒すためのソース

あともう3ひねりぐらい欲しいのよね。
Tweenerとかでアニメーション付けて誤魔化すも、どないもならず。

要はyugop展にあった、通行人の顔をカメラでこっそり拾ってアニメーションに合成されてたやつを元ネタに、時計に置き換えたらどーかなーって思ったのが発端。
一人でPCに向かって遊ぶにはダメすぎた。
外付けカメラもってってみんなの顔取り込んで行ったらもーちょっとマシになったかも。
あとはブログパーツとかにして、とりこんだ顔の画像がサーバにたまってって、それが反映されていくとか。

むー、やっぱりバカの一つ覚えはダメだーね。
てら子の自虐キャラ担当にでもなろうかしら。（ｲﾐﾌ

そうそう、今回はFICCのケンタロウさんが来てて、すんげー楽しかった。
話し濃すぎでおなかいっぱいｗｗｗ半年分ぐらいの話を聞いた気がする（言いすぎ
色々考えさせられることが山ほどあったし、FICCをはじめとしたいろんな事も聞けたのでかなーり有意義でした。

はい、そしてなぜか凹む。

はぁ・・・

そんな感じ。

初参加から1年ぐらい？
初めててら子で発表しましたよ。
結構キンチョーしてたので、さっさと2番目に発表した。
発表したと言っても、まぁ、他人のふんどしでスモウとった感じやけどね！

とりあえず感想をだらだらと。
３Dあれば２Dあり、物理演算ときてエロくもあり、シナチク発生しーの、最後はプルンプルンと暴露な感じでサウンドがあって、楽しかったですよ。（なんのこっちゃわからんですがｗｗｗ
花をつければとりあえずアイドル、困ったときにはシナチクをネタにすればとりあえずウケる。
それがわかっただけでも十分勉強になりましたとさ。

要は他の人のまとめブログを期待するとして、ちゃんと本人の許可もとったのでおいらが発表したものの公開。

まぁ、ぜんぜんたいした事はしてなくて完全に人の作ったもので遊んだだけって感じなのでとても自慢できるもんじゃないですが・・・

遊んでみたのはこれ。

Marilena - Spark Project（これってなんて読むんだろう？）

CUPPYの中の人がOpenCVのObjectDetectionの部分をAS3に移植したもの。
サンプルでは静止画の顔認識をやってるんだけど、本家OpenCVで学習したデータを食わせれば顔以外も行けるはず（ですよね？）
OpenCVってのはインテルが開発公開してる画像操作系のオープンソースライブラリのことで、このObjectDetection以外にも色々あるんやけど、なんせCで書かれてるのでよくわかにゃい。

で、サンプルは1枚画像だけの認識だったので、とりあえずFlashと言えばカメラでしょ！っつーわけで、カメラの画像食わせてみたらそれなりに動いたので、誰でも思いつくであろう、顔にモザイクかけてプライバシーを保護してみた。

プライバシー保護
（非力なマシンだと結構つらいかも）

意外とおもろいｗ

Marilena自体の使い方はサンプルとか見たらすぐわかると思うんですけど、ObjectDetectorクラスのインスタンスを作成して、オプションをちょこっと設定して、解析したいBitmapデータを投げたらイベントが返ってきて、帰ってきたイベントオブジェクトの中に、解析結果がRectangleの配列としてまざってるだけ。
チョー簡単。

さくーしゃ先生のFLARToolKitといい、これといい、ブラウザだけでさくっとこういうことできるのってやっぱFlashの楽しいところｗ
で、テンションが上がってきたので、お題のアイドルに合わせて「アイドルに変身してみよう計画」の発動。

そして出来たのがこれ。
（非力なマシンだと結構つらいかも）

自分で作っておきながら、夜中で一人で笑う。
そして自分でキモイと笑う。
ここまできたらオチを付けたいのが、関西人の悪い癖。
「全国民シナチク化計画」の発動。

そして出来たのがこれ。
（本人を知ってないと面白くないと思います）

ちなみに複数認識可能なので、みんなで並ぶとみんなシナチク。
ただ、やっぱり小さすぎると認識しないので大人数は無理。
厳密にはオプション設定で最小認識サイズを小さくすればもうちょっと小さいところまで認識出来るけど、ごっつい重くなるのでカメラでやるのは結構非現実的かも。
上のサンプルも、フレームレート10まで落としてたりする。

と言った感じ。

やっぱカメラ使った画像認識とかは楽しいね。
ブラウザだけっつーのもお手軽で良い。
いまのところ仕事にまったく役立たないというところがまた楽しい。

サンプルを書き換えただけの汚いソースがほしいと言う奇特な方はこっち（FlashDevelopのプロジェクトファイル付き）

そんな感じ。