Adobe Pixel Bender 3D | vertex and fragment shaders, molehill – Adobe Labs

下準備

さて、いざ使ってみようと起動しようとしても起動しませんね･･･。
ReadMe.pdf には command-line compilers と書いてありますが、Mac 版はなぜか App 形式の pb3dutil が入っているようで、このままでは Terminal などを使って Shader をコンパイル出来ません。ので、pb3dutil を右クリック、「パッケージの内容を表示」で必要なファイルを引っ張り出しましょう。パッケージの中は以下のような内容になっていると思います。

/usr/local の中に PixelBender3D 用のディレクトリを作って Frameworks, MacOS ディレクトリをコピーしましょう。Mac OS ディレクトリは bin とリネームしておきましょう。

さて、次は Terminal などで pb3dutil を実行するために bash 等にパスを通す必要があります。~/.bash_profile などに下記のようにパスを記述します。

export PATH=/usr/local/PixelBender3D/bin:$PATH

パスを追加したら Terminal に設定の反映をするために .bash_profile を再読込させるために、下記のコマンドを実行します。

source ~/.bash_profile

これで、Terminal から pd3dutil が使用できるようになりました。

使用方法

Vertex Shader のコンパイル

pb3dutil VertexKernel.pbvk outputFileName

一つの pb3dasm ファイルができあがる。

Fragment Shader のコンパイル

pb3dutil FragmentKernel.pbmk materialVertexOutputFileName fragmentOutputFileName

二つの pb3dasm ファイルができあがる。

fragment shader は二つファイルができあがるみたい。ちなみに pb3dasm はテキストファイルだった。

Molehill を搭載した Flash Player Incubator プレビュー版が公開

通常だと Away3D や Papervision3D, Alternative3D などのライブラリを使って弄るのですが、ここでは全くライブラリを使わずに描画していこうと思います。

とりあえず、単純に矩形にテクスチャー張って回してみました。
Molehill Test(要FlashPlayer11:incubator)

どうやら、OSX の Chrome だとうまく GPU で動いてくれてないみたい。Safari だと大丈夫でした。

OpenGL みたいな最小限のパイプラインがないっぽいので、Context3D ごとに shader を準備してあげる必要があるっぽい。
shader は PixelBender3D がでるまでは AGALMiniAssember.as で作成する必要がありそう。
AGALMiniAssember での書き方はドキュメントの Program3D に色々書いてありました。
AGALMiniAssember はなぜか含まれていないようなので下記から取得してください。

Digging more into the Molehill APIs – ByteArray.org

記述自体は見慣れない感じですが shader 書いたことある人ならすぐに理解できそうな感じです。
ローレベル API だけ使って描画するコードはこんな感じになりそうです。

Molehill の最小コード — Gist

次はもうちょっとまともな描画を書こう。

Terminal

http://git-scm.com/
なにもいうまい。

Gitti

http://www.gittiapp.com/
未だに Beta 版だがいまのところもっとも使い易いクライアントな気がする。使用するにはサイトから登録する必要あり。
最近になってアプリを起動すると Gitti Expired とでるようになって使えなくなっている･･･。

GitX

http://gitx.frim.nl/
push や pull などがなくローカルリポジトリに対しての操作しかできないがログが視覚化されて見やすいので Gitti が出てくるまで Terminal と併用して使ってました。

GitX(Custom Ver.)

GitX は github にてソースコードが公開されていてそれにたいしていろんな人が fork してどんどんカスタマイズされたバージョンが存在している。
https://github.com/pieter/gitx/network
push や pull などが出来るようになってたりするバージョンがあるので自分は下記の GitX を使ってます。
https://github.com/brotherbard/gitx/

Tower

http://www.git-tower.com/
osx でつかうならとりあえず Tower をお勧めしたいくらいに良くできている。
少し前に ver 1.0 が公開されました。
Comming this November! と言うことで、まだ使えないけど期待大なクライアント。
スクリーンショットを見る感じだと Gitti に似ている感じかな。

