サンプルページはコチラ↓ (キーボードが必要です) ↓ 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 ...

We’re often asked about the differences between the native JavaScript 3D frameworks and the WebGL version of the popular game engine Unity. To answer this question, I used the official Unity3D manual ...

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 ...