My Lab Experiments

• 

  A visualisation experiment using SoundCloud, Backbone.js, three.js and node.js

  A code competition is always a good reason to have an experiment with some new technology.

• 

  Using the Fullscreen and Pointer Lock API's

  Browsers vendors are adding some very impressive features. Time to play with the Fullscreen and Pointer Lock API!

• 

  Plotting the Lorenz Attractor using three.js

  The Lorenz equations are a cornerstone in Chaos theory. The 'butterfly effect' is how it is known in popular culture. I little experiment plotting the Lorenz Attractor using three.js.

• 

  dat.gui - controller library for JavaScript

  Building a demo in JavaScript? Then you really need to start using the dat.gui library. It takes the hassle out of controlling your variables.

• 

  Fun with Space Invaders and Parallax scrolling

  Loving the HTML5 Canvas element. Having fun with the parallax effect and a few aliens.

• 

  Antimatter 3D Graph Plotter and a little animation

  Three.js is a powerful 3D library. Graph plotter and a little bit of experimentation is good fun!

• 

  Debug Axes in three.js

  Orientate yourself in your three.js with this little bit of JavaScript code. Not the most exciting experiment but I find it very useful!

• 

  The Sieve of Eratosthenes

  Having fun with a little bit of prime hunting and JavaScript. Maths geek for the win!

• 

  Creating 3D trees with some

  Everyone love trees. What about a few virtual trees created using some JavaScript goodness?

• 

  Visual thesaurus using arbor.js

  Arbor.js is a very impressive graph visualisation library that takes advantage of jQuery and the Web Workers API. I make my own version of the Visual Thesaurus with it.

• 

  Experimenting with Webkit form speech input

  The HTML5 specifications are adding some very interesting new features. Here's one that's just landed in Google Chrome: speech input.

• 

  Three.js images using the HTML5 File API

  HTML5 has a great set of new APIs. One of my favourites is the file upload, no more Flash uploads or multiple 'browse' boxes. A bit of a mash up of three.js and the Drag and Drop API.

• 

  Animating the Euler Spiral

  A small experiment showing how the Cornu spiral changes as you vary different properties. Animated with lots of lovely particles, thanks to three.js.

• 

  Three.js and the Audio Data API Visualisation

  I've played with the HTML5 Audio Data API in the past for 2D visualisations. So how about some 3D?

• 

  JS1k: Smaller is Better!

  The Twittersphere has been buzzing about a (literally) small JavaScript competition. Thought I'd give it a try and see what materialised. Great fun!

• 

  Investigating the HTML5 Drag and Drop API

  Drag and Drop had been available using JavaScrit libraries for some time, but with HTML5 comes native support.

• 

  Using Image Data Inside the HTML5 Canvas Element

  Manipulating image data in Canvas is fairly simple once you get your head around how it works. Here are a couple of experiments I created as a bit of research.

• 

  Audio Visualisation using HTML5 and Canvas

  A little project I've been dipping in and out of for the past couple of weeks. The draft version of the Audio Data API has huge potential!

• 

  Recreate iPhone Swipe Effect using jQuery

  A little experiment with jQuery animation I've finally managed to get round to finishing.

• 

  Mandelbrot Renderer Update

  I've recently discovered a much quicker way to draw images in Canvas.

• 

  Mandelbrot Set Renderer using JavaScript and the Canvas API

  Here's my modified version of Geoff's Mandelbrot generator.

• 

  jQuery Plug-in: Simple Navigation Animation Stagger

  Quick plug-in I put together together to stagger the animation used in a navigation bar.

• 

  jQuery Plug-in: Scalable Background Image

  After seeing an interesting scaling background effect on a random site I decided to put together a jQuery plug-in that does the same job.

• 

  jQuery Plug-in: Characters Left

  I've needed to count the number of characters a user has typed in a form field on a couple of projects recently. So I decided to make a little jQuery plug-in for easy implementation.

• 

  Plotting Chaos

  I decided to delve into Flot and Firefox's Web Workers API and created a little chaos along the way.