何かこのページだいぶ前にメモったつもりだったんだけどな。
Normal Mapping with Javascript and Canvas
まあ、ラスタライズ後の処理だけ実装した感じだよね。これがあるだけで立体感がまるで違う。この例ではマウスでライトを制御してるけど、もちろん自動でライトの方向を三次元的にグルグル動かすことも可能なはず。(オブジェクトが動かないだけ)
これのサンプルコード見てて知ったんだけど、JavaScriptって関数の中に関数を記述する『クロージャ』ってのがあるのね。クロージャについてはもう少し勉強しよう。
ついでに
Realtime Raytracing in Javascript!
Path tracing a cornell box in Javascript
関連記事
手を動かしながら学ぶデータマイニング
D3.js：JavaScriptのデータビジュアライゼーショ...
PeopleSansPeople：機械学習用の人物データをU...
UnityのGlobal Illumination
Mayaでリアルな布の質感を作るチュートリアル
3Dスキャンしたテクスチャから照明を除去するUnityツール...
Blender 2.81でIntel Open Image ...
Managing Software Requirements...
トランスフォーマー ：リベンジのメイキング (デジタルドメイ...
中学3年生が制作した短編映像作品『2045』
ZBrushでゴジラ2001を作ってみる 身体のアタリを作る
Alice Vision：オープンソースのPhotogram...
ZBrushでUndo Historyを動画に書き出す
AnacondaとTensorFlowをインストールしてVi...
HTML5・WebGLベースのグラフィックスエンジン『Goo...
Unityからkonashiをコントロールする
cvui：OpenCVのための軽量GUIライブラリ
OpenCVのバージョン3が正式リリースされたぞ
iPhoneアプリ開発 Xcode 5のお作法
ブラウザ上でJavaScript,HTML,CSSを書いて共...
書籍『ゼロから作るDeep Learning』で自分なりに学...
プログラムによる景観の自動生成
Javaで作られたオープンソースの3DCGレンダラ『Sunf...
ラクガキの立体化 3Dプリント注文
Raytracing Wiki
科学技術計算向けスクリプト言語『Julia』
ZBrushでアヴァン・ガメラを作ってみる パーツ分割
Point Cloud Libraryに動画フォーマットが追...
ニューラルネットワークで画像分類
Amazon Web ServicesでWordPress
iPhone x ロボットハッカソン～RomoのiPhone...
OpenCV バージョン4がリリースされた！
第20回 文化庁メディア芸術祭『3DCG表現と特撮の時代』
WordPressのサーバ引っ越し方法を考える
Quartus II
ManuelBastioniLAB：人体モデリングできるBl...
ZBrushでアヴァン・ガメラを作ってみる
ZBrushでアヴァン・ガメラを作ってみる 口のバランス調整
iPhone欲しいなぁ
ジュラシック・パークのメイキング
SONYの自律型エンタテインメントロボット『aibo』
WordPress on Windows Azure
コメント