最近、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
関連記事
人材輩出企業
iPadをWindows PCのサブディスプレイにする無料ア...
DensePose：画像中の人物表面のUV座標を推定する
BGSLibrary：OpenCVベースの背景差分ライブラリ
3DCG Meetup #4に行ってきた
C++の抽象クラス
Python for Unity：UnityEditorでP...
HD画質の無駄遣い
Verilog HDL
Live CV：インタラクティブにComputer Visi...
UnityのAR FoundationでARKit 3
Machine Debug Manager
甲虫の色とか
OpenCVでPhotoshopのプラグイン開発
kotobankを使ってみた
Gource：バージョン管理の履歴を可視化するツール
CycleGAN：ドメイン関係を学習した画像変換
Multi-View Environment：複数画像から3...
動的なメモリの扱い
Open3D：3Dデータ処理ライブラリ
TVML (TV program Making langua...
手を動かしながら学ぶデータマイニング
ブラウザ操作自動化ツール『Selenium』を試す
WordPressのサーバ引っ越し方法を考える
MPFB2：Blenderの人体モデリングアドオン
Google ブック検索
3分の動画でプログラミングを学習できるサイト『ドットインスト...
Kaolin：3Dディープラーニング用のPyTorchライブ...
WordPress on Google App Engine...
IIS
ブログの復旧が難航してた話
ZScript
UnityのMonoBehaviourクラスをシングルトン化...
Polyscope：3Dデータ操作用GUIライブラリ
Blendify：コンピュータービジョン向けBlenderラ...
AmazonEC2のインスタンスをt1.microからt2....
Googleの3Dウェブ・プラグインO3D
Mitsuba 2：オープンソースの物理ベースレンダラ
OpenCV 3.3.0 contribのsfmモジュールの...
CGレンダラ研究開発のためのフレームワーク『Lightmet...
このブログのデザインに飽きてきた
SONYの自律型エンタテインメントロボット『aibo』
コメント