最近、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
関連記事
Raspberry Piでセンサーの常時稼働を検討する
手を動かしながら学ぶデータマイニング
法線マップを用意してCanvas上でShadingするサンプ...
AMIMOTO（PVM版）で作成したインスタンスをAMIMO...
組み込み向けのWindows OS 『Windows Emb...
胡蝶蘭の原種
DensePose：画像中の人物表面のUV座標を推定する
Webサイトのワイヤーフレームが作成できるオンラインツール
openMVG：複数視点画像から3次元形状を復元するライブラ...
Unityからkonashiをコントロールする
Manim：Pythonで使える数学アニメーションライブラリ
UnityでOpenCVを使うには？
UnityでLight Shaftを表現する
Unity ARKitプラグインサンプルのドキュメントを読む
ArUco：OpenCVベースのコンパクトなARライブラリ
PyTorch3D：3Dコンピュータービジョンライブラリ
UnityのTransformクラスについて調べてみた
Google ブック検索
kotobankを使ってみた
にっぽんお好み焼き協会
Math Inspector：科学計算向けビジュアルプログラ...
複屈折
立体映像プレイヤー『Stereoscopic Player』
『手を動かしながら学ぶエンジニアのためのデータサイエンス』ハ...
PlanetMath
マンガで分かる JavaScriptプログラミング講座
viser：Pythonで使える3D可視化ライブラリ
3D復元技術の情報リンク集
Mitsuba 3：オープンソースの研究向けレンダラ
Amazon EC2ログイン用の秘密鍵を無くした場合の対処方...
ポリゴンジオメトリ処理ライブラリ『pmp-library (...
Faster R-CNN：ディープラーニングによる一般物体検...
UnrealCLR：Unreal Engineで.NET C...
Pythonの自然言語処理ライブラリ『NLTK(Natura...
LuxCoreRender：オープンソースの物理ベースレンダ...
Webページ制作のためのメモ
マジョーラ
胡散臭いデザインの参考サイト
仮想関数
Web経由でRaspberry PiのGPIOを操作したい
皆声.jp
C#で使える遺伝的アルゴリズムライブラリ『GeneticSh...
コメント