JavaScriptとかWebGLとかCanvasとか

最近、JavaScriptの勉強とか始めてみた。参考書はこれにしたよ↓
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


スポンサーリンク

関連記事

オープンソースの物理ベースGIレンダラ『appleseed』
Python.NET:Pythonと.NETを連携させるパッケージ
OpenCVのfindEssentialMat関数を使ったサンプルを読んでみる
UnityでPoint Cloudを表示する方法
IIS
OpenMesh:オープンソースの3Dメッシュデータライブラリ
GitHub Pagesで静的サイトを作る
HaskellのAPI検索サイト 『Hoogle』
Math Inspector:科学計算向けビジュアルプログラミングツール
WordPressプラグインによるサイトマップの自動生成
Machine Debug Manager
OpenCLに対応したオープンソースの物理ベースレンダラ『LuxRender(ルクスレンダー)』
甲虫の色とか
プログラムによる景観の自動生成
にっぽんお好み焼き協会
OpenCVで動画の手ぶれ補正
書籍『ROSプログラミング』
represent
Processing
WordPress on Google App Engineを1週間運用してみて
Google Earth用の建物を簡単に作れるツール Google Building Maker 公...
立体映像プレイヤー『Stereoscopic Player』
Webスクレイピングの勉強会に行ってきた
windows server 2008のターミナルサービス
胡蝶蘭の原種
Google App Engine上のWordPressでAmazonJSを利用する
Kaolin:3Dディープラーニング用のPyTorchライブラリ
Mitsuba 2:オープンソースの物理ベースレンダラ
OpenCVでカメラ画像から自己位置認識 (Visual Odometry)
このブログのデザインに飽きてきた
ブラウザ操作自動化ツール『Selenium』を試す
C++の抽象クラス
ドットインストールのWordPress入門レッスン
FCN (Fully Convolutional Network):ディープラーニングによるSema...
ポリゴンジオメトリ処理ライブラリ『pmp-library (Polygon Mesh Process...
プログラミングスキルとは何か?
Google App Engine上のWordPressでFlickrの画像を貼る
螺鈿(らでん)
ドラマ『ファーストクラス』のモーショングラフィックス
ArUco:OpenCVベースのコンパクトなARライブラリ
BlenderProc:Blenderで機械学習用の画像データを生成するPythonツール
TensorSpace.js:ニューラルネットワークの構造を可視化するフレームワーク

コメント