最近、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
関連記事
LuxCoreRender：オープンソースの物理ベースレンダ...
Google App Engine上のWordPressでA...
PyTorch3D：3Dコンピュータービジョンライブラリ
法線マップを用意してCanvas上でShadingするサンプ...
Open3D：3Dデータ処理ライブラリ
Human Generator：Blenderの人体生成アド...
openMVG：複数視点画像から3次元形状を復元するライブラ...
ブログをwpXレンタルサーバーからwpX Speedへ移行
Twitter APIのPythonラッパー『python-...
DCGAN (Deep Convolutional GAN)...
Google Earth用の建物を簡単に作れるツール Goo...
Visual Studioでユーザー定義のSyntax Hi...
OpenCVの顔検出過程を可視化した動画
OpenCVの三角測量関数『cv::triangulatep...
ZigBee
Faster R-CNN：ディープラーニングによる一般物体検...
OpenAR：OpenCVベースのマーカーARライブラリ
SIGGRAPH Asia
チャットツール用bot開発フレームワーク『Hubot』
にっぽんお好み焼き協会
OpenCV 3.3.0 contribのsfmモジュールの...
C++ 標準テンプレートライブラリ (STL)
kotobankを使ってみた
iOSで使えるJetpac社の物体認識SDK『DeepBel...
windows server 2008のターミナルサービス
Amazon EC2ログイン用の秘密鍵を無くした場合の対処方...
手を動かしながら学ぶデータマイニング
Model View Controller
機械学習手法『Random Forest』
cvui：OpenCVのための軽量GUIライブラリ
ペーパーカンパニーを作ってみたい
OpenCVでカメラ画像から自己位置認識 (Visual O...
Raspberry PiのGPIOを操作するPythonライ...
HSV色空間
Machine Debug Manager
OpenFace：Deep Neural Networkによ...
Quartus II
CGALDotNet：計算幾何学ライブラリ CGALのC#ラ...
OpenGV：画像からカメラの3次元位置・姿勢を推定するライ...
甲虫の色とか
OpenCVの超解像(SuperResolution)モジュ...
WebGL開発に関する情報が充実してきている
コメント