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

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

Normal Mapping with Javascript and Canvas





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

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

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

関連記事

スクレイピング

ZBrushでアヴァン・ガメラを作ってみる 下半身のバランス...

ManuelBastioniLAB:人体モデリングできるBl...

OANDAのfxTrade API

スクラッチで既存のキャラクターを立体化したい

Maya 2015から標準搭載されたMILA

Unity Scriptコーディング→Unreal Engi...

続・ディープラーニングの資料

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

cvui:OpenCVのための軽量GUIライブラリ

ちょっと凝り過ぎなWebキャンペーン:全日本バーベイタム選手...

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

画像生成AI Stable Diffusionで遊ぶ

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

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

UnityのGameObjectの向きをScriptで制御す...

任意の英語サイト中で自分がまだ覚えていない英単語だけに日本語...

RSSフィードを読込んで表示するWordpressプラグイン...

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

映画『ジュラシック・ワールド』のVFXメイキング

Multi-View Environment:複数画像から3...

Autodesk Mementoでゴジラを3次元復元する

Raspberry Pi

Mayaのポリゴン分割ツールの進化

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

ZBrushでアヴァン・ガメラを作ってみる おでこ(?)のバ...

Mixamo:人型3Dキャラクターアニメーション制作サービス

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

チャットツール用bot開発フレームワーク『Hubot』

素敵なパーティクル

マジョーラ

ゴジラ三昧

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

HerokuでMEAN stack

Google App Engineのデプロイ失敗

Composition Rendering:Blenderに...

科学技術計算向けスクリプト言語『Julia』

iOSデバイスのためのフィジカル・コンピューティングツールキ...

OpenCV 3.3.0 contribのsfmモジュールの...

Math Inspector:科学計算向けビジュアルプログラ...

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

オープンソースの取引プラットフォーム

コメント