TAG : rendering

Metallic Soft Cube

[ソース表示] 疑似環境マップによる反射表現とジオメトリブレンディングを、FlashPlayer11から搭載されたGPUレンダリング機能 Stage3D で実装しました。とくに新しいことはしていません。基本的なStage3Dの使用方法です。 関連エントリ;ActionScriptでジオメトリブレンディング+AGALで金属光沢シェーダ

Self Shadow on FlashPlayer10

[ソース表示] ライティングはおろかデプスバッファすら実装されていない FlashPlayer10 の似非3D機能で,セルフシャドウのレンダリングをやってみました。GPUを叩けるようになったFlashPlayer10 の Stage3D では、もっと複雑な処理も簡単に高速に実装できるようになっていますが、技術的にやっていることは一緒です。 技術解説エントリ;ActionScript でセルフシャドウレンダリング

Clear Water with refraction rendering

[ソース表示] saharanさんの3D水面 / Water 3Dに屈折レンダリングを加えてリアルな水面を実装しました。当時はまだStage3Dが未実装だったため、ForkしたコンテンツはFlashPlayer10で動作しますが、上のデモはStage3Dバージョンです。 FlashPlayer11(Stage3D)コースティックバージョン;Clear Water with caustics [Stage3D version] FlashPlayer10(似非3D)バージョン;Clear Water with refraction rendering forked from: 3D水面 / Water 3D FlashPlayer10(似非3D)コースティックバージョン;Clear Water with caustics 技術解説エントリ;ActionScript で屈折レンダリング+Molehill雑感

Real Time Ray Tracing

[ソース表示] レイトレースの中でも最も基本的な球面反射をリアルタイムでレンダリングします。200行弱の非常にシンプルな実装のため、移植性は高いと思います。 jsdo.it にはJavaScript version[Real Time Ray Tracing]も投稿しました。こちらはブラウザごとのNumberの扱いの違いなどに微妙に悩まされました。

Slot Machine Rendering

[ソース表示] o8queさんの朝青龍ゲームをforkしてリール回転と絵柄のモーションブラーを実装しました。すごく地味ですが汎用性は高いです。

Explosion Rendering

[ソース表示] 爆発エフェクトをレンダリングして表示します。FlashPlayerの加算描画は非常に重いので、内部でパーティクルアニメーションのスプライトシートをfrocessing を用いて生成し、パラパラアニメの要領で表示しています。また効果音は SiON の MML で表現されています。

draw() と threshold() を用いたボロノイ図の生成

[ソース表示] flash.display.BitmapData の draw() と threshold() を使ってリアルタイムにボロノイ図を生成しました。元ネタはNao_u氏のjump floodingアルゴリズムを用いたボロノイ図の生成。 高速化バージョン

PuyoDot with lighting

[ソース表示] tail_yさんのPuyoDotのちょっとだけ改造版です。物理的な動きは元作品そのままで、各ドットをライティングしている点と、Flash10で追加されたdrawTriangle()を採用している点が改造した場所です。 ライティングは、36枚の光の角度を変えたドットパターンを生成しておき、テクスチャを差し替える形で対応しています。

Smoky text

[ソース表示] 煙のように文字が消えるエフェクトです。BlurフィルタとPerlinノイズを使っています。Flash BitmapData ApplyFilter を使った極めて典型的なデモです。

Dive into Cyberspace

[ソース表示] 100行でアルファベットを使ったワープエフェクトを作りました。AからZまで順番に突入していきます。scaleを使った典型的な擬似3Dにモーションブラーをかけてそれっぽく見せています。wonderfl上で開催されたコンテストの応募作品で、残念ながら入賞は逃しましたが、favorite数はnutsuさんのインベーダ(http://wonderfl.net/c/3OcH)に次ぐ二位でした。