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

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

Normal Mapping with Javascript and Canvas





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

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

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

関連記事

OpenMayaRender

『ローグ・ワン/スター・ウォーズ・ストーリー』のVFXブレイ...

Adobe Photoshop CS5の新機能

参考書

Alice Vision:オープンソースのPhotogram...

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

オープンソースの物理ベースレンダラ『Mitsuba』をMay...

CGWORLD CHANNEL 第21回ニコ生配信は『シン・...

写真から3Dメッシュの生成・編集ができる無料ツール『Auto...

顔モデリングのチュートリアル

ポリ男からMetaHumanを作る

PythonのHTML・XMLパーサー『BeautifulS...

世界一下品なクマと世界一紳士なクマ

オープンソースの取引プラットフォーム

ラクガキの立体化 反省

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

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

『ゴジラ キング・オブ・モンスターズ』のVFXブレイクダウン

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

この本読むよ

Composition Rendering:Blenderに...

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

ManuelBastioniLAB:人体モデリングできるBl...

ZBrushのお勉強

白組による『シン・ゴジラ』CGメイキング映像が公開された!

Unity Scriptコーディング→Unreal Engi...

マジョーラ

ZBrush キャラクター&クリーチャー

動的なメモリの扱い

Kornia:微分可能なコンピュータービジョンライブラリ

ブログの復旧が難航してた話

顔追跡による擬似3D表示『Dynamic Perspecti...

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

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

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

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

ゴジラ三昧

OpenCVの超解像(SuperResolution)モジュ...

OpenMayaのPhongShaderクラス

プログラムによる景観の自動生成

書籍『仕事ではじめる機械学習』を読みました

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

コメント