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

関連記事

UnityのMonoBehaviourクラスをシングルトン化...

ドラマ『ファーストクラス』のモーショングラフィックス

ブログをGoogle App EngineからAmazon ...

ZigBee

参考になりそうなサイト

OpenCVで平均顔を作るチュートリアル

OpenFace:Deep Neural Networkによ...

Singular

Adobe Photoshop CS5の新機能

HerokuでMEAN stack

動的なメモリの扱い

SDカードサイズのコンピューター『Intel Edison』

なんかすごいサイト

Konashiを買った

豚インフルエンザ

Webサイトのワイヤーフレームが作成できるオンラインツール

『手を動かしながら学ぶエンジニアのためのデータサイエンス』ハ...

このブログのデザインに飽きてきた

Memento

定数

UnityプロジェクトをGitHubで管理する

SONY製のニューラルネットワークライブラリ『NNabla』

オープンソースの取引プラットフォーム

iOSデバイスと接続して連携するガジェットの開発方法

Visual Studioでユーザー定義のSyntax Hi...

DCGAN (Deep Convolutional GAN)...

3Dグラフィックスの入門書

Raspberry Pi 2を買いました

サンプルコードにも間違いはある?

WebGL開発に関する情報が充実してきている

Microsoft Silverlight

SIGGRAPH Asia

3D復元技術の情報リンク集

Boost オープンソースライブラリ

『Follow Finder』 (Google Labs)

3DCG Meetup #4に行ってきた

html5のcanvasの可能性

Google App Engine上のWordPressでA...

OpenCVで顔のモーフィングを実装する

人材輩出企業

オープンソースのロボットアプリケーションフレームワーク『RO...

Raspberry Pi 2のGPIOピン配置

コメント