何かこのページだいぶ前にメモったつもりだったんだけどな。
Normal Mapping with Javascript and Canvas
まあ、ラスタライズ後の処理だけ実装した感じだよね。これがあるだけで立体感がまるで違う。この例ではマウスでライトを制御してるけど、もちろん自動でライトの方向を三次元的にグルグル動かすことも可能なはず。(オブジェクトが動かないだけ)
これのサンプルコード見てて知ったんだけど、JavaScriptって関数の中に関数を記述する『クロージャ』ってのがあるのね。クロージャについてはもう少し勉強しよう。
ついでに
Realtime Raytracing in Javascript!
Path tracing a cornell box in Javascript
関連記事
Blender 2.81でIntel Open Image ...
ドラマ『ファーストクラス』のモーショングラフィックス
『ローグ・ワン/スター・ウォーズ・ストーリー』"あのキャラク...
OpenCVの顔検出過程を可視化した動画
ZBrushで仮面ライダー3号を造る 仮面編 ZRemesh...
DUSt3R：3Dコンピュータービジョンの基盤モデル
NumSharp：C#で使えるNumPyライクな数値計算ライ...
HTML5・WebGLベースのグラフィックスエンジン『Goo...
ROMOハッカソンに行ってきた
ZBrushでリメッシュとディティールの転送
ZBrushで仮面ライダー3号を造る 仮面編 DynaMes...
RSSフィードを読込んで表示するWordpressプラグイン...
UnityのTransformクラスについて調べてみた
PythonのHTML・XMLパーサー『BeautifulS...
素敵なパーティクル
世界一下品なクマと世界一紳士なクマ
フィーリングに基づくタマムシの質感表現
『ゴジラ キング・オブ・モンスターズ』のVFXブレイクダウン
Alice Vision：オープンソースのPhotogram...
ZBrushで仮面ライダー3号を造る 仮面編
ZBrushでアヴァン・ガメラを作ってみる 口のバランス調整
ZBrushでゴジラ2001を作ってみる 姿勢の変更
OpenCV 3.1のsfmモジュールを試す
リアルタイム レイトレーシングAPI『DirectX Ray...
Google Chromecast
ブログが1日ダウンしてました
ZBrushでアヴァン・ガメラを作ってみる 全体のバランス調...
After Effects全エフェクトの解説(6.5)
株式会社ヘキサドライブの研究室ページ
ラクガキの立体化 モールドの追加
MVStudio：オープンソースのPhotogrammetr...
R-CNN (Regions with CNN featur...
ZBrushでアヴァン・ガメラを作ってみる 壊れたデータの救...
Mixamo：人型3Dキャラクターアニメーション制作サービス
ZBrushでUndo Historyを動画に書き出す
Unreal Engine 5の情報が公開された！
WordPressプラグインによるサイトマップの自動生成
trimesh：PythonでポリゴンMeshを扱うライブラ...
TensorFlowでCGを微分できる『TensorFlow...
ZBrushで仮面ライダー3号を造る 仮面編 PolyGro...
OpenMayaRender
MetaHumanの頭部をBlenderで編集できるアドオン
コメント