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

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

Normal Mapping with Javascript and Canvas





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

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

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

関連記事

UnrealCLR:Unreal Engineで.NET C...

BlenderのGeometry Nodeで遊ぶ

OpenSfM:PythonのStructure from ...

Raspberry Piでセンサーの常時稼働を検討する

ZBrushでアマビエを作る その2

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

色んな三面図があるサイト

ZBrushのハードサーフェイス用ブラシ

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

『ハン・ソロ/スター・ウォーズ・ストーリー』のVFXブレイク...

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

アニゴジ関連情報

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

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

ディープラーニング

Human Generator:Blenderの人体生成アド...

ラクガキの立体化 1年半ぶりの続き

ZBrushで人型クリーチャー

ZBrushでアヴァン・ガメラを作ってみる 腕の作り込み

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

ZBrush 2018での作業環境を整える

顔追跡による擬似3D表示『Dynamic Perspecti...

TVML (TV program Making langua...

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

フォトンの放射から格納までを可視化した動画

WordPressプラグインの作り方

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

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

Unreal Engineの薄い本

OpenCVでPhotoshopのプラグイン開発

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

SIGGRAPH Asia

ラクガキの立体化 反省

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

UnityでARKit2.0

Maya API Reference

ニューラルネットワークで画像分類

ROSの薄い本

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

OpenCVで顔のランドマークを検出する『Facemark ...

ラクガキの立体化 3Dプリント注文

UnityプロジェクトをGitHubで管理する

コメント