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.
Lab
Welcome to my little digital sandpit. Here I like to experiment with technology, old and new. It doesn’t always serve much purpose but it’s good clean (geeky) fun!
Experiments
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 #CreativeJS
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 Set Renderer using JavaScript and the Canvas API
Here’s my modified version of Geoff’s Mandelbrot generator.
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.