9ballsyndrome

demo ( 要 Flash Player 11 )

たまにはAlternativa3D 8.17で軽くデモを。

表現に使った手法

• GeoSphereのGeometryをたくさんコピーして1つのMeshにまとめてパーティクルに(雪)
• CPUで作成したPerlinノイズをハイトマップにしてプリセットのPlaneをディスプレイスメントマッピング(地面)
• カスタムフィルタをかませてキラキラ(ポストエフェクト)
• OmniLightとVertexLightTextureMaterialでライティング(月明かり)

スポンサーサイト

1. 2011/11/03(木) 14:23:46|
2. Alternativa3D 8
3. | トラックバック:0
4. | コメント:0

Sprite3Dクラスについて。

Meshではなく、Object3Dの継承クラス。GeometryやSurfaceは持っていないようだ。

常にカメラのほうを向くPlaneのようなもの。3次元上の回転情報を持たないので計算が速くなるとか。

3Dの世界ではビルボード、なんて呼ばれてたり。

なにをするかっていうと、ポリゴンを描く代わりにそれっぽいテクスチャを貼ったビルボードを使うことでそれなりに見栄えがし、かつ軽い。らしい。

あとはパーティクルにも使うみたい。

このデモは実は地面以外は全部Sprite3D。

ポリゴンの代わりとして球体を、パーティクルとして音符をSprite3Dで表現してる。

球体はどの角度から見ても同じに見えるからよくビルボードが使われるとか。もっとうまいテクスチャ貼ったら完全に球に見えるよきっと。

デモ(要 Flash Player 11)

1. 2011/07/11(月) 08:19:23|
2. Alternativa3D 8
3. | トラックバック:0
4. | コメント:0

前回のトランジション効果をちょっといじってフォトスライドショーのようなものを。

デモ(要 Flash Player 11)

連番jpgをLoaderでリアルタイムに読み込むのだが、Loader.load()が重いのかload中に一瞬止まってしまう。

なのでカメラやコンテナはアニメーションさせなかった。カメラをぐりぐり回してると一瞬止まる瞬間がわかるだろう。

あと回線によっては切り替わるタイミングが波紋が広がるときになったり戻ったり。

サイズのある画像だとなかなか切り替わらなかったりするかも。

ネットから連番jpgを持ってくるにあたってきれいな画像を探してて、こちらのまとめブログさんから無断でいただくことにしました。ありがとう。

1. 2011/07/10(日) 18:52:02|
2. Alternativa3D 8
3. | トラックバック:0
4. | コメント:0

新しいPlaneを使って画像のトランジション効果のようなものを作ってみた。

デモ(要 Flash Player 11)

参考はClockMaker.jp "Papervision3D演出サンプルNo.04:細切れフォトグラフ"

1. 2011/07/09(土) 20:06:30|
2. Alternativa3D 8
3. | トラックバック:0
4. | コメント:0

以前作ったPlaneを使ってて思ったこと

• どうやらuv座標がちがうっぽい
• さらに表面のつもりなのに下向いてる
• 両面に違うテクスチャ貼りたい
• uv座標の割合だけじゃなく、開始位置も決めたい

手直ししてみよう。

1. 2011/07/09(土) 15:26:20|
2. Alternativa3D 8
3. | トラックバック:0
4. | コメント:0

すでにupload()されているmaterialなら動的変更にラグはないっぽい。

private function _onClick(e:MouseEvent3D):void {
            (e.currentTarget as Mesh).getSurface(0).material = material;//material is made from uploaded Resource
}

こいつのmaterialはこれだよ！って情報はCPU側が持っていてレンダリングのたびに指定しているのだろうか。

あらかじめupload()することさえ忘れていなければ好きなSurfaceを好きなマテリアルに一瞬で変えられる。

それからFillMaterialはTextureResourceを引数にとらないが、どうやらGPU の資源を使わないっぽい。

内部的に単色塗りのBitmapDataでも作ってるのかと思っていたけど、TextureMaterialを設定したBoxはgetResources()するとlengthは2だがFillMaterialのほうはlengthが1だった(Geometryデータのみ)。

フラグメントシェーダに直接色を指定してるのかな？

1. 2011/07/09(土) 12:34:33|
2. Alternativa3D 8
3. | トラックバック:0
4. | コメント:0

Alternativa3D 8.8.0で透明マッピングでopacityMapに代入する話をしたけど、もっと簡単な方法があったみたい。

useDiffuseAlphaChannelプロパティを設定するだけでも良かった。

var material:TextureMaterial = new TextureMaterial(new BitmapTextureResource(bd));
material.useDiffuseAlphaChannel = true;

これだけ。

でも先の方法もこの方法も、透明度を設定するとソートがおかしくなることがあるみたい。

2011/7/2時点で開発者がそう仰ってるので注意。

1. 2011/07/08(金) 13:57:55|
2. Alternativa3D 8
3. | トラックバック:0
4. | コメント:0

Alternativa3D 8.8.0でTextureMaterialのBitmapDataを動的に変更してみる。

デモ(要 Flash Player 11)

textureウィンドウをクリックする

TextureMaterialをBitmapDataから作るにはBitmapDataからBitmapTextureResourceを作り、それを使うのでちょっとひと手間。

このBitmapTextureResourceはdataプロパティを持ち、ここからテクスチャのBitmapDataをget/setできる。

ところが、CPU側で書き換えただけではGPUに伝わらず、変更が反映されない。

Resourceを変えたときは必ずupload()しましょう。それだけの話。

1. 2011/07/08(金) 09:12:07|
2. Alternativa3D 8
3. | トラックバック:0
4. | コメント:0

Alternativa3D 8.8.0で追加されたWireFrameクラス。

このクラスは大きく分けて2つの機能がある。

単純に3D空間上に線を引く機能と、ワイヤーフレームマテリアルのようなものを実現する機能だ。

1. 2011/07/07(木) 08:12:31|
2. Alternativa3D 8
3. | トラックバック:0
4. | コメント:0

Alternativa3Dにも慣れてきたところで、 PV3DのBasicViewのようなものが欲しくなった。

どうせ毎回やる処理はクラスにして継承したいよね。

BasicViewだとPV3DとかぶるからABasicView！

と思いきやAway3Dでも同じの作ってた。じゃあAlBasicViewで。

それから、なんかオブジェクトを作って挙動を見る際にカメラは自由に動かしたい。

Alternativa3D 8.8.0にはSimpleObjectControllerがあって、これでカメラの操作もできるんだけどなんか直感的に操作しにくい。

マウスだけでぐるぐる自由に操作したいから原点を見つめてカメラをドラッグとホイールで操作できる簡単なクラスを作って使ってる。

いくつか注意点もあるけど。

1. 2011/07/06(水) 18:42:56|
2. Alternativa3D 8
3. | トラックバック:0
4. | コメント:0