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

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


スポンサーリンク

Normal Mapping with Javascript and Canvas





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

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

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


スポンサーリンク

関連記事

ZBrushで仮面ライダー3号を造る 仮面編 DynaMesh
NeRF (Neural Radiance Fields):深層学習による未知視点合成
『スター・ウォーズ フォースの覚醒』のVFXブレイクダウン まとめ
ZBrushでアヴァン・ガメラを作ってみる 甲羅のバランス調整
CGのためのディープラーニング
ドラマ『ファーストクラス』のモーショングラフィックス
Raspberry Pi
3分の動画でプログラミングを学習できるサイト『ドットインストール』
iPhoneアプリ開発 Xcode 5のお作法
HTML5・WebGLベースのグラフィックスエンジン『Goo Engine』
Seleniumを使ったFXや株の自動取引
Mixamo:人型3Dキャラクターアニメーション制作サービス
pythonもかじってみようかと
WordPressの表示を高速化する
Raspberry Piでセンサーの常時稼働を検討する
プログラミングスキルとは何か?
Physically Based Rendering
Geogram:C++の3D幾何アルゴリズムライブラリ
HD画質の無駄遣い
ポリゴン用各種イテレータと関数セット
ZBrush用トポロジー転送プラグイン『ZWrap Plugin for ZBrush』
オープンソースの顔認識フレームワーク『OpenBR』
ZBrushCoreのTransposeとGizmo 3D
白組による『シン・ゴジラ』CGメイキング映像が公開された!
SIGGRAPH ASIAのマスコット
SculptrisとBlenderで作ったGodzilla 2014 (Fan Made)
書籍『メイキング・オブ・ピクサー 創造力をつくった人々』を読んだ
Raspberry PiでIoTごっこ
自前のShaderがおかしい件
OpenCVで顔のモーフィングを実装する
Open Shading Language (OSL)
ブログをwpXレンタルサーバーからwpX Speedへ移行
サンプルコードにも間違いはある?
OpenCV 3.1のsfmモジュールを試す
注文してた本が届いた
Phongの表現力パネェ 材質別のPhong Shader用パラメータ一覧
Mitsuba 2:オープンソースの物理ベースレンダラ
写真から3Dメッシュの生成・編集ができる無料ツール『Autodesk Memento』
Unityの薄い本
ZBrushでアヴァン・ガメラを作ってみる 脚のトゲの作り直し
ZBrushのUV MasterでUV展開
SDカードサイズのコンピューター『Intel Edison』

コメント