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

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

Normal Mapping with Javascript and Canvas





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

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

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

関連記事

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

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

Dlib:C++の機械学習ライブラリ

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

CreativeCOW.net

Python for Unity:UnityEditorでP...

GAN (Generative Adversarial Ne...

OpenGVのライブラリ構成

3D映画のポストプロダクション 2D-3D変換

ZBrushでアヴァン・ガメラを作ってみる パーツ分割

UnityでTweenアニメーションを実装できる3種類の無料...

Amazon EC2ログイン用の秘密鍵を無くした場合の対処方...

アニゴジ関連情報

OpenCVでPhotoshopのプラグイン開発

トランスフォーマー/ロストエイジのメイキング

UnityでLight Shaftを表現する

無料で使える人体3DCG作成ツール

マジョーラ

オープンソースのロボットアプリケーションフレームワーク『RO...

Phongの表現力パネェ 材質別のPhong Shader用...

Google App Engine上のWordPressでF...

AfterEffectsプラグイン開発

TorchStudio:PyTorchのための統合開発環境と...

トランスフォーマーロストエイジのメイキング

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

リアルタイム レイトレーシングAPI『DirectX Ray...

任意の英語サイト中で自分がまだ覚えていない英単語だけに日本語...

ヒーローに変身なりきりアーケードゲーム『ナレルンダー』

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

SIGGRAPH論文へのリンクサイト

Texturing & Modeling A Pro...

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

デザインのリファイン再び

ZScript

Unityで360度ステレオVR動画を作る

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

ZBrushのお勉強

TeleSculptor:空撮動画からPhotogramme...

VCG Library:C++のポリゴン操作ライブラリ

ドラマ『ファーストクラス』のモーショングラフィックス

After Effects全エフェクトの解説(6.5)

Swark:コードからアーキテクチャ図を作成できるVSCod...

コメント