Laboratory Posts

Latest code experiments from Nooshu.com by Matt Hobbs

Feed dedicated to the random code experiments that I've found fun to create.

Plotting the Lorenz Attractor using three.js image
Plotting the Lorenz Attractor using three.js project

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 image
dat.gui – controller library for JavaScript project

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.

Debug Axes in three.js image
Debug Axes in three.js project

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 image
The Sieve of Eratosthenes project

The Sieve of Eratosthenes

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

Visual thesaurus using arbor.js image
Visual thesaurus using arbor.js project

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 image
Experimenting with Webkit form speech input project

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 image
Three.js images using the HTML5 File API project

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 image
Animating the Euler Spiral project

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.

JS1k: Smaller is Better! image
JS1k: Smaller is Better! project

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!

Using Image Data Inside the HTML5 Canvas Element image
Using Image Data Inside the HTML5 Canvas Element project

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 image
Audio Visualisation using HTML5 and Canvas project

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!

jQuery Plug-in: Scalable Background Image image
jQuery Plug-in: Scalable Background Image project

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 image
jQuery Plug-in: Characters Left project

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 image
Plotting chaos project

Plotting chaos

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