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

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

Normal Mapping with Javascript and Canvas





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

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

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

関連記事

AnacondaとTensorFlowをインストールしてVi...

OpenMesh:オープンソースの3Dメッシュデータライブラ...

現在公開されているWeb API一覧

Digital Emily Project:人間の顔をそっく...

Windows10でPyTorchをインストールしてVSCo...

OpenCVでPhotoshopのプラグイン開発

UnityのTransformクラスについて調べてみた

テスト

ガメラ生誕50周年

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

Paul Debevec

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

Runway ML:クリエイターのための機械学習ツール

ファンの力

Google App EngineでWordPress

Blender 4.2以降のWindowsPortable版...

3Dモデルを立体視で確認できるVRアプリを作っている

ZBrushでリメッシュとディティールの転送

OpenCVで平均顔を作るチュートリアル

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

SIGGRAPH 2020はオンライン開催

ラクガキの立体化 背中の作り込み・手首の移植

OpenCVでiPhone6sのカメラをキャリブレーションす...

ZBrushでUndo Historyを動画に書き出す

ポリ男をリファイン

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

SDカードサイズのコンピューター『Intel Edison』

LuxCoreRender:オープンソースの物理ベースレンダ...

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

OANDAのfxTrade API

実写と実写の合成時の色の馴染ませテクニック

OpenCV

mentalrayのSubsurface Scatterin...

ポリゴン用各種イテレータと関数セット

SIGGRAPH ASIAのマスコット

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

OpenMVS:Multi-View Stereoによる3次...

胡散臭いデザインの参考サイト

Python拡張モジュールのWindows用インストーラー配...

UnrealCLR:Unreal Engineで.NET C...

geometry3Sharp:Unity C#で使えるポリゴ...

機械学習で遊ぶ

コメント