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

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


スポンサーリンク

Normal Mapping with Javascript and Canvas





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

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

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


スポンサーリンク

関連記事

ZBrush 4R8 リリース!
MythTV:Linuxでテレビの視聴・録画ができるオープンソースプロジェクト
UnityでLight Shaftを表現する
ArUco:OpenCVベースのコンパクトなARライブラリ
Kaolin:3Dディープラーニング用のPyTorchライブラリ
ブログをGoogle App EngineからAmazon EC2へ移行
ZBrushトレーニング
第20回 文化庁メディア芸術祭『3DCG表現と特撮の時代』
ZBrushでゴジラ2001を作ってみる 姿勢の変更
OpenCV 3.1とopencv_contribモジュールをVisual Studio 2015で...
3Dスキャンに基づくプロシージャルフェイシャルアニメーション
ZBrush 2018へのアップグレード
書籍『3次元コンピュータビジョン計算ハンドブック』を購入
ZBrushでアヴァン・ガメラを作ってみる 首回りの修正・脚の作り込み
ZBrushで仮面ライダー3号を造る 仮面編 横顔のシルエットをリファレンスに合わせる
『パシフィック・リム: アップライジング』のVFXブレイクダウン まとめ
Maya 2015から標準搭載されたMILA
自前のShaderがおかしい件
Math.NET Numerics:Unityで使える数値計算ライブラリ
Pythonの自然言語処理ライブラリ『NLTK(Natural Language Toolkit)』
Blender 2.81でIntel Open Image Denoiseを使う
Blenderでよく使うaddon
Unite 2014の動画
ポリゴンジオメトリ処理ライブラリ『pmp-library (Polygon Mesh Process...
OpenCVの三角測量関数『cv::triangulatepoints』
OpenCV 3.3.0 contribのsfmモジュールのサンプルを動かしてみる
ジュラシック・パークのメイキング
このブログのデザインに飽きてきた
PythonでBlenderのAdd-on開発
TensorSpace.js:ニューラルネットワークの構造を可視化するフレームワーク
映画『ジュラシック・ワールド/炎の王国』のVFXブレイクダウン まとめ
OpenCLに対応したオープンソースの物理ベースレンダラ『LuxRender(ルクスレンダー)』
Unityの各コンポーネント間でのやり取り
ZBrushで手首のモデリングをリファイン
clearcoat Shader
UnityでOpenCVを使うには?
Google XML Sitemap Generatorプラグインを3.4.1へダウングレード
単純に遊びに行くのはだめなのか?
オープンソースのネットワーク可視化ソフトウェアプラットフォーム『Cytoscape』
MPC社によるゴジラ(2014)のVFXブレイクダウン
書籍『仕事ではじめる機械学習』を読みました
IronPythonを使ってUnity上でPythonのコードを実行する

コメント