法線マップを用意してCanvas上でShadingするサンプル

何かこのページだいぶ前にメモったつもりだったんだけどな。

Normal Mapping with Javascript and Canvas





まあ、ラスタライズ後の処理だけ実装した感じだよね。これがあるだけで立体感がまるで違う。この例ではマウスでライトを制御してるけど、もちろん自動でライトの方向を三次元的にグルグル動かすことも可能なはず。(オブジェクトが動かないだけ)

これのサンプルコード見てて知ったんだけど、JavaScriptって関数の中に関数を記述する『クロージャ』ってのがあるのね。クロージャについてはもう少し勉強しよう。

ついでに
Realtime Raytracing in Javascript!
Path tracing a cornell box in Javascript

関連記事

Phongの表現力パネェ 材質別のPhong Shader用...

Unityで学ぶC#

ZBrushでアヴァン・ガメラを作ってみる 爪とトゲを追加

Python for Unity:UnityEditorでP...

第1回 3D勉強会@関東『SLAMチュートリアル大会』

Texturing & Modeling A Pro...

MRenderUtil::raytrace

BlenderProc:Blenderで機械学習用の画像デー...

Faster R-CNN:ディープラーニングによる一般物体検...

マルコフ連鎖モンテカルロ法

3DCGのモデルを立体化するサービス

株式会社ヘキサドライブの研究室ページ

viser:Pythonで使える3D可視化ライブラリ

ゴジラの造形

素敵なパーティクル

ZBrushで仮面ライダー3号を造る 仮面編 PolyGro...

参考になりそうなサイト

ZBrushの練習 手のモデリング

オープンソースの物理ベースGIレンダラ『appleseed』

pythonの機械学習ライブラリ『scikit-learn』

OpenSfM:PythonのStructure from ...

Point Cloud Libraryに動画フォーマットが追...

Unityをレンダラとして活用する

Blendify:コンピュータービジョン向けBlenderラ...

サンプルコードにも間違いはある?

Photo Bash:複数の写真を組み合わせて1枚のイラスト...

『パシフィック・リム: アップライジング』のVFXブレイクダ...

2012 昨日のクローズアップ現代を見た

ZBrushでゴジラ2001を作ってみる 側頭部のボリューム...

Accord.NET Framework:C#で使える機械学...

UnrealCLR:Unreal Engineで.NET C...

オープンソースの物理ベースレンダラ『Mitsuba』をMay...

Pythonの自然言語処理ライブラリ『NLTK(Natura...

ZBrushのキャンバスにリファレンス画像を配置する

iPhone 3GSがますます欲しくなる動画

ZBrushで仮面ライダー3号を造る 仮面編 DynaMes...

SONYの自律型エンタテインメントロボット『aibo』

Seleniumを使ったFXや株の自動取引

『ローグ・ワン/スター・ウォーズ・ストーリー』"あのキャラク...

布地のシワの法則性

OpenCVで動画の手ぶれ補正

WordPress on Google App Engine...

コメント