何かこのページだいぶ前にメモったつもりだったんだけどな。
Normal Mapping with Javascript and Canvas
まあ、ラスタライズ後の処理だけ実装した感じだよね。これがあるだけで立体感がまるで違う。この例ではマウスでライトを制御してるけど、もちろん自動でライトの方向を三次元的にグルグル動かすことも可能なはず。(オブジェクトが動かないだけ)
これのサンプルコード見てて知ったんだけど、JavaScriptって関数の中に関数を記述する『クロージャ』ってのがあるのね。クロージャについてはもう少し勉強しよう。
ついでに
Realtime Raytracing in Javascript!
Path tracing a cornell box in Javascript
関連記事
WordPressのテーマを自作する
OpenCVでPhotoshopのプラグイン開発
『スター・ウォーズ フォースの覚醒』のVFXブレイクダウン ...
Mean Stack開発の最初の一歩
CEDEC 3日目
BlenderのPython環境にPyTorchをインストー...
OpenCV 3.1から追加されたSfMモジュール
Verilog HDL
UnityでPoint Cloudを表示する方法
Iterator
ZBrushでアヴァン・ガメラを作ってみる 全体のバランス調...
Google製オープンソース機械学習ライブラリ『Tensor...
ラクガキの立体化
ブラウザ上でJavaScript,HTML,CSSを書いて共...
Raspberry PiでIoTごっこ
Mayaでリアルな布の質感を作るチュートリアル
PyTorch3D：3Dコンピュータービジョンライブラリ
C++始めようと思うんだ
SculptrisとBlenderで作ったGodzilla ...
ZBrushでゴジラ2001を作ってみる 頭の概形作り
Oculus Goを購入！
3D復元技術の情報リンク集
GitHub Pagesで静的サイトを作る
OpenSfM：PythonのStructure from ...
adskShaderSDK
Google XML Sitemap Generatorプラ...
MythTV：Linuxでテレビの視聴・録画ができるオープン...
「ベンジャミン·バトン数奇な人生」でどうやってCGの顔を作っ...
ラクガキの立体化 分割ラインの変更・バランス調整
openMVG：複数視点画像から3次元形状を復元するライブラ...
デザインのリファイン再び
ZBrushの練習 手のモデリング
SIGGRAPH ASIA 2009で学生ボランティア募集し...
ZBrushでアヴァン・ガメラを作ってみる 壊れたデータの救...
オープンソースの取引プラットフォーム
ZBrushでアヴァン・ガメラを作ってみる 全体のバランス調...
注文してた本が届いた
ZBrush4新機能ハイライト 3DCG CAMP 2010
Google App Engineのデプロイ失敗
PureRef：リファレンス画像専用ビューア
ZBrushで仮面ライダー3号を造る ベース編
CGレンダラ研究開発のためのフレームワーク『Lightmet...
コメント