何かこのページだいぶ前にメモったつもりだったんだけどな。
Normal Mapping with Javascript and Canvas
まあ、ラスタライズ後の処理だけ実装した感じだよね。これがあるだけで立体感がまるで違う。この例ではマウスでライトを制御してるけど、もちろん自動でライトの方向を三次元的にグルグル動かすことも可能なはず。(オブジェクトが動かないだけ)
これのサンプルコード見てて知ったんだけど、JavaScriptって関数の中に関数を記述する『クロージャ』ってのがあるのね。クロージャについてはもう少し勉強しよう。
ついでに
Realtime Raytracing in Javascript!
Path tracing a cornell box in Javascript
関連記事
ZBrushで仮面ライダー3号を造る 仮面編 ClipCur...
映画から想像するVR・AR時代のGUIデザイン
動的なメモリの扱い
日本でMakersは普及するだろうか？
ZBrushでアヴァン・ガメラを作ってみる 口のバランス調整
Shader.jp：リアルタイム3DCG技術をあつかうサイト
Unreal Engine Tokyo MeetUp!へ行っ...
Webサイトのワイヤーフレームが作成できるオンラインツール
Runway ML：クリエイターのための機械学習ツール
アクセス元IPアドレスから企業名が分かるアクセス解析『Use...
スターウォーズ エピソードVIIの予告編
Verilog HDL
ZBrushでアヴァン・ガメラを作ってみる 歯茎を別パーツへ...
オープンソースの顔の動作解析ツールキット『OpenFace』
Windows Server 2008にAutodesk M...
ManuelBastioniLAB：人体モデリングできるBl...
ZBrushでリメッシュとディティールの転送
Quartus II
MetaHumanの頭部をBlenderで編集できるアドオン
ZBrush 2018へのアップグレード
自前Shaderの件 解決しました
ブログの復旧が難航してた話
機械学習に役立つPythonライブラリ一覧
iPhone・iPod touchで動作する知育ロボット『R...
Maya には3 種類のシェーダSDKがある？
生物の骨格
なんかすごいサイト
Mean Stack開発の最初の一歩
3Dグラフィックスの入門書
ジュラシック・パークのメイキング
ZBrushのZScript入門
NeRF (Neural Radiance Fields)：...
ファンの力
OpenCVでPhotoshopのプラグイン開発
無料で使える人体3DCG作成ツール
この本読むよ
トランスフォーマー/ロストエイジのメイキング
ManimML：機械学習の概念を視覚的に説明するためのライブ...
2012 昨日のクローズアップ現代を見た
CGレンダラ研究開発のためのフレームワーク『Lightmet...
Unityで強化学習できる『Unity ML-Agents』
ZBrushでアヴァン・ガメラを作ってみる 頭頂部と首周りを...
コメント