最近、JavaScriptの勉強とか始めてみた。参考書はこれにしたよ↓
全体の構造が解りやすい本を買って、細々とした実装例はwebで探す方針。大枠が解ってた方が検索もしやすいと思うんだ。
そんで、最近ちらほら聞くWebGLというものについてもちょっと調べてみた↓
JavaScript でリアルタイム 3DCG を実現する WebGL の使い方:WebOS Goodies
↑によると、WebGLってのはOpenGL ES 2.0をJavaScriptで利用できるようにしたAPIらしい。WebGL公式サイトはこちら
WebGLはhtmlのCanvas要素に画をレンダリングするんだと。
Canvasってのも初めて聞いたのでそれについてちょっと調べる↓
Canvasとは, Canvasの使い方 ,Canvasリファレンス:HTML5.jp
今更聞けないcanvasの基礎の基礎:tech.kayac.com
↑要するに、今までJavaアプレットやFlashで埋め込んでたような描画機能をJavaScriptで直接できるようにした規格らしい。(ということは別にWebGLに頼らなくてもCanvasを使えばJavaScriptでテキトーな画は描ける)
WebGLはすでにライブラリもいくつかあるようなので、意外とすぐに画は出せるかもしれない。
以下、参考になりそうなサイト
WebGL研究部
jsdo.it (前にも載せた)
canvasでキラキラした背景を作る方法:tech.kayac.com
canvasをバイト単位で修正する方法（ImageDataの使い方）:tech.kayac.com
HTML5のcanvasを使って醤油ラーメンを描いてみた！！:HOPS Laboratory
これは見ておくべきHTML5のCanvasを使ったデモ集:PHPSPOT開発日誌
JavaScriptとHTML5 Canvasを使って顔認識するコードがすごい:PHPSPOT開発日誌
21 Ridiculously Impressive HTML5 Canvas Experiments
関連記事
チャットツール用bot開発フレームワーク『Hubot』
PyDataTokyo主催のDeep Learning勉強会
なんかすごいサイト
TVML (TV program Making langua...
Mayaのプラグイン開発
COLMAP：オープンソースのSfM・MVSツール
にっぽんお好み焼き協会
Open3D：3Dデータ処理ライブラリ
Google Earth用の建物を簡単に作れるツール Goo...
3Dグラフィックスの入門書
Cartographer：オープンソースのSLAMライブラリ
Memento
それぞれの媒質の屈折率
hloc：SuperGlueで精度を向上させたSfM・Vis...
スクラッチで既存のキャラクターを立体化したい
ZBrushのZScript入門
UnityでARKit2.0
Super Resolution：OpenCVの超解像処理モ...
LuxCoreRender：オープンソースの物理ベースレンダ...
Dlib：C++の機械学習ライブラリ
PythonでBlenderのAdd-on開発
WinSCP
Structure from Motion (多視点画像から...
機械学習に役立つPythonライブラリ一覧
オーバーロードとオーバーライド
TensorFlowでCGを微分できる『TensorFlow...
kotobankを使ってみた
Boost オープンソースライブラリ
OpenCVでPhotoshopのプラグイン開発
皆声.jp
OpenCV3.3.0でsfmモジュールのビルドに成功！
AfterEffectsプラグイン開発
Singular
Objective-C最速基礎文法マスター
マンガで分かる JavaScriptプログラミング講座
2D→3D復元技術で使われる用語まとめ
uvでWindows11のPython環境を管理する
網元AMIで作ったWordpressサイトのインスタンスをt...
OpenCVでカメラ画像から自己位置認識 (Visual O...
Google ブック検索
WordPressプラグインによるサイトマップの自動生成
任意の英語サイト中で自分がまだ覚えていない英単語だけに日本語...
コメント