At the time, we were thinking it would be a quick little animated ASCII thing. Web-Drawing Throwdown: Paper.js Vs. Processing.js Vs. Raphael. Advertisement Before drawing anything in a browser, ask yourself three questions: Do you need to support older browsers?
If the answer is yes, then your only choice is Raphaël. It handles browsers all the way back to IE 7 and Firefox 3. Braaains! I’m letting out my inner zombie, and I think you should, too!
This brilliant little demo by Steve Wittens uses a pair of large sprite sheets (one for colour, one for opacity) which contain the cross sections of a human head taken by an MRI scanner. Each slice is drawn into its own canvas using the colour and opacity information from the sprite sheets. CSS 3D is used to position all the slices and line them up next to each other in 3D space, effectively reconstituting the head.
The game itself adheres to the same open principals as the operating system it was originally built for, using creatively licensed art, audio and 3D assets. "Input/Output" by Instrument. From the Author: Launch the particle from the input to the output in this HTML5 game developed for Google I/O 2012.
SlabText – a jQuery plugin for creating big, bold & responsive headlines. I’ve been wanting to attempt a port of Erik Loyer’s slabtype algorithm for quite some time now and seeing Paravel’s fittext jQuery plugin, in combination with a gloriously hassle-free lunch hour gave me the impetus to attempt it.
Blur Any Web Element Easily – Blur.js. Blur.js is a flexible jQuery plugin for implementing blur effect to any web element.
It actually works by creating and placing psuedo-transparent blurred elements over the targeted ones and makes use of the StackBlur algorithm. JS1K Speech Synthesizer. When you think of your computer talking to you it’s usually space aged computers and robots, or maybe Siri if you’re less imaginative.
You probably don’t think of it happening in your browser, and especially not something made for JS1K. Showing up the other sound generating entries, Mathieu Henri created this JS1K Speech Synthesizer for the contest. It’s a super simple speech synthesizer that “says” what you’re typing as you type, and then the whole line once you hit enter.