A code competition is always a good reason to have an experiment with some new technology.
Latest code experiments from Nooshu.com by
Feed dedicated to the random code experiments that I've found fun to create.
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.
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
The Sieve of Eratosthenes
Creating 3D trees with some #CreativeJS
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!
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.
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.
I decided to delve into Flot and Firefox's Web Workers API and created a little chaos along the way.