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

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


スポンサーリンク

Normal Mapping with Javascript and Canvas





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

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

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


スポンサーリンク

関連記事

UnityでOpenCVを使うには?
ZBrushでアヴァン・ガメラを作ってみる
Kornia:微分可能なコンピュータービジョンライブラリ
Raspberry Pi
Model View Controller
ZBrushで手首のモデリングをリファイン
フォトンの放射から格納までを可視化した動画
Pix2Pix:CGANによる画像変換
ZBrushでアヴァン・ガメラを作ってみる 腕の作り込み
SONY製のニューラルネットワークライブラリ『NNabla』
Russian3DScannerのトポロジー転送ツール『WrapX』
Windows10でPyTorchをインストールしてVSCodeで使う
ジュラシック・パークの続編『ジュラシック・ワールド』
Unityをレンダラとして活用する
ラクガキの立体化 背中の作り込み・手首の移植
Raspberry PiでIoTごっこ
UnityのTransformクラスについて調べてみた
頭蓋骨からの顔復元と進化過程の可視化
Google製オープンソース機械学習ライブラリ『TensorFlow』のWindows版が公開された
書籍『仕事ではじめる機械学習』を読みました
CGのためのディープラーニング
MB-Lab:Blenderの人体モデリングアドオン
書籍『The Art of Mystical Beasts』を購入
『スター・ウォーズ 最後のジェダイ』のVFXブレイクダウン まとめ
SIGGRAPH論文へのリンクサイト
ZBrushでアヴァン・ガメラを作ってみる 甲羅のバランス調整
3DCG Meetup #4に行ってきた
ZBrushでアヴァン・ガメラを作ってみる モールドの彫り込み・身体の形出し
Seleniumを使ったFXや株の自動取引
現在公開されているWeb API一覧
PureRef:リファレンス画像専用ビューア
FCN (Fully Convolutional Network):ディープラーニングによるSema...
映画『ジュラシック・ワールド』のVFXメイキング
Unreal Engine 5の情報が公開された!
ZBrushでアヴァン・ガメラを作ってみる 壊れたデータの救出
実写と実写の合成時の色の馴染ませテクニック
SIGGRAPH Asia
UnityプロジェクトをGitHubで管理する
BlenderのGeometry Nodeで遊ぶ
機械学習手法『Random Forest』
ラクガキの立体化 目標設定
NICOGRAPHって有名?

コメント