最近、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
関連記事
RSSフィードを読込んで表示するWordpressプラグイン...
OpenCVで平均顔を作るチュートリアル
ブログのデザイン変えました
Unity ARKitプラグインサンプルのドキュメントを読む
viser：Pythonで使える3D可視化ライブラリ
『手を動かしながら学ぶエンジニアのためのデータサイエンス』ハ...
法線マップを用意してCanvas上でShadingするサンプ...
iPhone・iPod touchで動作する知育ロボット『R...
Singular
書籍『ゼロから作るDeep Learning』で自分なりに学...
Cartographer：オープンソースのSLAMライブラリ
D3.js：JavaScriptのデータビジュアライゼーショ...
Blendify：コンピュータービジョン向けBlenderラ...
windowsでTomcatの自動起動設定
オープンソースの取引プラットフォーム
SIGGRAPH Asia
Google製オープンソース機械学習ライブラリ『Tensor...
続・ディープラーニングの資料
Konashiを買った
Objective-C最速基礎文法マスター
HTML5・WebGLベースのグラフィックスエンジン『Goo...
Google ブック検索
発想は素敵、でも今は役立たずだったり…
Kubric：機械学習用アノテーション付き動画生成パイプライ...
Mean Stack開発の最初の一歩
マンガで分かる JavaScriptプログラミング講座
WordPressプラグインの作り方
3Dグラフィックスの入門書
C#で使える遺伝的アルゴリズムライブラリ『GeneticSh...
Composition Rendering：Blenderに...
Google App Engineのデプロイ失敗
現在公開されているWeb API一覧
Unreal Engineの薄い本
任意の英語サイト中で自分がまだ覚えていない英単語だけに日本語...
手を動かしながら学ぶデータマイニング
Raytracing Wiki
hloc：SuperGlueで精度を向上させたSfM・Vis...
オープンソースの物理ベースレンダラ『Mitsuba』をMay...
NumSharp：C#で使えるNumPyライクな数値計算ライ...
CycleGAN：ドメイン関係を学習した画像変換
Google XML Sitemap Generatorプラ...
胡蝶蘭の原種
コメント