何かこのページだいぶ前にメモったつもりだったんだけどな。
Normal Mapping with Javascript and Canvas
まあ、ラスタライズ後の処理だけ実装した感じだよね。これがあるだけで立体感がまるで違う。この例ではマウスでライトを制御してるけど、もちろん自動でライトの方向を三次元的にグルグル動かすことも可能なはず。(オブジェクトが動かないだけ)
これのサンプルコード見てて知ったんだけど、JavaScriptって関数の中に関数を記述する『クロージャ』ってのがあるのね。クロージャについてはもう少し勉強しよう。
ついでに
Realtime Raytracing in Javascript!
Path tracing a cornell box in Javascript
関連記事
ZBrushのTranspose Masterでポーズを付け...
OpenGVの用語
Photoshopで作る怪獣特撮チュートリアル
粘土をこねるようなスカルプトモデリング
ブラウザ操作自動化ツール『Selenium』を試す
Model View Controller
libigl：軽量なジオメトリ処理ライブラリ
ポリ男をリファイン
ZBrushでゴジラ2001を作ってみる 身体のSubToo...
ラクガキの立体化 胴体の追加
書籍『メイキング・オブ・ピクサー 創造力をつくった人々』を読...
トランスフォーマーロストエイジのメイキング
AnacondaとTensorFlowをインストールしてVi...
Open3D：3Dデータ処理ライブラリ
Google Earth用の建物を簡単に作れるツール Goo...
Pylearn2：ディープラーニングに対応したPythonの...
Texturing & Modeling A Pro...
ZBrushで基本となるブラシ
リメイク版ロボコップスーツのメイキング
DCGAN (Deep Convolutional GAN)...
トランスフォーマー/ロストエイジのメイキング
ZBrushのキャンバスにリファレンス画像を配置する
ZBrush用トポロジー転送プラグイン『ZWrap Plug...
AndroidもopenGLも初心者さ (でもJavaは知っ...
OpenCV 3.1とopencv_contribモジュール...
『ハン・ソロ/スター・ウォーズ・ストーリー』のVFXブレイク...
OpenCVで顔のモーフィングを実装する
Accord.NET Framework：C#で使える機械学...
D3.js：JavaScriptのデータビジュアライゼーショ...
手を動かしながら学ぶデータマイニング
Raspberry Pi 2を買いました
フリーで使えるスカルプト系モデリングツール『Sculptri...
映画から想像するVR・AR時代のGUIデザイン
3DCG Meetup #4に行ってきた
ラクガキの立体化
CGのためのディープラーニング
UnityのTransformクラスについて調べてみた
生物の骨格
GoB：ZBrushとBlenderを連携させるアドオン
ラクガキの立体化 目標設定
Raspberry Pi
ラクガキの立体化 3Dプリント注文
コメント