公開から一週間になりますが、カヤックさんの777Project の１つであるキャンペーンサイト「THANKS WAY」のお手伝いをいたしました。このサイトはカヤックさんの自社サービス「THANKS」のAPIを使っています。「THANKS」をご存知ないかた、是非覗いてみてくださいね。
7月21日までのキャンペーンでプラネタリウムがプレゼントされるようですよぉ。HomeStar 僕も欲しいです。
]]>
公開から一週間になりますが、カヤックさんの777Project の１つであるキャンペーンサイト「THANKS WAY」のお手伝いをいたしました。このサイトはカヤックさんの自社サービス「THANKS」のAPIを使っています。「THANKS」をご存知ないかた、是非覗いてみてくださいね。
7月21日までのキャンペーンでプラネタリウムがプレゼントされるようですよぉ。HomeStar 僕も欲しいです。
]]>
」という本がでます。共著で参加いたしました。内容はタイトルの通りAS3.0のライブラリを紹介・解説するものです。ライブラリを使うための一般的な基礎知識(SVNとか)をはじめ、Tweener、PaperVision3D といったメジャーなものから Google Maps API for Flash や iphoneas などのデバイス連携もの、他にもThread やら as3httpclient やらたくさんあるです。中でも 音系ライブラリの SiON や、縁の下の力持ち的な SWFObject、SWFWheel も含まれているのがうれしいところです。僕はその中で Frocessing について執筆いたしました。是非手にとってもらえるとうれしいです。
手を入れた部分は多いのですが、できることが増えたとかそういうことはあまりないので地味な更新ですが、興味のある方は是非に。バグなどありましたら伝えていただけると非常に助かります、、。
http://www.libspark.org/wiki/nutsu/Frocessing
asDoc :
http://www.libspark.org/htdocs/as3/frocessing/
または、
http://nutsu.com/doc/frocessing/
※frocessing.core.canvasというパッケージがありますが、HTML5のそれとは全然関係ないです。あしからず、、。
]]>
」が最適だろうと思うわけです。僕はこの前の版で Processing の勉強をしてました。すでに品切れのようでアマゾンでもプレミアついてる、、。まずは、drawTrianglesとセットな感じのあるUtils3Dから。ライブラリ使わないのであれば、速度的にもお手軽度的にもUtils3D→drawTrianglesの流れが順当なような気がする(そうでなければAlchemy)。テストコードはWonderflに置いてますです。
このプログラムのinitCamera()のところで、Frustum(あるいはPerspective)とスクリーン行列的なMatrix3Dをつくる。Frustumの左右上下は対称ってことで行列としてはシンプル。この行列は、PerspectiveProjection#toMatrix3Dで得られる行列と同じような形です。
この行列は、11番目の1のところがポイントというか、これによって変換後のwにz値が入る。wはUtils3Dのパース具合を決める値となるし、1/wがuvtのt値になる。
※172行目のUtils3D用のMatrix3D(projmat)の初期化は、FLARの座標系に合わせるためにやってます。
そんなノリでやってみたらだいたい動いてる感じです。適当なんで間違いがありそうだけども。
次にPerspectiveProjectionでやってみる。このクラス使うの初めてです。てか癖がある、、そんなことないですか？想像しているのと挙動にずれがあるのでうにうにいうとりました。で、なんやかんややってみる。
やってみて嵌ったのは、transform.matrix3Dの代入は参照渡し(つまり代入したmatrix弄ればSpriteも状態変わる）のに対して、transform.perspectiveProjectionの代入はコピーだったこと（多分コピー、、）。transform.matrixもコピー。コピーだったり参照だったりややこしい（というかmatrix3Dが例外なのか、）。
でもって、PerspectiveProjectionの指定はfieldOfViewかfocalLength使うのだけど、focalLengthの方で。initCamera()のとこです。縦横比を_p_scaleYにとっといて変換行列にあてること、計算的にPerspectiveProjectionがfocalLength値だけオフセットしてるぽいので、それを相殺しておくのを忘れないようにすると、なんとなくいい感じ。
この方法だと、普通のシンボルやらSpriteやらをAR空間にマップできてお手軽かなぁとか思いますが、どがんですかね。
今後モバイル系(というかAndroid)では、ファットなライブラリではなく標準APIでやってくほうがいい場合もあるかなぁとか思いつつ、標準APIとPixelBenderでいろいろできるかなぁと思ったりします(swf軽いし)。って始めるのが遅いか、、。
]]>
iPhoneのFlash禁止令から暫く、OpenGL（とC言語）の勉強を始めました。ほんまはXcodeでObject-Cやるところですが僕にはMacがありません、、。なのでCの復習から手をつけようと。で、どうせなんでOpenGLきちんとしたことなかったのでこれもやろうと。そんな感じで日々過ごしております。
]]>」にしました。でもって開発環境を用意する。最初VC++のExpress入れたけど、やっぱり勉強は手書き風のほうがいいかなと思って、MinGW、MSYSにする。これに秀丸で勉強するですよ。MinGWとかMSYSのインストールはここがわかりやすい。
でもってOpenGLの環境を用意する。OpenGL自体は最近はどんなマシンにも入ってる系だけど、Cでやる場合Window作ったりイベントとったりOS依存の部分は面倒。で、GLUTっていうそこいらのことをいい感じにOS非依存にしてくれるライブラリがある。便利だなぁ。ソース落としてmakeしようとやってみたがあえなく失敗（makeにはいい思い出ねぇ。ここいらがなまくらたる所以）。負けてもいいのでバイナリ版でやってみる。僕の場合、FreeGLUTがサイトに書いてあるとおりしたらすんなりいけた。ありがたい。
やっとこさOpenGLにきた。OpenGLについては次のサイトが最初の景気付けにいい感じだった。定番らしい。
GLUTによる「手抜き」OpenGL入門
OpenGL Programing
でつくってみたのが上のうにうにした絵。やっぱり速いね、、。Flashがんばれ！。いまここ。動画にしてみたけど微妙だった、、もっとさくさく動くですよ。
あとはノリで。APIにはなじみがあるし、今はヘッダファイル(gl.h)を印刷して電車で読むプレイです。Macほしいのぉ。
]]>
FlashCamp楽しかったですねぇ。特に念願のマリオ氏初見で満腹です。精進したいと思いつつまずはできるところから少しずつです。
]]>
太い感じ。シンプルな構図きっちりできるように、、したい。
細い感じ。ごちゃごちゃしすぎ、、、とかぶつぶついいながらしてます。
]]>
パーティクルを動かすときなどPerlinNoiseをベクトルマップとして使ったりよくすると思うんですけど、もうちょっとベクトルを制御したいなぁと思いつつこねてます。
]]>
何かのボツなもの、、なんですが。ザクパイプ的な何か他。
]]>
ボツ。ちょいきもい。
ボツ。あるあるやけど、、。
なんぞ意識を高くしたいところ。。
]]>
昨日のエントリ「SVG出力」に続いて HTML Canvas に出力してみるテストです。単純に Canvas を使ってみたかっただけなんですが、ものは試しということで。とはいえ役には立たないローテクであります。
上の画像は試作のキャプチャなのですが、左のSWFで描画している内容を ENTER_FRAME で 描画JSを ExternalInterface.call() する、といった内容です。同じ絵ができるだけ、なのですが。
]]> 試作は以下のURLからご覧ください。こちらノリで作っているモノなので動かない場合はご愛敬です。Winの Chrome と FireFox は普通に動いてましたが、Mac は未確認です。もちろんIEはスルーです。html out test( canvas api required )
予想よりも動作が快適でありました。SVGと同様に線幅は Canvas の方が細かく表現できますね（というかFlashの最細が太い）。同じ絵を表示するのはさすがにナンセンスですが、使いようによっては Flash と Canvas でいろいろと連携できて楽しい気がします。単に選択肢が増えるということでしょうね。
Frocessing的には、SVG出力だとか描画情報をGraphics以外にもアダプトできるような設計にしています。きれいなクラス構成ではないので暫く寝かしてみようかと思いますが、このまま泥臭いままかもしれませんが、、。いずれコミットしようかと思っています。
]]>
非常にニッチな部分なのですが、Frocessing に SVG 出力を組み込んでいるところなんです。ローテクかつ泥臭く実装してまして、ひとまずは出力できました。なんとなく「ローテクかつ泥臭い」を強調しておきたい今日この頃です。
]]> SVG出力といっても AS で描画しているパスのデータなどをバッファして SVG に変換していくわけです。以下は実際の AS描画と、SVGをイラレで表示したところですね。
SWF
SVG - illustrator
SVG - illustrator ( outline )
出力されたSVGデータはこちら。これだけでも 1.3MB 弱になってしまいます、、、。1以下の線幅はSWFとSVGでは随分表示が違うので、その辺りどうしたもんかと思いもします。まぁいいかなぁとも思うのですが。
予想はしていたのですが、SVGファイルがでかくなります。イラレで開くのも一苦労で気分的には微妙です。例えば以下のSVGは 8MB を超えるんですねぇ。Chromeなどのブラウザで表示したほうが速いという、、。
クリックで拡大。何故かグラデの透明度が無視されているイラレの図。
とりあえず出力はできたので一段落なわけですが、コンプレックスな絵はラスタ出力が実用的ではあります。あるいはマシンをいいのに、、、。最後にテスト用のSWFをおいておきます。できたSVGを開く場合は注意、、、。ちなみにSVG内画像出力はしない予定、、、ますますSVGファイルが重くなるというか。
SVG output test swf.
click to output SVG. press any key to reset.
1月も気付ば後半です。はやい…。まだまだステップ１で足踏み状態ですが、ずるずるでも少しでも。イメージ通りには中々ならんもんですね。やはり泥プレーが性に合っている気がします。
]]>
会場：Apple Store, Ginza（3F シアタールーム）
日程：2010年1月26日（火）19:00～20:00(受付開始18:30)
定員：84席(無料) ※参加については下記詳細のURLをご覧ください
執筆陣：
大塚雅和／道家陽介（面白法人カヤック）
池田泰延／梅原宗士／大重美幸／小林陽介／高輪知明／野中文雄／吉川佳一
主催：株式会社ワークスコーポレーション
詳しくはこちらから
» http://www.wgn.co.jp/store/blog/item-812.html
>> About Generative Gestaltung
>> BIT-101 Blog : Generative Gestaltung
あけましておめでとうございます。
今年もよろしくお願いいたします。
去年はいろいろな人に会うことができていろいろ世話になりつつ機会に恵まれたりでした。ほんとに多謝です。
ことしは中途半端な感のある絵をしっかりしたいところ。技術的にはCS5周辺のもろもろが気になる。一般的には電子書籍ですか。しょっぱい話が多いですけどたのしい年にしたいものです。
とりあえず元旦はカニくいまくる。
]]>