Instead of AdBlock, enjoy ad-free CAN by becoming a member. Everybody wins!
HOLO is a biannual magazine about emerging trajectories in art, science, and technology brought to you by the people behind CAN. Learn more!

html5

    Penetrating 01 copy 2

18/06/2014 / Featured, Javascript, Paper Js

Created by Matthias Dörfelt aka Mokafolio, Weird Second-order Loops is a series of computer-generated animation loops that never repeat. Each of the loops is centred around a playful and simple cyclical idea that is a procedural reinterpretation of a long existing ...
    FITC_poster_ZSO_v4x_thumb

16/12/2013 / Advertorial

Now in its 7th year, FITC Amsterdam 2014 is host to design, technology and cool shit from digital creators and world renowned speakers at the Felix Meritis this February. Learn about installations, web frameworks, experiential media, HTML5, creative coding, JavaScript, ...
    Empty_Black_04 copy

18/09/2012 / Games, Javascript

We don't often come across games created in HTML5, especially those that leave a strong impression, but Empty Black by Mary Rose Cook is one special exception. In this minimal but rich platformer you play a square, throw crates to solve puzzles, use ...
    station_01_wind_tunnel copy
(ARL) Affection Research Lab: Affection Stations is a thesis project by Salvador Orara searching for ways to reconnect to our devices to facilitate revelations. They are designed as immersive installations which listen, and transcode a device's unique incidental sound, exposing them to be ...
    edding_12

02/04/2012 / Javascript, WebApp

Couple of months ago Büro Destruct got a call from 'edding' – famous for their permanent markers - and they wanted BD to design a font for them based on the edding 850, their boldest marker. For those that have used ...
    antimap06x
The AntiMap by Trent Brooks is an Open Source creative toolset for recording and visualising your own data. The project currently consists of a phone utility application (AntiMap Log - iOS/Android) for data capture, and a couple of web/desktop applications (AntiMap ...
    upverter_visual copy

22/11/2011 / News, WebApp

Upverter is a web service, similar to GitHub that allows you to discover, share and work on hardware. Taking full advantage of HTML5, the included editor has all the basics you have come to expect such as undo, redo, rotating, versioning, and ...
    Screen Shot 2011-10-27 at 17.55.08 copy

27/10/2011 / WebApp

Lines is based on a writing technique from medieval times developed by monks as a solution to expensive paper and tedious writing. The monks were writing in the centre of the page allowing enough space for others to annotate the ...
    Baroque.me01x

27/10/2011 / 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 ...
    beyond01 copy

17/10/2011 / Events

Our dear friends at beyond tellerrand have just given us a tip that there is only 2 weeks left to grab a Early Bird ticket to their fantastic 3-day event in Düsseldorf. The event includes intensive workshops and 15 high quality talks ...
    circleoftrust01 copy

12/10/2011 / Javascript

Created by D3, digital production company based in Sao Paolo, 'Circle of Trust' shows your asymmetric relationship network at Google Plus. Is there a way to visualize how each person is using and constructing this social environment? The team wanted want to create ...
    revoid03x

30/09/2011 / Javascript

We have a new feature javascript running on CAN:  Revoid.js by Gwen Vanhee. Click top right corner button for demo. Small experiments with the HTML5 canvas-element and javascript. Build from scratch to learn while playing and test javascript's performance on mobile devices. Landscape ...
    space-colonization_bouquet copy

25/09/2011 / Cinder, iPad, Javascript, Other

In the past few months Marcin Ignac has been exploring Space colonization, an algorithm simulating growth of plants. Marcin explains the algorithm as 6 "simple" steps: 1. Populate possible growth space with growth hormons. 2. For each hormone find the nearest bud. 3. ...
    flockingjs02x

14/09/2011 / Javascript

We have a new feature javascript running on CAN:  Flocking.js by Lucas Dupin. Click top right corner button for demo. Flocking experiment done in canvas. Each particle has it's own set of attributes and also interacts with the group, depending on environmental variables. ...
    generativehtml501
(A Generative Art Lost Chapter) Through the process of writing Generative Art there were various tangents and miscellaneous-mad-shit that, usually in the name of brevity and clarity, ended up on the cutting room floor. What follows is one such tangent reworked ...
    jellies01top

30/08/2011 / Javascript

We have a new feature javascript running on CAN:  PaperJellies.js by Ricardo Sanchez. Click top right corner button for demo. PaperJellies is my first go using the PaperJs library, jellies are based on Marcin Ignac Cindermedusae article but instead of using half circle ...
    100demos01x

25/08/2011 / Javascript

Earlier this week Mozilla Labs silently opened the voting process for the 100 demo submissions. There is a wide range of entries ranging from animated gifs to javascript demos and now it’s up to you to decide on the winners.
    recursiontoy01x

24/08/2011 / 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 ...
    Sonogram01x

19/08/2011 / Javascript

Coming soon to the HTML5 toolbox is the Web Audio, still in development for Chrome, Google have a dedicated page with a number of very interesting and fun examples. Thanks to Alexander Chen for pointing out this '3D Sonogram' example which I ...
    tadpoles02x

15/08/2011 / Javascript, Scripts

Created by Kris Temmerman, aka Neuro Productions, WebGL Tadpoles is an experiment with 30 tadpoles relying on inverse kinematic chains and moving in a 3D using Perlin Noise vector field. Kris writes: And since they aren’t static objects, I have to project the vertices and calculate the ...
    confeti01x

14/07/2011 / Javascript, 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 ...
    paperjs01

27/06/2011 / Javascript, 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 ...
    ruttetrawebgl05x

10/06/2011 / Javascript, Scripts, WebApp

Created by Felix Turner Rutt-Etra-Izer is a WebGL emulation of the classic Rutt-Etra video synthesizer. The demo replicates the Z-displacement, scanned-line look of the original, but does not attempt to replicate it’s full feature set. The application allows you to drag and drop your ...
    textifyit04

07/06/2011 / iPad, iPhone, Javascript, Scripts, WebApp

Created by Hakim El Hattab, Textify.it turns your photographs into text portraits. The app includes ability to chose between different fonts, text sizes and backgrounds. Other effects include pointilism, mosaic, stitch, bubbles, starstruck, pixelate, binary, snow and dash. In addition ...
    sounaffects00x

23/05/2011 / Arduino, MaxMSP, Sound

On Fifth Avenue, a listening wall has jacks built in, so passersby can plug in earphones and listen to street activity translated into music. Sensors built into the wall detect movement, proximity, temperature, weather, cell phone activity, noise, color and ...
    HYPERTEXT_REMIX_2x

18/05/2011 / Javascript, Scripts

Hypertext Remix is a browser-sequencer created by Lara Warman and Kellyn Loehr. The system generates systems sounds when the browser hits the edge of the screen. The speed of each box is set by the scroll bar and the sounds ...
    roto00

09/03/2011 / 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 ...
    conductor01

18/01/2011 / WebApp

If you recall soundrop as well as the original version Balldroppings (circa 2003) made for the Android/Desktop by Joshua T. Nimoy, also worth mentioning Squiggle for iPad, Alexander Chen has created this new piece titled Conductor, which recreates the New York subway system ...
    towardsandbeyond00

12/10/2010 / 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 ...
    flybaby

08/09/2010 / Scripts, WebApp

Created by Alex Corbi and Johannes Schnettker, FlyBaby is an under 10k HTML5+JavaScript 3d form tool allowing you to create generative objects by specifying multiples, rotations, duplications, sins and cosins + more. Scratch like set-up, you build modifiers as an expanding tree with visualisation ...
Page 1 of 212