background preloader

HTML5 Canvas and Audio Experiment

HTML5 Canvas and Audio Experiment

http://9elements.com/io/projects/html5/canvas/

Related:  JEUX MUSICAUXHTML 5Web creatifSITES CREATIFS

Pragmatic CSS3 -webit-transform matrix3d Tutorial Matrix3d When you dive into apples documentation of matrix3d you will find a short definition "Specifies a 3D transformation as a 4 x 4 matrix." following by the function definition in code: matrix3d(m00, m01, m02, m03, m10, m11, m12, m13, m20, m21, m22, m23, m30, m31, m31, m33) Unless you're a math god you probably think to yourself: "I find the lack of documentation quite disturbing" followed by the question on how to build the really hot Superman stuff on left. Google RO.ME › North Kingdom In the simplest of terms explaining it – “3 Dreams of Black” is an interactive music video developed in WebGL and optimized for Chrome to showcase its possibilities; written and directed by Chris Milk; based on the song “Black” from Danger Mouse and Daniele Luppi’s ROME album; an album that somewhat is a soundtrack to a movie that doesn’t exist. The music serves to express a story that takes place in a post-apocalyptic landscape where the main characters are played through the voices of Norah Jones and Jack White. More specifically, “3 Dreams of Black” is Norah’s lucid dream where users can partake and gain control of her characters experience.

CSS3 Card Trick: A Fun CSS3 Experiment This tutorial is based on a simple animated experiment that showcases just one of the amazing things you can create using CSS. I’ve used no images and no scripting; everything’s done using HTML and CSS. It goes without saying that since CSS3 is still not supported by all browsers, it might not work as intended; but I’ve coded this in such a way that it will degrade gracefully on non-CSS3 browsers, including IE (of course). The Rational Keyboard The Rational Keyboard is a browser app to play with harmony on the rational number line. Imagine a piano with infinitely many keys, one for each rational number, and the keys move around and resize based on what sounds good, using some really cool math. Audio is synthesized in background Web Workers and played with HTML5 Audio objects, and the interactive visualizations use a 2D HTML5 Canvas. Check out the source at github, or just grab the audio encoder for your own apps. Audio seems to work best in recent Firefox and Chrome releases, but HTML5 audio is still a young technology.

15 Useful Resources to Get Clued Up on HTML5 HTML5 this, HTML5 that! There’s been plenty of HTML5 talk around the blogging world recently. It’s no longer a tiny spec on the horizon, it’s due to arrive soon! 21 Ridiculously Impressive HTML5 Canvas Experiments HTML5 is the thing to talk about these day. Today, we have a collection of some ridiculously impressive HTML5 canvas-based experiments that will make you say, "Wow!" Let's take a peek at some of the latest, cutting edge examples out there. This is one of the best canvas-based experiments. This is one of my favorites -- absolutely amazing! SonicPhoto - Convert pictures to sounds! Using SonicPhoto is simplicity itself. You can often achieve effective results by merely clicking "Load picture..." at the top left, and then click the green button "Create or Play sound". Following that, you might change one of the numerous slider options or finish off by saving the sound. For first time users, make sure you check out the inbuilt preset examples ("Choose a preset!"

BonBon Buttons - Sweet CSS3 buttons There was a goal: Create CSS buttons that are sexy looking, really flexible, but with the most minimalistic markup as possible. And voila.. here they are, the BonBon Buttons. Named after the French word for "Candy". So, let's take a tour trough the candy store. No, wait!

Related:  exemplesHTML5 and CSS3