何かこのページだいぶ前にメモったつもりだったんだけどな。
Normal Mapping with Javascript and Canvas
まあ、ラスタライズ後の処理だけ実装した感じだよね。これがあるだけで立体感がまるで違う。この例ではマウスでライトを制御してるけど、もちろん自動でライトの方向を三次元的にグルグル動かすことも可能なはず。(オブジェクトが動かないだけ)
これのサンプルコード見てて知ったんだけど、JavaScriptって関数の中に関数を記述する『クロージャ』ってのがあるのね。クロージャについてはもう少し勉強しよう。
ついでに
Realtime Raytracing in Javascript!
Path tracing a cornell box in Javascript
関連記事
ZBrushでアヴァン・ガメラを作ってみる 口のバランス調整
無料で使える人体3DCG作成ツール
Autodesk CompositeとAutodesk Ma...
ZBrushからBlenderへモデルをインポート
Mitsuba 2：オープンソースの物理ベースレンダラ
機械学習手法『Random Forest』
ZBrushのZScript入門
ラクガキの立体化 1年半ぶりの続き
UnityのGameObjectの向きをScriptで制御す...
Pix2Pix：CGANによる画像変換
ZBrushでアヴァン・ガメラを作ってみる
OpenCV バージョン4がリリースされた！
UnityプロジェクトをGitHubで管理する
ZBrushで仮面ライダー3号を造る 仮面編 Clay Po...
SONYの自律型エンタテインメントロボット『aibo』
adskShaderSDK
Webページ制作のためのメモ
参考書
ラクガキの立体化 背中の作り込み・手首の移植
ZBrushでアヴァン・ガメラを作ってみる 頬の突起を作り始...
OpenMayaRender
リアルタイム レイトレーシングAPI『DirectX Ray...
映画『シン・仮面ライダー』 メイキング情報まとめ
ZBrushと液晶ペンタブレットでドラゴンをモデリングするチ...
Unreal Engineの薄い本
ZBrushトレーニング
ZBrushのキャンバスにリファレンス画像を配置する
pythonもかじってみようかと
マンガで分かる JavaScriptプログラミング講座
『PIXARのひみつ展』に行ってきた
OpenVDB：3Dボリュームデータ処理ライブラリ
OpenCVのfindEssentialMat関数を使ったサ...
ZBrushの練習 手のモデリング
uvでWindows11のPython環境を管理する
書籍『メイキング・オブ・ピクサー 創造力をつくった人々』を読...
Adobe Photoshop CS4 Extendedの3...
PGGAN：段階的に解像度を上げて学習を進めるGAN
Unityからkonashiをコントロールする
ROSの薄い本
オープンソースの物理ベースレンダラ『Mitsuba』をMay...
PureRef：リファレンス画像専用ビューア
Verilog HDL
コメント