最近、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
関連記事
ZBrushのZScript入門
書籍『ゼロから作るDeep Learning』で自分なりに学...
iPhone・iPod touchで動作する知育ロボット『R...
adskShaderSDK
OpenSfM：PythonのStructure from ...
UnityのMonoBehaviourクラスをシングルトン化...
OpenCV 3.1から追加されたSfMモジュール
参考になりそうなサイト
オープンソースの人体モデリングツール『MakeHuman』の...
OpenGVのライブラリ構成
WordPressのサーバ引っ越し方法を考える
リクナビを使わない就職活動
Open3D：3Dデータ処理ライブラリ
Alice Vision：オープンソースのPhotogram...
Processing
UnityのAR FoundationでARKit 3
株式会社ヘキサドライブの研究室ページ
pythonもかじってみようかと
3Dモデルを立体視で確認できるVRアプリを作っている
プログラムによる景観の自動生成
RSSフィードを読込んで表示するWordpressプラグイン...
OpenCVで平均顔を作るチュートリアル
Twitter APIのPythonラッパー『python-...
AfterEffectsプラグイン開発
UnrealCLR：Unreal Engineで.NET C...
trimesh：PythonでポリゴンMeshを扱うライブラ...
Python for Unity：UnityEditorでP...
HD画質の無駄遣い
Raspberry PiでIoTごっこ
Super Resolution：OpenCVの超解像処理モ...
WordPressのテーマを自作する
3分の動画でプログラミングを学習できるサイト『ドットインスト...
OpenCVの三角測量関数『cv::triangulatep...
書籍『仕事ではじめる機械学習』を読みました
書籍『OpenCV 3 プログラミングブック』を購入
ZBrushで作った3Dモデルを立体視で確認できるVRアプリ...
PythonでBlenderのAdd-on開発
雷情報専門サイト『雷Ch』
Mitsuba 3：オープンソースの研究向けレンダラ
ZigBee
ファイバー束
PythonのHTML・XMLパーサー『BeautifulS...
コメント