最近、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
関連記事
網元AMIで作ったWordpressサイトのインスタンスをt...
Swark：コードからアーキテクチャ図を作成できるVSCod...
ブラウザ操作自動化ツール『Selenium』を試す
第1回 3D勉強会＠関東『SLAMチュートリアル大会』
Structure from Motion (多視点画像から...
ペーパーカンパニーを作ってみたい
書籍『仕事ではじめる機械学習』を読みました
Point Cloud Utils：Pythonで3D点群・...
書籍『ROSプログラミング』
Cartographer：オープンソースのSLAMライブラリ
マンガで分かる JavaScriptプログラミング講座
SONYの自律型エンタテインメントロボット『aibo』
Unity MonoBehaviourクラスのオーバーライド...
Raspberry Pi 2のGPIOピン配置
PyMC：Pythonのベイズ統計ライブラリ
Model View Controller
cvui：OpenCVのための軽量GUIライブラリ
Adobe Photoshop CS5の新機能
胡蝶蘭の原種
『Geocities-izer』 どんなWebページも一昔前...
iOSデバイスと接続して連携するガジェットの開発方法
OpenCVでiPhone6sのカメラをキャリブレーションす...
C++の抽象クラス
Google ブック検索
ManimML：機械学習の概念を視覚的に説明するためのライブ...
ブログの復旧が難航してた話
東京アメッシュ 東京ローカルな雨情報サイト
pythonもかじってみようかと
AndroidもopenGLも初心者さ (でもJavaは知っ...
OpenMVS：Multi-View Stereoによる3次...
3D復元技術の情報リンク集
Seleniumを使ったFXや株の自動取引
OpenGVの用語
OpenMVSのサンプルを動かしてみる
kotobankを使ってみた
Google App EngineでWordPress
OpenCV 3.1とopencv_contribモジュール...
オープンソースのロボットアプリケーションフレームワーク『RO...
Mechanizeで要認証Webサイトをスクレイピング
OpenCVの三角測量関数『cv::triangulatep...
OpenCV
法線マップを用意してCanvas上でShadingするサンプ...
コメント