WebAudioToy - chrome experiments

May 23, 2012

Author: Daniel Pettersson
http://uglyhack.appspot.com/
Location: Stockholm, Sweden
WebAudioToy - chrome experiments

Description:

This is kind of a toy or explorer thingy using various HTML5 techniques which lets you play with Web Audio API. It can play and generate audio and apply different kinds of effects. It supports drag n drop to play your local files and also visualizes the audio output.

Technology:

HTML5, javascript, Web Audio API, Canvas, drag n drop, local storage, css3

Launch Experiment

Source: chromeexperiments.com

Chrome Experiments webaudiotoy, experiments,

Planetary Defense - chrome experiments Description:

Planetary Defense is a game. Protect your planetoid from incoming bombs by exploding projectiles in front of them. This was my first HTML5 canvas project and it borrows heavily from the code for a game called Core.

[ editor's note: check out Core at http://www.chromeexperiments.com/detail/core/ ]

Technology:

HTML5, Canvas, JavaScript

Pronunciation Game - chrome experiments Description:

A game for english students to practice their pronunciation skills with Google's speech recognition service.

Technology:

JavaScript + HTML5 Speech Input

Tags:

Microphone Input Not WebGL

TweetWeather - chrome experiments Description:

What if you could tell the weather from people's tweets? This experiment aggregates filtered tweets in realtime, with the goal of giving a sense of the current weather throughout the country. Yellow circles mean nice weather, blue mean rain. Scroll over one to see the original tweet.

Technology:

Processing, Processing.js, HTML5, CSS3, JavaScript

Tags:

Geographic Not WebGL Social Data

Paintbrush - chrome experiments Description:

A fun and unpredictable kinetic vector-painter.

Technology:

Processing, Processing.js, HTML5 Canvas, JavaScript, CSS3

Unsnarl It - chrome experiments Description:

A little puzzlegame with the goal to unsnarl a knot. There are 4 difficulties and you can also create your own puzzles.

Technology:

Javascript and canvas for the game. CSS3 for the User Interface.