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

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


スポンサーリンク

Normal Mapping with Javascript and Canvas





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

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

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


スポンサーリンク

関連記事

MFnMeshクラスのsplit関数
ブラウザ上でJavaScript,HTML,CSSを書いて共有するサイト『jsdo.it』
OpenCVの超解像(SuperResolution)モジュールを試す
Physically Based Rendering
clearcoat Shader
Raspberry Pi 2を買いました
プログラムによる景観の自動生成
FCN (Fully Convolutional Network):ディープラーニングによるSema...
Amazon EC2ログイン用の秘密鍵を無くした場合の対処方法
ZBrushでゴジラ2001を作ってみる 身体のSubToolを分割
リアルタイム レイトレーシングAPI『DirectX Raytracing (DXR)』
iOSで使えるJetpac社の物体認識SDK『DeepBelief』
OpenCVで顔のモーフィングを実装する
1枚の画像からマテリアルを作成できる無料ツール『Materialize』
UnityでLight Shaftを表現する
『シン・ゴジラ』のコンセプトアニメーションのメイキング動画が公開された
Web経由でRaspberry PiのGPIOを操作したい
ZBrushで仮面ライダー3号を造る 仮面編 PolyGroup作成に再挑戦
スクラッチで既存のキャラクターを立体化したい
手を動かしながら学ぶデータマイニング
実写と実写の合成時の色の馴染ませテクニック
ZBrushで仮面ライダー3号を造る 仮面編 Dam Standardブラシでディティールを彫る
MeshroomでPhotogrammetry
OpenCVでPhotoshopのプラグイン開発
書籍『開田裕治 怪獣イラストテクニック』
世界一下品なクマと世界一紳士なクマ
GoB:ZBrushとBlenderを連携させるアドオン
ZBrushの作業環境を見直す
書籍『3次元コンピュータビジョン計算ハンドブック』を購入
ZBrushでアヴァン・ガメラを作ってみる 下アゴと頭部を作り込む
JavaによるCGプログラミング入門サイト (日本語)
cvui:OpenCVのための軽量GUIライブラリ
Live CV:インタラクティブにComputer Visionコーディングができるツール
Faceshiftで表情をキャプチャしてBlender上でMakeHumanのメッシュを動かすデモ
OpenCV 3.1から追加されたSfMモジュール
Windows10でPyTorchをインストールしてVSCodeで使う
トランスフォーマーの変形パターンを覚えるのは楽しいと思うんだ
ZBrushでアヴァン・ガメラを作ってみる 全体のバランス調整
BSDF: (Bidirectional scattering distribution funct...
NumSharp:C#で使えるNumPyライクな数値計算ライブラリ
アクセス元IPアドレスから企業名が分かるアクセス解析『User Local スマートフォン解析』
Open3D:3Dデータ処理ライブラリ

コメント