background preloader

Radar - An audio-visual HTML experiment

Radar - An audio-visual HTML experiment

http://lab.hakim.se/radar/

Related:  Cool Music Creation SitesSequenceurINSTRUMENTS01codigo!

Radar" by Hakim El Hattab From the Author: An experiment with real-time audio synthesis. Click on pins to made them resonate with the radar wave, click again to disable. Use the sequencer on the right to rotate between 1-10 notes. You can save also save your composition, like this one: Works well in Chrome and Safari but runs slowly in Firefox. Otomata - ligne séquenceur musical génératif 16 Jul 2011 Click on the grid below to add cells, click on cells to change their direction, and press play to listen to your music. Update: Click here to get Otomata for your iPhone / iPod / iPad! Official facebook page: Also this reddit page has many examples:

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. Sometimes pausing helps to unglitch audio.

1 - harmonics of 55hz A musical realization of the motion graphics of John Whitney as described in his book "digital harmony" Animation and music by Jim Bumgardner of krazydad.com and the wheel of lunch. Jim makes free puzzles, including sudoku, killer sudoku, kakuro, mazes, and thousands of other puzzles. MACCHINA I" by 5013 From the Author: An infinitely random music box. Built using the latest and greatest Web Audio API technologies! Online Drum Machine Drumbot is the next best thing to a real drummer. Full song loops and tons of grooves. Designed specifically for non-drummers for use as backing tracks during song composition. We've partnered with real drummers, (can you think of a better beat maker?) who've created entire songs, from intro to outro, then organized everything to help you discover that perfect groove. Each of the hand-crafted "songs" consists of a collection of loops (loop set) that all run at the same BPM and are all inter-related.

800+ Best jQuery Animation effect tutorial & plugin with example & Demo Animated Fixed Menu with CSS3 & jQuery Fixed menus are a definitive a great ux resource for our website. They look good, and they are also super useful for visitors. Today, I’m showing you how you can create a very simple fixed menu with CSS3 transition WebAudioToy" by Daniel Pettersson From the Author: 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, record audio from the microphone (though browser support is still non-existent), create audio using text-to-speech and apply different kinds of effects. You can also do javascript processing to audio in realtime. It supports drag n drop to play your local files and also visualizes the audio output.

Liquid Notes - Advanced Harmony Analysis, Chord Progression Management and Live Performance The songwriting assistant that offers a controllable range of alternatives for chords and harmonies in a MIDI arrangement. Liquid Notes is a revolutionary standalone instrument and plug-in that combines a world-class composer, songwriting partner, arranger, electronic artist, producer, and live DJ, and a set of meticulously designed controls and functions—all in one package! Beyond breathtaking musical skill and analytical capabilities, Liquid Notes allows its users unlimited creativity and inspiration through its groundbreaking functionality. Liquid Notes comes in two versions: as a standalone program which routes to all sequencers, or as a MIDI effect for Ableton Live (see comparison chart below).

Best JavaScript Image Manipulation Libraries A JavaScript library is a library of pre-written JavaScript which allows for easier development of JavaScript-based applications, especially for AJAX and other web-centric technologies. The primary use of JavaScript is to write functions that are embedded in or included from HTML pages and interact with the Document Object Model (DOM) of the page. In this article we have gathered a list of Best JavaScript Image Manipulation Libraries that will help you to manipulate, add various effects and animations to images. We hope you will find the list of these image manipulation JavaScript libraries helpful for your image related tasks. Enjoy !! Virtual Guitar Beatles - Here comes the sun [#U@c]Un$U$nU[bvcPE]U[bn]U[bv!x]#b#U[n#] [U@c]$Un$Un$U[bvcPE]$nU[#v!x] [U@c]$n$U$Un$[bvcPE]$n$[U*cP0] [U@c]$nU @LUn@UnvUn@UnU#b@ [#U@c]Un$U$nU[bvcPE]U[bn]U[bv!

Otomata - Generative Musical Sequencer - Earslap 16 Jul 2011 Click on the grid below to add cells, click on cells to change their direction, and press play to listen to your music. Update: Click here to get Otomata for your iPhone / iPod / iPad! Official facebook page: Also this reddit page has many examples: Wild Mood Swings - Surf the web on a whim. (C) Sean McManus <p style="font-size:x-large;">Oh no! You don't have Javascript enabled. Please <a href=" Javascript now</a> or the only moods you'll experience will be boredom and frustration.</p><hr noshade> Pick your mood, click the button and Wild Mood Swings will open an appropriate website in a new window. What is Wild Mood Swings?

How to Build Your First Freelance or Design Agency Portfolio For most freelancers and newbie design owners, their most powerful marketing tool will be their portfolio. A portfolio is simply a collection of samples of your work that you use to demonstrate to clients that you have the experience and competence to handle their projects. As there are an awful lot of disciplines, it’s impossible to define the “perfect portfolio”—wide variances exist between disciplines—but there are some good general guidelines for creating a portfolio: Select Your Best and Most Relevant Work

Related: