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

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


スポンサーリンク

Normal Mapping with Javascript and Canvas





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

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

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


スポンサーリンク

関連記事

UnityでTweenアニメーションを実装できる3種類の無料Asset
「ベンジャミン·バトン数奇な人生」でどうやってCGの顔を作ったのか
仮想関数
ポリゴンジオメトリ処理ライブラリ『pmp-library (Polygon Mesh Process...
CGALDotNet:計算幾何学ライブラリ CGALのC#ラッパー
ブログのデザイン変えました
このブログのデザインに飽きてきた
OpenCVの三角測量関数『cv::triangulatepoints』
Zibra Liquids:Unity向け流体シミュレーションプラグイン
HerokuでMEAN stack
R-CNN (Regions with CNN features):ディープラーニングによる一般物体...
ZBrushで仮面ライダー3号を造る 仮面編 PolyGroupを分割する
ZBrushでアヴァン・ガメラを作ってみる 全体のバランス調整 その2
顔追跡による擬似3D表示『Dynamic Perspective』
オープンソースの顔の動作解析ツールキット『OpenFace』
PeopleSansPeople:機械学習用の人物データをUnityで生成する
PGGAN:段階的に解像度を上げて学習を進めるGAN
konashiのサンプルコードを動かしてみた
Russian3DScannerのトポロジー転送ツール『WrapX』
Mask R-CNN:ディープラーニングによる一般物体検出・Instance Segmentatio...
SONYの自律型エンタテインメントロボット『aibo』
Manim:Pythonで使える数学アニメーションライブラリ
書籍『ゼロから作るDeep Learning』で自分なりに学ぶ
『スター・ウォーズ/スカイウォーカーの夜明け』のVFXブレイクダウン
PythonのHTML・XMLパーサー『BeautifulSoup』
BlenderのRigifyでリギング
フォトンの放射から格納までを可視化した動画
Amazon EC2ログイン用の秘密鍵を無くした場合の対処方法
Maya には3 種類のシェーダSDKがある?
機械学習で遊ぶ
写真から3Dメッシュの生成・編集ができる無料ツール『Autodesk Memento』
UnityプロジェクトをGitHubで管理する
ヘッドマウントディスプレイとビジュアリゼーションの未来
機械学習手法『Random Forest』
『ローグ・ワン/スター・ウォーズ・ストーリー』のVFXブレイクダウン まとめ
この本読むよ
ニューラルネットワークで画像分類
Photoshopで作る怪獣特撮チュートリアル
Siggraph Asia 2009 カンファレンスの詳細
ラクガキの立体化 背中の作り込み・手首の移植
Geogram:C++の3D幾何アルゴリズムライブラリ
Blenderでよく使うaddon

コメント