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

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


スポンサーリンク

Normal Mapping with Javascript and Canvas





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

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

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


スポンサーリンク

関連記事

OpenCVでPhotoshopのプラグイン開発
1枚の画像からマテリアルを作成できる無料ツール『Materialize』
オープンソースのネットワーク可視化ソフトウェアプラットフォーム『Cytoscape』
デザインのリファイン再び
ZBrush キャラクター&クリーチャー
日立のフルパララックス立体ディスプレイ
ZBrushで作った3Dモデルを立体視で確認できるVRアプリを作る
サンプルコードにも間違いはある?
機械学習手法『Random Forest』
書籍『開田裕治 怪獣イラストテクニック』
OpenCVでiPhone6sのカメラをキャリブレーションする
タマムシっぽい質感
Raspberry PiでIoTごっこ
Google製オープンソース機械学習ライブラリ『TensorFlow』のWindows版が公開された
OpenCVで顔のランドマークを検出する『Facemark API』
レンダラ制作はOpenGL とか DirectX を使わなくてもできるんだぜ
生物の骨格
Theia:オープンソースのStructure from Motionライブラリ
3Dグラフィックスの入門書
マジョーラ
ZBrushで仮面ライダーBLACK SUNを作る 頭部~バストの概形
UnityでPoint Cloudを表示する方法
Maya API Reference
オープンソースのテクスチャマッピングシステム『Ptex』
書籍『OpenCV 3 プログラミングブック』を購入
ZBrushトレーニング
iPhone・iPod touchで動作する知育ロボット『ROMO』
OpenCV
Zibra Liquids:Unity向け流体シミュレーションプラグイン
Geogram:C++の3D幾何アルゴリズムライブラリ
Mixamo:人型3Dキャラクターアニメーション制作サービス
Live CV:インタラクティブにComputer Visionコーディングができるツール
Unity ARKitプラグインサンプルのドキュメントを読む
ZBrushでアヴァン・ガメラを作ってみる 頭頂部と首周りを作り込む
「ベンジャミン·バトン数奇な人生」でどうやってCGの顔を作ったのか
SIGGRAPH 2020はオンライン開催
Javaで作られたオープンソースの3DCGレンダラ『Sunflow』
Math.NET Numerics:Unityで使える数値計算ライブラリ
pythonもかじってみようかと
顔のモデリング
書籍『メイキング・オブ・ピクサー 創造力をつくった人々』を読んだ
Webサイトのワイヤーフレームが作成できるオンラインツール

コメント