note

[WebGL入門] javascriptを使って3Dプログラミングをやってみる

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

Integration between Unity (WebGL) C# and Browser JavaScript

・Manipulate other elements on the HTML template from Unity (WebGL). ・Use Web APIs provided by the browser from Unity (WebGL). ・Use Unity (WebGL) as a component of a web application. 2. Calling browser ...
atmarkit.itmedia

【第22回 HTML5とか勉強会レポート】 Processing.js、SVG、WebGL。HTML5周辺 ...

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

JavaScript Bitmap Graphics

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

Epic & Mozilla release Unreal Engine 3 HTML5 demo to the public, and it's awesome

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

JavaScript/WebGL lightweight and robust face tracking library designed for augmented ...

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

JavaScript Canvas - WebGL A 3D Cube

Once we have the unit cube defined we need to create a transform to move it to a new location and add a rotation so that we can see more than the front face: var angle = 45*Math.PI/180; var sy = ...
GitHub

WebGL-Memory

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