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

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


スポンサーリンク

Normal Mapping with Javascript and Canvas





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

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

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


スポンサーリンク

関連記事

顔モデリングのチュートリアル
ZBrushでアヴァン・ガメラを作ってみる モールドの彫り込み・身体の形出し
Autodesk Mementoでゴジラを3次元復元する
CLO:服飾デザインツール
BGSLibrary:OpenCVベースの背景差分ライブラリ
ZBrushで人型クリーチャー
COLMAP:オープンソースのSfM・MVSツール
機械学習で遊ぶ
MPC社によるゴジラ(2014)のVFXブレイクダウン
物理ベースレンダリングのためのマテリアル設定チートシート
ZBrushでアヴァン・ガメラを作ってみる 脚のポーズ調整
adskShaderSDK
GAN (Generative Adversarial Networks):敵対的生成ネットワーク
ZBrushでゴジラ2001を作ってみる 身体のSubToolを分割
映画から想像するVR・AR時代のGUIデザイン
ZBrushで仮面ライダー3号を造る 仮面編 失敗のリカバー
Mask R-CNN:ディープラーニングによる一般物体検出・Instance Segmentatio...
生物の骨格
ZBrush 4R8 リリース!
昔Mayaでモデリングしたモデルをリファインしてみようか
タマムシっぽい質感
Unityをレンダラとして活用する
UnityのGameObjectの向きをScriptで制御する
SONYの自律型エンタテインメントロボット『aibo』
ZBrushCore
PyMC:Pythonのベイズ統計ライブラリ
3DCGのモデルを立体化するサービス
Maya 2015から標準搭載されたMILA
CGのためのディープラーニング
Shader.jp:リアルタイム3DCG技術をあつかうサイト
『ゴジラ キング・オブ・モンスターズ』のVFXブレイクダウン
ArUco:OpenCVベースのコンパクトなARライブラリ
Ambient Occlusionを解析的に求める
AndroidもopenGLも初心者さ (でもJavaは知ってるよ)
SIGGRAPH ASIA 2009で学生ボランティア募集してるみたい
CGALDotNet:計算幾何学ライブラリ CGALのC#ラッパー
Amazon Web ServicesでWordPress
写真に3Dオブジェクトを違和感無く合成する『3DPhotoMagic』
『スター・ウォーズ 最後のジェダイ』のVFXブレイクダウン まとめ
Raspberry Piでセンサーの常時稼働を検討する
Python拡張モジュールのWindows用インストーラー配布サイト
ブログをGoogle App EngineからAmazon EC2へ移行

コメント