何かこのページだいぶ前にメモったつもりだったんだけどな。
Normal Mapping with Javascript and Canvas
まあ、ラスタライズ後の処理だけ実装した感じだよね。これがあるだけで立体感がまるで違う。この例ではマウスでライトを制御してるけど、もちろん自動でライトの方向を三次元的にグルグル動かすことも可能なはず。(オブジェクトが動かないだけ)
これのサンプルコード見てて知ったんだけど、JavaScriptって関数の中に関数を記述する『クロージャ』ってのがあるのね。クロージャについてはもう少し勉強しよう。
ついでに
Realtime Raytracing in Javascript!
Path tracing a cornell box in Javascript
関連記事
中学3年生が制作した短編映像作品『2045』
白組による『シン・ゴジラ』CGメイキング映像が公開された！
チャットツール用bot開発フレームワーク『Hubot』
WordPressプラグインの作り方
COLMAP：オープンソースのSfM・MVSツール
ZBrushで仮面ライダー3号を造る 仮面編 PolyGro...
OpenGVの用語
CLO：服飾デザインツール
3DCG Meetup #4に行ってきた
オープンソースのネットワーク可視化ソフトウェアプラットフォー...
OpenCVでiPhone6sのカメラをキャリブレーションす...
ゴジラ(2014)のディティール制作の舞台裏
Siggraph Asia 2009 カンファレンスの詳細
フィーリングに基づくタマムシの質感表現
海外ドラマのChromaKey
ZBrushでゴジラ2001を作ってみる 頭の概形作り
仮想関数
3Dスキャンしたテクスチャから照明を除去するUnityツール...
Rerun：マルチモーダルデータの可視化アプリとSDK
ブログがダウンしてました
bpy-renderer：レンダリング用Pythonパッケー...
HTML5・WebGLベースのグラフィックスエンジン『Goo...
ZBrushでアヴァン・ガメラを作ってみる 甲羅のバランス調...
Twitter APIのPythonラッパー『python-...
任意の英語サイト中で自分がまだ覚えていない英単語だけに日本語...
今年もSSII
AfterEffectsプラグイン開発
ZScript
MB-Lab：Blenderの人体モデリングアドオン
Alice Vision：オープンソースのPhotogram...
ラクガキの立体化 1年半ぶりの続き
OpenCVの顔検出過程を可視化した動画
TVML (TV program Making langua...
ZBrush キャラクター＆クリーチャー
Google製オープンソース機械学習ライブラリ『Tensor...
ManimML：機械学習の概念を視覚的に説明するためのライブ...
無料で使える人体3DCG作成ツール
iPhoneアプリ開発 Xcode 5のお作法
オープンソースのテクスチャマッピングシステム『Ptex』
ZBrushでゴジラ2001を作ってみる 身体のバランスを探...
UnityからROSを利用できる『ROS#』
PeopleSansPeople：機械学習用の人物データをU...
コメント