background preloader

20 WebGL sites that will blow your mind

20 WebGL sites that will blow your mind
Almost all modern computers and most smartphones have powerful GPUs, graphics processors that often have more number-crunching power than the CPU. But until recently web pages and mobile websites couldn't use them - meaning slow, low-quality graphics, almost always in 2D. That all changed when WebGL was released in the latest versions of Firefox and Chrome. WebGL, based on the well-known OpenGL 3D graphics standard, gives JavaScript plugin-free access to the graphics hardware, via the HTML5 canvas element - making realtime 3D graphics in web pages possible. Tech support Apple are supporting the standard too, so we can (hopefully!) So sit back, crank up your latest browser, and check out these demos - if you think you can do better, go for it: there are some hints and tips on how at the end. 01. 3 Dreams of Black 02. 03. No Comply is another WebGL demo from the Mozilla Audio API team, mixing video and graphics with a very 1980s-computer-game-meets-the-Matrix vibe. 04. 3Dtin 05. 06. 07. 08.

Related:  HTML5Augmented Reality

Apache Ant - Binary Distributions Apache Ant™ Apache Ant is a Java library and command-line tool that help building software. Downloading Apache Ant Use the links below to download a binary distribution of Ant from one of our mirrors. Augmented Reality and WebGL AR, and especially vision based one, has just some small but hard constraints on an accompanying 3D engine. Firstly, there should be some sort of support for video textures if we are doing vision based AR in perfection with undistorting the image etc. pp.. In my particular scenario that wasn't really necessary or a requirement. Beginner’s Guide to Augmented Reality - Tuts+ Augmented Reality has been cropping up a lot lately, especially Flash-based AR. I will guide you through how to create some simple yet neat effects that you can put on your own website. Introduction: Augmented Reality Augmented Reality has been judged as one of 2010’s hottest trends. The concept behind it is pretty simple, over lay the physical world with cool graphics that appear to occupy the same space as you.

Getting started with Augmented Reality and the FlarToolKit Author: Imagine Admin 24th November 2009 Learn the basics of Augmented Reality using ActionScript 3.0, Papervision and Flex Builder One of the biggest buzzes at the moment is Augmented Reality, and the reason for that is because unlike two years ago when you could only make 3D objects attach themselves to physical objects using C# and a desktop application, we can now do the same using ActionScript 3.0. Admittedly it’s not as responsive as the C#, but nonetheless we can still have fun producing the likes of the GE smart grid example.

GWT Project Prerequisites You will need the Java SDK version 1.6 or later. If necessary, download and install the Java SE Development Kit (JDK) for your platform. Writing Augmented Reality Applications using JSARToolKit - HTML5 Rocks This article discusses APIs that are not yet fully standardized and still in flux. Be cautious when using experimental APIs in your own projects. Introduction This article is about using the JSARToolKit library with the WebRTC getUserMedia API to do augmented reality applications on the web.

Three.js - 3D JavaScript Engine