Gitbox

http://gitbox.pierlis.com/
シンプルな Git クライアント

smartGit

http://www.syntevo.com/smartgit/index.html
smartSVN や SmartCVS などをつくっている syntevo がつくっている Git クライアント。
windows や Linux 版もある。
他にもいいクライアントがあったら是非教えてくださいー。

fastMathCodeTemplate.zip

• abs : Math.abs
• ceil : Math.ceil
• floor : Math.floor
• round : Math.round
• max : Math.max
• min : Math.min
• checkeven : 偶数かチェック
• divide : 2の自乗の除算
• multiply : 2の自乗の乗算
• flip : 数字の符号反転
• modulo : 剰余

Swarm とか BitmapCanvas とか色々用意されててもそもそしてたらいつのまにかできた。こういうのはやっぱたのしいな。
the HYPE Framework

package
{
import flash.filters.ColorMatrixFilter;
import hype.framework.core.TimeType;
import flash.filters.BlurFilter;
import hype.extended.rhythm.FilterCanvasRhythm;
import hype.extended.behavior.FixedVibration;
import hype.extended.behavior.Swarm;
import hype.extended.color.ColorPool;
import hype.extended.layout.ShapeLayout;
import hype.framework.core.ObjectPool;
import hype.framework.display.BitmapCanvas;
import hype.framework.rhythm.SimpleRhythm;
import flash.display.Sprite;
/**
* @author Mk-10:cellfusion
*/
public class Sample extends Sprite
{
private var _rhythm:SimpleRhythm;
private var _pool:ObjectPool;
private var _colorPool:ColorPool;
private var _clipContainer:Sprite;
private var _layout:ShapeLayout;
private var _bc:BitmapCanvas;
private var _blur:FilterCanvasRhythm;
public function Sample()
{
var bg:Sprite = new Sprite();
bg.graphics.beginFill(0x000000);
bg.graphics.drawRect(0, 0, stage.stageWidth, stage.stageHeight);
bg.graphics.endFill();
addChild(bg);
_layout = new ShapeLayout(bg);
_bc = new BitmapCanvas(stage.stageWidth, stage.stageHeight);
addChild(_bc);
_clipContainer = new Sprite();
_colorPool = new ColorPool();
_pool = new ObjectPool(MyCircle, 100);
_pool.onRequestObject = poolRequest;
_rhythm = new SimpleRhythm(addNextClip);
_rhythm.start();
_bc.startCapture(_clipContainer, true);
_blur = new FilterCanvasRhythm([new ColorMatrixFilter([0.99, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1])], _bc);
_blur.start(TimeType.TIME, 100);
}
private function poolRequest(clip:Sprite):void
{
clip.scaleX = clip.scaleY = 0.8 * Math.random() + 0.2;
clip.x = stage.stageWidth * 0.5;
clip.y = stage.stageHeight * 0.5;
_clipContainer.addChild(clip);
var swarm:Swarm = new Swarm(clip, _layout.getNextPoint(), 5, 0.09, 25);
swarm.start();
var sVib:FixedVibration = new FixedVibration(clip, "scale", 0.9, 0.1, 0.2, 1, true);
sVib.start();
}
private function addNextClip(r:SimpleRhythm):void
{
if (_pool.isFull) {
r.stop();
} else {
_pool.request();
}
}
}
}
import flash.filters.DropShadowFilter;
import flash.display.Sprite;
class MyCircle extends Sprite
{
public function MyCircle()
{
var circle:Sprite = new Sprite();
circle.graphics.beginFill(0xFFFFFF);
circle.graphics.drawCircle(0, 0, 3);
circle.graphics.endFill();
addChild(circle);
filters = [new DropShadowFilter(0, 45, 0, 1, 2, 2, 1, 1)];
}
}