何かこのページだいぶ前にメモったつもりだったんだけどな。
Normal Mapping with Javascript and Canvas
まあ、ラスタライズ後の処理だけ実装した感じだよね。これがあるだけで立体感がまるで違う。この例ではマウスでライトを制御してるけど、もちろん自動でライトの方向を三次元的にグルグル動かすことも可能なはず。(オブジェクトが動かないだけ)
これのサンプルコード見てて知ったんだけど、JavaScriptって関数の中に関数を記述する『クロージャ』ってのがあるのね。クロージャについてはもう少し勉強しよう。
ついでに
Realtime Raytracing in Javascript!
Path tracing a cornell box in Javascript
関連記事
ZBrush キャラクター＆クリーチャー
SIGGRAPH ASIA 2009で学生ボランティア募集し...
『スター・ウォーズ フォースの覚醒』のVFXブレイクダウン ...
python-twitterで自分のお気に入りを取得する
ラクガキの立体化 進捗
レンダラ制作はOpenGL とか DirectX を使わなく...
ガメラ生誕50周年
ZBrushでリメッシュとディティールの転送
Raspberry Pi 2のGPIOピン配置
書籍『3次元コンピュータビジョン計算ハンドブック』を購入
昔Mayaでモデリングしたモデルをリファインしてみようか
SIGGRAPH 2020はオンライン開催
ゴジラの造形
ZBrushでメカ物を作るチュートリアル動画
ポリゴン用各種イテレータと関数セット
Super Resolution：OpenCVの超解像処理モ...
中学3年生が制作した短編映像作品『2045』
Structure from Motion (多視点画像から...
MeshLab：3Dオブジェクトの確認・変換に便利なフリーウ...
胡散臭いデザインの参考サイト
UnityのAR FoundationでARKit 3
PythonのHTML・XMLパーサー『BeautifulS...
無料で使える人体3DCG作成ツール
MFnDataとMFnAttribute
3D Gaussian Splatting：リアルタイム描画...
ZBrushでアヴァン・ガメラを作ってみる 頭頂部と首周りを...
Mayaでリアルな布の質感を作るチュートリアル
ポリ男からMetaHumanを作る
ZBrushと液晶ペンタブレットでドラゴンをモデリングするチ...
ZBrushで仮面ライダー3号を造る 仮面編 横顔のシルエッ...
CreativeCOW.net
タマムシっぽい質感
チャットツール用bot開発フレームワーク『Hubot』
機械学習手法『Random Forest』
ZBrushでゴジラ2001を作ってみる 頭の概形作り
Geogram：C++の3D幾何アルゴリズムライブラリ
科学技術計算向けスクリプト言語『Julia』
OpenMayaのPhongShaderクラス
ZBrushでアヴァン・ガメラを作ってみる 下半身のバランス...
ZBrushでゴジラ2001を作ってみる 目元だけ作り込んで...
IronPythonを使ってUnity上でPythonのコー...
OpenGVのライブラリ構成
コメント