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

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

Normal Mapping with Javascript and Canvas





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

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

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

関連記事

クラスの基本

ZBrushからBlenderへモデルをインポート

ZBrushで手首のモデリングをリファイン

映画『ミュータント・タートルズ』を観てきた

マンガで分かる JavaScriptプログラミング講座

ZBrushで仮面ライダー3号を造る 仮面編 DynaMes...

スターウォーズ エピソードVIIの予告編

Autodesk Mementoでゴジラを3次元復元する

OpenCVのバージョン3が正式リリースされたぞ

2012のメイキングまとめ(途中)

Physics Forests:機械学習で流体シミュレーショ...

トランスフォーマーの変形パターンを覚えるのは楽しいと思うんだ

OpenCVの顔検出過程を可視化した動画

『PIXARのひみつ展』に行ってきた

『手を動かしながら学ぶエンジニアのためのデータサイエンス』ハ...

Maya 2015から標準搭載されたMILA

Zibra Liquids:Unity向け流体シミュレーショ...

AR (Augmented Reality)とDR (Dim...

OpenMesh:オープンソースの3Dメッシュデータライブラ...

仮想関数

ZBrushでアヴァン・ガメラを作ってみる 下アゴと頭部を作...

Unityからkonashiをコントロールする

粘土をこねるようなスカルプトモデリング

ZBrushCore

リメイク版ロボコップスーツのメイキング

Unityで画面タッチ・ジェスチャ入力を扱う無料Asset『...

MetaHumanの頭部をBlenderで編集できるアドオン

ラクガキの立体化 モールドの追加

ZBrushで仮面ライダー3号を造る 仮面編 PolyGro...

Oculus Goを購入!

ZBrushでアヴァン・ガメラを作ってみる 歯茎を別パーツへ...

SONYの自律型エンタテインメントロボット『aibo』

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

ゴジラの造形

HD画質の無駄遣い

ZBrushのハードサーフェイス用ブラシ

WordPressの表示を高速化する

ブログがダウンしてました

Pix2Pix:CGANによる画像変換

Vancouver Film Schoolのデモリール

参考書

NeuralNetwork.NET:.NETで使えるTens...

コメント