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

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


スポンサーリンク

Normal Mapping with Javascript and Canvas





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

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

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


スポンサーリンク

関連記事

Model View Controller
UnrealCLR:Unreal Engineで.NET Coreを利用できるプラグイン
Mean Stack開発の最初の一歩
iPhone・iPod touchで動作する知育ロボット『ROMO』
ZBrushからBlenderへモデルをインポート
フルCGのウルトラマン!?
オープンソースのStructure from Motionライブラリ『Theia』
ZBrushでUndo Historyを動画に書き出す
複数画像から3次元形状を再構築するライブラリ『Multi-View Environment』
『ハン・ソロ/スター・ウォーズ・ストーリー』のVFXブレイクダウン まとめ
PythonのHTML・XMLパーサー『BeautifulSoup』
株式会社ヘキサドライブの研究室ページ
ブログをwpXレンタルサーバーからwpX Speedへ移行
オープンソースの人体モデリングツール『MakeHuman』のAPI開発プロジェクトがスタート
Maya LTでFBIK(Full Body IK)
Paul Debevec
ZBrushCore
Raytracing Wiki
SculptrisとBlenderで作ったGodzilla 2014 (Fan Made)
Mechanizeで要認証Webサイトをスクレイピング
ZBrushで仮面ライダー3号を造る 仮面編
Unityの薄い本
3DCGのモデルを立体化するサービス
CGのためのディープラーニング
Unreal Engine 5の情報が公開された!
3分の動画でプログラミングを学習できるサイト『ドットインストール』
GAN (Generative Adversarial Networks):敵対的生成ネットワーク
ZBrush 2018へのアップグレード
Unreal Engine Tokyo MeetUp!へ行ってきた
UnityからROSを利用できる『ROS#』
デザインのリファイン再び
Raspberry Pi 2のGPIOピン配置
書籍『3次元コンピュータビジョン計算ハンドブック』を購入
グローバルイルミネーションに手を出す前に、やり残したことがあるんじゃない?
機械学習に役立つPythonライブラリ一覧
SIGGRAPH ASIAのマスコット
OpenGVのライブラリ構成
ニューラルネットワークで画像分類
日本でMakersは普及するだろうか?
Raspberry Piでセンサーの常時稼働を検討する
OANDAのfxTrade API
Deep Learningとその他の機械学習手法の性能比較

コメント