もともとまじめにオノマトペネタの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変えるのであしからず。

あーあ、iPhone買っちゃった。

3GS 32G white

さよならdocomo

アドレス帳の移行に悩み中。

いい方法知ってる人プリーズ。

絶対マックが欲しくなる、っていうか欲しい。

アプリ作ってみたいよね。

いいおもちゃだ。

えっと、なんか書こう書こうと思っててずっと書いてなかったので書く。

2、3週間前にちまちまwonderflでセルフフォークしながらつまらんもんを作ってた。
んでやったあとにまとめてエントリーにしよーっと思ってたら、セルフフォークに関してdokeさんがエントリーしてて、ネタ被るな・・・と出鼻くじかれてそれっきり放置してたけど時間もたったことだし、前回のてら子の帰りにchabudaiさんと1週間以内にブログ書かなかったら奢り、って言ってたのを思い出したので書く。

最終的に作ろうと思ってたイメージはあったけどあえてちょっとづつフォークする形をとって途中経過を残していった。
途中でいい案思いついたらそこから違う派生でもの作っていったり、今回のは旗ってことなので意外と途中から違うものに分岐させにくいような気がしたけど、たとえばパーティクル系とかだと、色々派生していって面白くなるのかなーと。
ま、ごちゃごちゃ書いてもしゃーないので、ぺたぺたはっていく事にする。

まずはここから、サイン波を減衰させていってにょろにょろしたものを作った。
あ、そうそうコード的には幼稚かもしれませんです、はい。醜態晒しているようにしか思ってません。

次、上のにょろにょろを2本にして縦につないだら、いきなり旗っぽくなった。
この時点ではついでにマウスに付いてくるようになってる。

今度はその四角に画像をはめ込んでみる。
試行錯誤しにくいのでマウスに付いてくるのは却下。
変形はMatrix、まじめに狙ってMatrix変形したのは初めてかもしんない。
というわけでこの時点でだいぶ旗っぽいけど、実はMatrixの計算間違ってます。偶然正しく見えてるだけ。

振幅の調整して、↑までは上下の波しか加えてなかったけど、微妙に横の波も追加してみたらいきなりそれっぽくなった。
この時点でもMatrixの計算間違ってます。とりあえずあってるように見えるだけ。

んでんで、立体感出すために角度によって変形させた画像を明るくしたり暗くしたりしてみたら大分イメージしてたものに近づいた！色はColorTransformですね。
はい、まだ計算ずれてるままです。分割数とか旗の大きさの変数のところ弄ったらおかしくなりまする。

現時点での最終形。
今まで付けてたガイドの赤いラインを取っ払って、ずれてたMatrixの計算をやっとこさなおした。
旗っぽい！大体イメージどおりのものになった。重いけど。

で、あとはこっから最適化とか揺らず画像とか、分割数変えてみたりすると色々面白いとは思うんやけど、とりあえずここまでで止まってる。

始まりはサイン波。全部そこからの派生。
線を引いたり、画像をはめ込んだり、色変えてみたり、ちょっと動き足してみたり。
一気に考えるとこんなの無理！ってものもちょっとづつ足していくと意外と出来ちゃうかもしんない。
出来ないこともあるけど・・・（汗

というわけで、コード的なものじゃなくて、考え方的な勉強にもwonderflって便利便利。
今度、途中から違うものに派生させていったりしたいと思ってるんやけど、なんか思いつかないので誰かやってください。

なんか思ったより真面目っぽいエントリーになった。

そんな感じ。

FlashDevelop3.0 RC2が出てる。

色々機能追加はされてるけど、けどやっぱGUIでフォントのカラーリング設定が出来るようになったのはいいのかもしんない。
自分は基本的にフォントしか変更しないので、そんなに使わないけど。

あと、どうやら3.0の正式リリースがもうすぐらしく、機能追加のリリースは今回でひとまず終わり。
これからは、バグフィックスを中心に安定度を上げていく事に専念するらしいのでこれは期待。
3.0のベータ期間長かったな・・・

その他詳しい情報はいつもリリース情報を訳してくださる馬鹿全さんちへ。

んで、RC版リリースは今回で2回目なんやけど、RC版から微妙にプラグインのSDKが変わっているらしく、beta9まで動いていたプラグインがRC版から動かなくなっているということが多発。

その中でも一番動かなくて残念なのがDuplicatePlugin
これが動かないという理由だけでRC版に手を出さなかった人も多いはず。

しかーし、Twitterで肩パッドさんに教えてもらったんやけど、どうやらRC版で動かす方法が公式フォーラムで話題になっていたらしい。ぜんぜん気づかなかった。RC版リリース直後にフォーラムはチェックしてたんやけど、そのときは誰かがRC版に対応してぇぇぇぇ、って叫んでただけだったので完全にスルーしてた。

というわけでそのフォーラムはこっちから

ここの記事中にリンクが入っているduplicatePluginをダウンロードして、インストールするべし。
そんときに、FlashDevelopの設定フォルダの中のDataフォルダに保存されているDuplicateプラグインのデータフォルダ？を削除しないとダメっぽい。
まぁ、詳しくは英語読んでください。すぐわかると思います。

というわけで、duplicateプラグインが動かなくて嫌だった人は、これでなんのためらいもなくRC2をインストールできるというもの。
でも相変わらず設定ファイルを引き継げないので、インストール時に若干めんどくさいけど、こんだけ何回もバージョンアップしてたら大分なれたよーね。

