All posts tagged: canvas

Baroque.me01x

Baroque.me [Javascript, Sound]

Baroque.me by Alexander Chen visualizes the first Prelude from Bach’s Cello Suites by drawing notes as strings. Instead of a stream of classical notation on a page, this interactive project highlights the music’s underlying structure and subtle shifts. I created eight strings, as the Prelude’s natural phrasing is in groups of eight notes. The orbiting nodes pluck the strings, like a […]

101_00x

Impulse 101 [AniGif]

Impulse 101 is a diptych, half painting/half beamer, 100% on the internet. Anthony Antonellis began with the 4 font characters of 8-bit Block ASCII, ░ ▒ ▓ █. The end results consists of two 100 x 100 cm canvases. The left (black) side is acrylic on canvas, while the right is a beamer projection of ASCII art […]

recursiontoy01x

Super Recursion Toy [Javascript]

Latest by Justin Windle is this ‘Super Recursion Toy’ created using Canvas. He writes: Revisiting one of my favorite topics – recursion. This canvas based tool allows you to explore branching algorithms & rendering techniques, as well as save a snapshot of your creations. It’s also open source, which is always nice…

drippingpaint02x

DrippingPaint.Js [Scripts]

Simple but we love it,  DrippingPaint.Js by Tim Holman the latest “features javascript” on CAN creating a sort of dripping paint effect in the background of the screen. Click top right corner button for demo. I’ve only been doing these little experiments for a few months, and this was one of my first, so it holds […]

confeti01x

Confetti [Scripts]

Confetti is the latest Javascript feature on CAN, created by Patrik Svensson. If you click on the button at the top right corner the script will be activated. Patrick explains: There are two types of confetti, the traditional pieces of ‘paper’ and a ribbon type that wiggles its way down the screen. The ribbon confetti uses […]

paperjs01

Paper.js [Scripts]

Created by Jürg Lehni & Jonathan Puckey, Paper.js is an open source vector graphics scripting framework that runs on top of the HTML5 Canvas. It offers a clean Scene Graph / Document Object Model and a lot of powerful functionality to create and work with vector graphics and bezier curves Paper.js is based on and largely compatible with Scriptographer, […]

roto00

Rot.Sketch [WebApp]

Jean Helfenstein, the name behind Rot.Sketch iPhone app has just launched an HTML5 experiment that allows you to produce spirograph like drawings. In addition you can draw new elements while others are rendering as well as move the centre around which lines rotate. webapp : http://www.jeanhelfenstein.com/rotsketch/app + flickr gallery for more images. Previously: Rot.Sketch [iPhone, openFrameworks]

towardsandbeyond00

Towards and Beyond [WebApp]

Latest piece by Rafaël Rozendaal takes you on a journey of colour cubes, navigated with a double click. Wonderful! towardsandbeyond.com Rafaël Rozendaal makes websites as art pieces, pieces are sold with domain name, work remains public, name of collector in title bar. Collectors in France, UK, Spain, NL and Austria. Lived in Amsterdam, Rio, Los Angeles, Paris, Tokyo, […]

hakim05

Hakim Experiments [Scripts, HMTL5]

This is the personal playground of Hakim El Hattab, exploring what is possible using HTML5 and Canvas. Most recent addition includes Sinuous, a simple game built using canvas which will test your mouse pointer reflexes by having you direct your cursor against incoming meteors. My other personal favourites include Blob, Magnetic, Particle Depth and Particles. […]