最近、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
関連記事
OpenMVSのサンプルを動かしてみる
UnityのMonoBehaviourクラスをシングルトン化...
SVM (Support Vector Machine)
チャットツール用bot開発フレームワーク『Hubot』
iOSデバイスと接続して連携するガジェットの開発方法
Open3D：3Dデータ処理ライブラリ
OpenCVの顔検出過程を可視化した動画
MPFB2：Blenderの人体モデリングアドオン
TVML (TV program Making langua...
ニューラルネットワークで画像分類
Math Inspector：科学計算向けビジュアルプログラ...
発想は素敵、でも今は役立たずだったり…
ManimML：機械学習の概念を視覚的に説明するためのライブ...
法線マップを用意してCanvas上でShadingするサンプ...
AMIMOTO（PVM版）で作成したインスタンスをAMIMO...
Composition Rendering：Blenderに...
NeuralNetwork.NET：.NETで使えるTens...
Iridescence：プロトタイピング向け軽量3D可視化ラ...
Deep Learningとその他の機械学習手法の性能比較
仮想関数
OpenSfM：PythonのStructure from ...
IronPythonを使ってUnity上でPythonのコー...
OpenVDB：3Dボリュームデータ処理ライブラリ
Raspberry PiでIoTごっこ
UnityでOpenCVを使うには？
3Dグラフィックスの入門書
CycleGAN：ドメイン関係を学習した画像変換
hloc：SuperGlueで精度を向上させたSfM・Vis...
GitHub Pagesで静的サイトを作る
Pythonのソースコードに特化した検索エンジン『Nulle...
ZigBee
Multi-View Environment：複数画像から3...
WordPress on Google App Engine...
OpenCV 3.1のsfmモジュールを試す
OpenCVの超解像(SuperResolution)モジュ...
Pythonの自然言語処理ライブラリ『NLTK(Natura...
Blendify：コンピュータービジョン向けBlenderラ...
Webスクレイピングの勉強会に行ってきた
UnityのGameObjectの向きをScriptで制御す...
色んな三面図があるサイト
ブログの復旧が難航してた話
RSSフィードを読込んで表示するWordpressプラグイン...
コメント