最近、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
関連記事
OpenCVで動画の手ぶれ補正
WordPressの表示を高速化する
NumSharp：C#で使えるNumPyライクな数値計算ライ...
Pythonの自然言語処理ライブラリ『NLTK(Natura...
bpy-renderer：レンダリング用Pythonパッケー...
AfterEffectsプラグイン開発
MythTV：Linuxでテレビの視聴・録画ができるオープン...
リクナビを使わない就職活動
UnityからROSを利用できる『ROS#』
オープンソースの物理ベースGIレンダラ『appleseed』
ポリゴンジオメトリ処理ライブラリ『pmp-library (...
OpenCVで顔のランドマークを検出する『Facemark ...
Kornia：微分可能なコンピュータービジョンライブラリ
iPadをWindows PCのサブディスプレイにする無料ア...
Boost オープンソースライブラリ
OpenGV：画像からカメラの3次元位置・姿勢を推定するライ...
Unityからkonashiをコントロールする
Adobe Photoshop CS5の新機能
R-CNN (Regions with CNN featur...
Faster R-CNN：ディープラーニングによる一般物体検...
Raspberry Pi
OpenCVのfindEssentialMat関数を使ったサ...
OpenCVで平均顔を作るチュートリアル
Googleの3Dウェブ・プラグインO3D
Iterator
胡蝶蘭の原種
Seleniumを使ったFXや株の自動取引
Mitsuba 2：オープンソースの物理ベースレンダラ
スクレイピング
OpenFace：Deep Neural Networkによ...
ニューラルネットワークで画像分類
マンガで分かる JavaScriptプログラミング講座
HerokuでMEAN stack
WebGL開発に関する情報が充実してきている
ドットインストールのWordPress入門レッスン
Gource：バージョン管理の履歴を可視化するツール
CGレンダラ研究開発のためのフレームワーク『Lightmet...
ROMOハッカソンに行ってきた
DLL(Dynamic Link Library)
UnrealCLR：Unreal Engineで.NET C...
OpenCVでPhotoshopのプラグイン開発
OpenCVの三角測量関数『cv::triangulatep...
コメント