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

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

Normal Mapping with Javascript and Canvas





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

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

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

関連記事

PyDataTokyo主催のDeep Learning勉強会

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

ZBrushのTranspose Masterでポーズを付け...

タダでRenderManを体験する方法

ZBrushでアヴァン・ガメラを作ってみる 下アゴの付け根を...

MetaHumanの頭部をBlenderで編集できるアドオン

MythTV:Linuxでテレビの視聴・録画ができるオープン...

ラクガキの立体化 進捗

OANDAのfxTrade API

ジュラシック・パークの続編『ジュラシック・ワールド』

WinSCP

Model View Controller

Mayaのレンダリング アトリビュート

Kornia:微分可能なコンピュータービジョンライブラリ

Verilog HDL

AmazonEC2のインスタンスをt1.microからt2....

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

Unreal Engine 5の情報が公開された!

Vancouver Film Schoolのデモリール

ヘッドマウントディスプレイとビジュアリゼーションの未来

ニンテンドー3DSのGPU PICA200

Mean Stack開発の最初の一歩

R-CNN (Regions with CNN featur...

機械学習に役立つPythonライブラリ一覧

WordPressの表示を高速化する

Dlib:C++の機械学習ライブラリ

TensorFlowでCGを微分できる『TensorFlow...

プログラミングスキルとは何か?

Physically Based Rendering

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

中学3年生が制作した短編映像作品『2045』

uGUI:Unityの新しいGUI作成システム

Geogram:C++の3D幾何アルゴリズムライブラリ

Google Chromecast

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

WordPressプラグインによるサイトマップの自動生成

HD画質の無駄遣い その2

OpenCV 3.3.0-RCでsfmモジュールをビルド

ZBrushでアヴァン・ガメラを作ってみる 脚のポーズ調整

Web経由でRaspberry PiのGPIOを操作したい

WordPressプラグインの作り方

UnrealCV:コンピュータビジョン研究のためのUnrea...

コメント