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

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


スポンサーリンク

Normal Mapping with Javascript and Canvas





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

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

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


スポンサーリンク

関連記事

ZBrushで仮面ライダー3号を造る 仮面編 ZRemesher
スターウォーズ エピソードVIIの予告編
ZBrushトレーニング
adskShaderSDK
写真に3Dオブジェクトを違和感無く合成する『3DPhotoMagic』
ZBrushのハードサーフェイス用ブラシ
『シン・ゴジラ』のコンセプトアニメーションのメイキング動画が公開された
SIGGRAPH ASIAのマスコット
書籍『ROSプログラミング』
AMIMOTO(PVM版)で作成したインスタンスをAMIMOTO (HVM版)へ移行する
NICOGRAPHって有名?
UnityのGlobal Illumination
UnityプロジェクトをGitHubで管理する
映画『ブレードランナー 2049』のVFX
WordPressプラグインによるサイトマップの自動生成
OpenCV 3.3.0-RCでsfmモジュールをビルド
Unityからkonashiをコントロールする
ZBrushで手首のモデリングをリファイン
Mitsuba 2:オープンソースの物理ベースレンダラ
『ローグ・ワン/スター・ウォーズ・ストーリー』のVFXブレイクダウン まとめ
『ハン・ソロ/スター・ウォーズ・ストーリー』のVFXブレイクダウン まとめ
ZBrush4新機能ハイライト 3DCG CAMP 2010
Google XML Sitemap Generatorプラグインを3.4.1へダウングレード
Subsurface scatteringの動画
Google Chromecast
Webサイトのワイヤーフレームが作成できるオンラインツール
AnacondaとTensorFlowをインストールしてVisual Studio 2015で使う
映画『ジュラシック・ワールド』のVFXメイキング
Google製オープンソース機械学習ライブラリ『TensorFlow』のWindows版が公開された
ZBrushでUndo Historyを動画に書き出す
OpenCV 3.1のsfmモジュールを試す
ZBrushでアヴァン・ガメラを作ってみる 口内の微調整・身体のライン修正
Konashiを買った
ガメラ生誕50周年
Unity Scriptコーディング→Unreal Engine Scriptコーディング
オープンソースのSLAMライブラリ『Cartographer』
ポリゴンジオメトリ処理ライブラリ『pmp-library (Polygon Mesh Process...
hloc:SuperGlueで精度を向上させたSfM実装
トランスフォーマー/ロストエイジのメイキング
服飾デザインツール『CLO』
映画から想像するVR・AR時代のGUIデザイン
海外ドラマのChromaKey

コメント