法線マップを用意してCanvas上でShadingするサンプル

何かこのページだいぶ前にメモったつもりだったんだけどな。


スポンサーリンク

Normal Mapping with Javascript and Canvas





まあ、ラスタライズ後の処理だけ実装した感じだよね。これがあるだけで立体感がまるで違う。この例ではマウスでライトを制御してるけど、もちろん自動でライトの方向を三次元的にグルグル動かすことも可能なはず。(オブジェクトが動かないだけ)

これのサンプルコード見てて知ったんだけど、JavaScriptって関数の中に関数を記述する『クロージャ』ってのがあるのね。クロージャについてはもう少し勉強しよう。

ついでに
Realtime Raytracing in Javascript!
Path tracing a cornell box in Javascript


スポンサーリンク

関連記事

フォトンの放射から格納までを可視化した動画

Konashiを買った

映画『ゴジラ-1.0』 メイキング情報まとめ

C++始めようと思うんだ

Maya LTのQuick Rigを試す

WordPressのサーバ引っ越し方法を考える

1枚の画像からマテリアルを作成できる無料ツール『Materialize』

科学技術計算向けスクリプト言語『Julia』

Point Cloud Libraryに動画フォーマットが追加されるらしい

UnityでPoint Cloudを表示する方法

MFnDataとMFnAttribute

Javaで作られたオープンソースの3DCGレンダラ『Sunflow』

WordPressの表示を高速化する

RSSフィードを読込んで表示するWordpressプラグイン『RSSImport』

C++の抽象クラス

ディープラーニング

Stanford Bunny

レンダラ制作はOpenGL とか DirectX を使わなくてもできるんだぜ

ZBrushでアヴァン・ガメラを作ってみる おでこ(?)のバランス調整

網元AMIで作ったWordpressサイトのインスタンスをt1microからt2microへ移行した

ZBrushで仮面ライダー3号を造る 仮面編 リファレンス画像の表示

Unityをレンダラとして活用する

Shader.jp:リアルタイム3DCG技術をあつかうサイト

『ピクサー展』へ行ってきた

CEDEC 3日目

PeopleSansPeople:機械学習用の人物データをUnityで生成する

AndroidもopenGLも初心者さ (でもJavaは知ってるよ)

ZBrushの作業環境を見直す

ZBrushで基本となるブラシ

フリーで使えるスカルプト系モデリングツール『Sculptris 』

ZBrushでアヴァン・ガメラを作ってみる 歯を配置

ZBrushでゴジラ2001を作ってみる 身体のアタリを作る

OpenVDB:3Dボリュームデータ処理ライブラリ

ガメラ生誕50周年

単純に遊びに行くのはだめなのか?

アニゴジ関連情報

iPhone x ロボットハッカソン~RomoのiPhone用SDKで目覚ましアプリを作る~

Raspberry PiでIoTごっこ

Twitter APIのPythonラッパー『python-twitter』

PolyPaint

Siggraph Asia 2009 カンファレンスの詳細

Structure from Motion (多視点画像からの3次元形状復元)

コメント