最近、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
関連記事
『手を動かしながら学ぶエンジニアのためのデータサイエンス』ハ...
Unityで画面タッチ・ジェスチャ入力を扱う無料Asset『...
Super Resolution：OpenCVの超解像処理モ...
Pythonのソースコードに特化した検索エンジン『Nulle...
Unreal Engineの薄い本
タマムシっぽい質感
スクラッチで既存のキャラクターを立体化したい
書籍『ROSプログラミング』
ManuelBastioniLAB：人体モデリングできるBl...
TVML (TV program Making langua...
なんかすごいサイト
kotobankを使ってみた
Mean Stack開発の最初の一歩
Deep Learningとその他の機械学習手法の性能比較
Google App Engine上のWordPressでA...
Human Generator：Blenderの人体生成アド...
MythTV：Linuxでテレビの視聴・録画ができるオープン...
ZBrushで作った3Dモデルを立体視で確認できるVRアプリ...
続・ディープラーニングの資料
Dlib：C++の機械学習ライブラリ
OpenCVで動画の手ぶれ補正
iPhoneアプリ開発 Xcode 5のお作法
Unityの各コンポーネント間でのやり取り
Iridescence：プロトタイピング向け軽量3D可視化ラ...
螺鈿(らでん)
HD画質の無駄遣い
Cartographer：オープンソースのSLAMライブラリ
OpenCV 3.1とopencv_contribモジュール...
PlanetMath
Amazon Web ServicesでWordPress
サンプルコードにも間違いはある？
SVM (Support Vector Machine)
Point Cloud Utils：Pythonで3D点群・...
Google App EngineでWordPress
このブログのデザインに飽きてきた
3Dグラフィックスの入門書
TorchStudio：PyTorchのための統合開発環境と...
OpenCVの顔検出過程を可視化した動画
C++ 標準テンプレートライブラリ (STL)
HTML5・WebGLベースのグラフィックスエンジン『Goo...
OANDAのfxTrade API
今年もSSII
コメント