サンプルページはコチラ↓ (キーボードが必要です) ↓ HTMLのコードです。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8 ...

Processing.js、SVG、WebGLなど、HTML5周辺のグラフィック関連技術を勉強しよう。第22回 HTML5とか勉強会レポート 田中氏のプレゼンは、Processingの紹介から始まった。 田中氏の＠ITでのProcessingの記事「Processingの対話式スケッチプログラミングで遊ぼう」も参照 ...

久しぶりの投稿になります。TDの田辺です。 前回に引き続き、web関連について書きたいと思います。 今回挑戦するのは、題名の通り 「WebGL」 です。 WebGL とは Webブラウザで3次元グラフィックス(3DCG)を高速に表示するための仕様の一つ。 Webページ上に記述さ ...

This book has so far been about 2D graphics with Canvas using the standard graphics context. You will hear people say that if you want to do 2D graphics then a good way is to use WebGL. The reason is ...

Although our example is enough to introduce most of the aspects of using WebGL in 3D, we need something slightly more realistic to demonstrate the possibilities. The usual first example is a 3D cube.

If you ever needed proof that web browsers are first-class citizens, capable of rendering 3D games with as much gusto as consoles or running web apps that are as feature-rich as their installed ...

This is a WebGL-Memory tracker. You add the script to your page before you initialize WebGL and then for a given context you can ask how much WebGL memory you're using. Note: This is only a guess as ...

This JavaScript library detects and tracks the face in real time from the webcam video feed captured with WebRTC. Then it is possible to overlay 3D content for augmented reality applications. We ...