.wp-block-jetpack-rating-star span.screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal; }

サイトアイコン NegativeMindException

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


スポンサーリンク

関連記事

geometry3Sharp:Unity C#で使えるポリゴン操作ライブラリ

甲虫の色とか

豚インフルエンザ

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

ManuelBastioniLAB:人体モデリングできるBlenderアドオン

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

FCN (Fully Convolutional Network):ディープラーニングによるSema...

仮想関数

Unity Scriptコーディング→Unreal Engine Scriptコーディング

Blendify:コンピュータービジョン向けBlenderラッパー

社団法人 映像情報メディア学会

Googleの3Dウェブ・プラグインO3D

ROMOハッカソンに行ってきた

cvui:OpenCVのための軽量GUIライブラリ

R-CNN (Regions with CNN features):ディープラーニングによる一般物体...

Python for Unity:UnityEditorでPythonを使えるパッケージ

TeleSculptor:空撮動画からPhotogrammetryするツール

オープンソースのロボットアプリケーションフレームワーク『ROS (Robot Operating S...

OpenCV 3.1とopencv_contribモジュールをVisual Studio 2015で...

人材輩出企業

定数

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

手を動かしながら学ぶデータマイニング

UnityのTransformクラスについて調べてみた

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

SVM (Support Vector Machine)

ZBrushで作った3Dモデルを立体視で確認できるVRアプリを作る

Google ブック検索

WordPress on Google App Engineを1週間運用してみて

Memento

OpenGVの用語

HSV色空間

OpenCVで顔のランドマークを検出する『Facemark API』

チャットツール用bot開発フレームワーク『Hubot』

windows server 2008のターミナルサービス

hloc:SuperGlueで精度を向上させたSfM実装

OpenCVで動画の手ぶれ補正

UnityでOpenCVを使うには?

PlanetMath

OpenCV3.3.0でsfmモジュールのビルドに成功!

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

アクセス元IPアドレスから企業名が分かるアクセス解析『User Local スマートフォン解析』

モバイルバージョンを終了