最近、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 3.1のsfmモジュールのビルド再び
Google App EngineでWordPress
PythonのHTML・XMLパーサー『BeautifulS...
Raspberry Pi 2を買いました
Google Colaboratoryで遊ぶ準備
cvui：OpenCVのための軽量GUIライブラリ
Raspberry Piでセンサーの常時稼働を検討する
openMVG：複数視点画像から3次元形状を復元するライブラ...
WebGL開発に関する情報が充実してきている
Pythonの自然言語処理ライブラリ『NLTK(Natura...
Unity ARKitプラグインサンプルのドキュメントを読む
Human Generator：Blenderの人体生成アド...
東京アメッシュ 東京ローカルな雨情報サイト
OpenSfM：PythonのStructure from ...
DensePose：画像中の人物表面のUV座標を推定する
Unityで学ぶC#
スクラッチで既存のキャラクターを立体化したい
OpenCVで動画の手ぶれ補正
PythonでMayaのShapeノードプラグインを作る
WinSCP
ブログをGoogle App EngineからAmazon ...
COLMAP：オープンソースのSfM・MVSツール
オープンソースの人体モデリングツール『MakeHuman』の...
OpenCVのバージョン3が正式リリースされたぞ
NeuralNetwork.NET：.NETで使えるTens...
OpenCV バージョン4がリリースされた！
html5のcanvasの可能性
Machine Debug Manager
TeleSculptor：空撮動画からPhotogramme...
人材輩出企業
Iridescence：プロトタイピング向け軽量3D可視化ラ...
就職面接で聞くべき7つの質問→日本にローカライズすると3つぐ...
trimesh：PythonでポリゴンMeshを扱うライブラ...
represent
OpenCV 3.3.0 contribのsfmモジュールの...
Processing
Visual Studioでユーザー定義のSyntax Hi...
Live CV：インタラクティブにComputer Visi...
ドットインストールのWordPress入門レッスン
ROMOハッカソンに行ってきた
コメント