そんな感じ。

かぶってみたいけど買うのもちょっとな・・・

でもかぶってみたいな・・・

と言うことで、夜中にふと思い立ってかぶれるようにしてみた。
夜中にtwitterにはったやつです。

くまの試着コーナー

意外と楽しい。

勝手にmixiのコミュから画像つかわせていただきました。あまりよろしい事では無いので、怒られたら消します。宣伝するので怒らないで下さい。

試着してみて気に入ったら是非買いましょう！！！

こういうのって意外と販促とかにつかえそーだよーね。
あと、子供が喜びそう。
明日子供にやらしてみよう。

そんな感じ。

なんか、カッとなったので、自戒の意味もこめてエントリー書いてみる。

　
　
　

真面目にデザインしたことないのに、デザイナーの気持ちなんてわかるわけがない。

Flash作ったことないのに、Flashの仕様なんて考えられるわけがない。

システム組んだことないのに、システム仕様なんて決めることが出来るわけがない。

コーディングしたと事ないのに、コーダのスケジュールなんてたてられるわけがない。

上記4つすべて該当しないのに、ディレクター（プロデューサー）になんてなれるわけがない。

Webに興味がないのに、Webの仕事が出来るわけがない。
　
　
　
　

そりゃ、一部のすごい人とかにはこれは該当しない事もあります。
猛勉強によって、クリアできる場合もあります。
類まれなるセンスによって、これは回避できる場合があります。

とは言え、大枠間違ってない気がするんだが、それはただの偏見かな・・・
まぁ、主観なんぞ偏見の塊ですしね。

そんな感じ

サンプル触って簡単なもの作ってみただけのライトなProgressionユーザのくせに何を思ったかProgressionのコミッタ申請をして、コミットしようと思い立った！

そーいやProgressionも3.1になってるけど、テンプレートファイルなんかあんまりかわってないだろーなー、と思って中身のぞいてみたらコメントの書き方が変わってたので、それを元に作り直しました。あと、FlashDevelopもRC1でてますけど、問題無しっぽいです。

で、作り直してたら、なんとcommandテンプレートで一箇所変数に置き換えるところを忘れていたことに気づく！
ゴメンナサイ。死んできます。
今回のもなんか間違っていたら大いに罵ってやって下さい。

リポジトリはココ

SVNめんどいって人向けに一応zipもこっちにアップしときます。

実際にFlashDevelopへの組み込む方法は、こっちのエントリーに詳しく書いてるつもりなので、参照してください。

今のところ地味にテンプレートのアップデートしていくぐらいでしか貢献出来ませぬが、よろしくお願いします。

そんな感じ。

ll_koba_ll先生のエントリーで詳しく解説されているので、そっちを見てください。

WinでFlashDevelop限定の話をすると、とりあえずIt’s All Text!の設定でエディタにFlashDevelopの実行ファイルのパスを通して、拡張子に「.as」を追加する。
んで、わんだふるのコード編集時にコードのテキストエリアを右クリックしてIt’s All Text!のメニューから、「.as」として編集を選ぶとめでたくFlashDevelopでわんだふれます。

ついでにFlashDevelop上でTweenerやったりas3corelibとかわんだふるで対応しているライブラリを組み込んだプロジェクトファイルを開いておくと、それらのライブラリも補完してくれるのでよりいっそう幸せになれると思います。

MACでFlexBuilderの人はさくーしゃ先生のエントリーを。
FDTって人はcellfusion先生のエントリーを参照すると幸せになれます。

で、次からが本題。

FlashDevelopとかFlexBuilderとかで編集するときにブラウザを片隅においておくわけですが、デフォルトのわんだふるのレイアウトだと、モニタの片隅において置きにくいので、いちいちウィンドウ切り替えねばやりにくい。
というわけで、わんだふるのレイアウトを勝手に変更するグリモンを書いてみた。

これ（wonderfl layout change)

初グリモン。
そしてJavaScript低レベル。
ソースは見ないで。
30分ぐらいで作った。
超適当。
インストールして何かがおかしくなっても当方責任は持ちませぬので、自己責任で。

これインストールするとコード編集時、こんな感じのレイアウトが可能。

上にちっこくなってるのが、コード編集のテキストエリア。
ついでにいらんもん全て取っ払ってやりました。
取っ払いすぎで怒られそうな気もしないでもない。

まぁ、でもこれでモニタの右隅にFFのウィンドウをおいといてコンパイル結果見ながら外部エディタでわんだふれる。

なんとなく良い感じ。
ココまでするなら、ローカルでやれよ！って感じも否めない。

そんな感じ。

去年はいろんな人と仲良くなれました。
こんなグダグダな奴にかまってくれてありがとうございました。

今年も相変わらずグダグダだと思いますが、去年でおみそを突破したということもあり、色々がんばっていこうと思う所存でございます。
なので、またいろいろ構ってやって下さい。

というわけで、年末にみかんブームに乗って勢いで作ったものをtwitterだけで叫んでたので、ついでに乗せとく。

あたまにみかん（Webカム必須）

あそうそう、Webカムないって人は、
Winな人はManyCam
Macな人ならCamTwist
を使うと良さげ、どっちも似たような仮想カメラデバイスです。

そんな感じ、
で、今年もよろしくお願いします。