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

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


スポンサーリンク

Normal Mapping with Javascript and Canvas





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

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

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


スポンサーリンク

関連記事

ラクガキの立体化 反省
CGレンダラ研究開発のためのフレームワーク『Lightmetrica (ライトメトリカ)』
実写と実写の合成時の色の馴染ませテクニック
iPhone x ロボットハッカソン~RomoのiPhone用SDKで目覚ましアプリを作る~
Unity MonoBehaviourクラスのオーバーライド関数が呼び出される順番
ブラウザ上でJavaScript,HTML,CSSを書いて共有するサイト『jsdo.it』
Windows Server 2008にAutodesk Maya 2009をインストール
第1回 3D勉強会@関東『SLAMチュートリアル大会』
GAN (Generative Adversarial Networks):敵対的生成ネットワーク
Mechanizeで要認証Webサイトをスクレイピング
OpenCV3.3.0でsfmモジュールのビルドに成功!
python-twitterで自分のお気に入りを取得する
Deep Neural Networkによる顔の個人識別フレームワーク『OpenFace』
BlenderのRigifyでリギング
科学技術計算向けスクリプト言語『Julia』
ZBrushの練習 手のモデリング
この連休でZBrushの スキルアップを…
書籍『ゼロから作るDeep Learning』で自分なりに学ぶ
画像からカメラの3次元位置・姿勢を推定するライブラリ『OpenGV』
ZBrushで仮面ライダー3号を造る 仮面編 ZRemesher
JavaScriptのデータビジュアライゼーションライブラリ『D3.js』
SONYの自律型エンタテインメントロボット『aibo』
トランスフォーマー/ロストエイジのメイキング
胡散臭いデザインの参考サイト
3D復元技術の情報リンク集
ニューラルネットワークの構造を可視化するフレームワーク『TensorSpace.js』
mentalrayのSubsurface Scattering Shader『misss_fast_...
プロシージャル手法に特化した本が出てるみたい(まだ買わないけど)
『ローグ・ワン/スター・ウォーズ・ストーリー』"あのキャラクター"のメイキング
3分の動画でプログラミングを学習できるサイト『ドットインストール』
iOSで使えるJetpac社の物体認識SDK『DeepBelief』
オープンソースのSfM・MVSツール『COLMAP』
Unityの薄い本
SIGGRAPH ASIAのマスコット
MeshroomでPhotogrammetry
チャットツール用bot開発フレームワーク『Hubot』
レンダラ制作はOpenGL とか DirectX を使わなくてもできるんだぜ
ハリウッド版「GAIKING」パイロット映像
Blender 2.81でIntel Open Image Denoiseを使う
この本読むよ
Transformers ”Reference & Bulid” Siggraph 2007
UnityでOpenCVを使うには?

コメント