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

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

Normal Mapping with Javascript and Canvas





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

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

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

関連記事

WordPressのサーバ引っ越し方法を考える

書籍『開田裕治 怪獣イラストテクニック』

UnrealCLR:Unreal Engineで.NET C...

ZBrushでアヴァン・ガメラを作ってみる 口のバランス調整

単純に遊びに行くのはだめなのか?

PythonでMayaのShapeノードプラグインを作る

フルCGのウルトラマン!?

ジュラシック・パークのメイキング

このブログのデザインに飽きてきた

AfterEffectsプラグイン開発

iPhone欲しいなぁ

ZBrushでゴジラ2001を作ってみる 目元だけ作り込んで...

iPhone x ロボットハッカソン~RomoのiPhone...

ポリ男をリファイン

WordPress on Windows Azure

海外ドラマのChromaKey

粘土をこねるようなスカルプトモデリング

MFnMeshクラスのsplit関数

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

C#で使える遺伝的アルゴリズムライブラリ『GeneticSh...

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

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

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

Iridescence:プロトタイピング向け軽量3D可視化ラ...

トランスフォーマーロストエイジのメイキング

Transformers ”Reference & Buli...

ZBrush 4R7

WordPressのテーマを自作する

ラクガキの立体化 モールドの追加

Kubric:機械学習用アノテーション付き動画生成パイプライ...

Unityで画面タッチ・ジェスチャ入力を扱う無料Asset『...

オープンソースのネットワーク可視化ソフトウェアプラットフォー...

openMVGをWindows10 Visual Studi...

Point Cloud Utils:Pythonで3D点群・...

COLMAP:オープンソースのSfM・MVSツール

Zibra Liquids:Unity向け流体シミュレーショ...

ZBrushでメカ物を作るチュートリアル動画

フリーのUV展開ツール Roadkill UV Tool

日本でMakersは普及するだろうか?

Unityで強化学習できる『Unity ML-Agents』

Google製オープンソース機械学習ライブラリ『Tensor...

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

コメント