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

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


スポンサーリンク

Normal Mapping with Javascript and Canvas





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

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

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


スポンサーリンク

関連記事

python-twitterで自分のお気に入りを取得する
OpenCV3.3.0でsfmモジュールのビルドに成功!
PythonでMayaのShapeノードプラグインを作る
ゴジラ(2014)のディティール制作の舞台裏
Unity ARKitプラグインサンプルのチュートリアルを読む
プログラミングスキルとは何か
今年もSSII
『スター・ウォーズ フォースの覚醒』のVFXブレイクダウン まとめ
フルCGのウルトラマン!?
R-CNN (Regions with CNN features):ディープラーニングによる一般物体...
ラクガキの立体化 進捗
オープンソースの汎用レンダラ『Mitsuba 2』
ディープラーニング
顔追跡による擬似3D表示『Dynamic Perspective』
AndroidもopenGLも初心者さ (でもJavaは知ってるよ)
ガメラ生誕50周年
WebGL開発に関する情報が充実してきている
タダでRenderManを体験する方法
SONYの自律型エンタテインメントロボット『aibo』
.NETで使えるTensorFlowライクなニューラルネットワークライブラリ『NeuralNetwo...
無料で使える人体3DCG作成ツール
ラクガキの立体化 1年半ぶりの続き
UnityでOpenCVを使うには?
Open Shading Language (OSL)
素敵なパーティクル
OpenCV バージョン4がリリースされた!
『Geocities-izer』 どんなWebページも一昔前のダサいデザインに変えてくれるサービス
ラクガキの立体化 分割ラインの変更・バランス調整
PythonのStructure from Motionライブラリ『OpenSfM』
コンピュータビジョン研究のためのUnreal Engineプラグイン『UnrealCV』
AMIMOTO(PVM版)で作成したインスタンスをAMIMOTO (HVM版)へ移行する
3Dディープラーニング用のPyTorchライブラリ『Kaolin』
Faster R-CNN:ディープラーニングによる一般物体検出手法
Amazon EC2ログイン用の秘密鍵を無くした場合の対処方法
OpenCVで動画の手振れ補正
レンダラ制作はOpenGL とか DirectX を使わなくてもできるんだぜ
書籍『OpenCV 3 プログラミングブック』を購入
UnityでPoint Cloudを表示する方法
ROMOハッカソンに行ってきた
UnityプロジェクトをGitHubで管理する
オープンソースの物理ベースレンダラ『Mitsuba』をMayaで使う
映画『ジュラシック・ワールド/炎の王国』のVFXブレイクダウン まとめ

コメント