何かこのページだいぶ前にメモったつもりだったんだけどな。
Normal Mapping with Javascript and Canvas
まあ、ラスタライズ後の処理だけ実装した感じだよね。これがあるだけで立体感がまるで違う。この例ではマウスでライトを制御してるけど、もちろん自動でライトの方向を三次元的にグルグル動かすことも可能なはず。(オブジェクトが動かないだけ)
これのサンプルコード見てて知ったんだけど、JavaScriptって関数の中に関数を記述する『クロージャ』ってのがあるのね。クロージャについてはもう少し勉強しよう。
ついでに
Realtime Raytracing in Javascript!
Path tracing a cornell box in Javascript
関連記事
自前Shaderの件 解決しました
Mayaのレンダリング アトリビュート
Blender 4.2以降のWindowsPortable版...
pythonの機械学習ライブラリ『scikit-learn』
MeshLab：3Dオブジェクトの確認・変換に便利なフリーウ...
UnityのAR FoundationでARKit 3
ラクガキの立体化
手を動かしながら学ぶデータマイニング
Unityで学ぶC#
ZBrushの練習 手のモデリング
ZBrushのUndo Historyをカメラ固定で動画化す...
SIGGRAPH論文へのリンクサイト
IronPythonを使ってUnity上でPythonのコー...
Google Chromecast
UnityプロジェクトをGitHubで管理する
ZBrushでアヴァン・ガメラを作ってみる 甲羅の修正・脚の...
Texturing & Modeling A Pro...
SIGGRAPH Asia
ZBrushでアヴァン・ガメラを作ってみる 歯を配置
Raspberry Pi 2のGPIOピン配置
PeopleSansPeople：機械学習用の人物データをU...
ROMOハッカソンに行ってきた
映画『ゴジラ-1.0』 メイキング情報まとめ
WebGL開発に関する情報が充実してきている
UnityでPoint Cloudを表示する方法
3DCG Meetup #4に行ってきた
Pylearn2：ディープラーニングに対応したPythonの...
世界一下品なクマと世界一紳士なクマ
2D→3D復元技術で使われる用語まとめ
CGレンダラ研究開発のためのフレームワーク『Lightmet...
OpenCVでPhotoshopのプラグイン開発
Autodesk Mementoでゴジラを3次元復元する
ZBrushでアヴァン・ガメラを作ってみる 口内の微調整・身...
サンプルコードにも間違いはある？
映画『ジュラシック・ワールド』のVFXメイキング
Live CV：インタラクティブにComputer Visi...
続・ディープラーニングの資料
ラクガキの立体化 モールドの追加
MPFB2：Blenderの人体モデリングアドオン
BlenderでPhotogrammetryできるアドオン
参考書
ZBrushのTranspose Masterでポーズを付け...
コメント