console.snapshot

Output snapshots and screenshots of canvas elements directly in the console of the Chrome Dev Tools var canvas = document.createElement(“canvas”), ctx = canvas.getContext(“2d”); // … //draw // … console.screenshot(canvas, 0.8); //Snapshot it and scale the output to 80% of the original size Resulting output is the image picture above. Also supports creating a snapshot which …

Ejecta – Open Source JavaScript, Canvas & Audio Implementation for iOS

Ejecta is like a Browser without the Browser. It’s specially crafted for Games and Animations. It has no DIVs, no Tables, no Forms – only Canvas and Audio elements. This focus makes it fast. Neat! And by the looks of it blazingly fast too! Ejecta →

Chrome Experiment – Google “Roll It”

Roll It links your devices through Chrome: roll a ball from your phone to your laptop. Since the whole thing runs on Chrome, no apps, installs, or special configurations are needed – and any smartphone that runs Chrome can play. Use your phone as a remote controller, thanks to websockets. Roll It →

Deleting Borders

Amatorski, one of Belgiums finest bands, has been fascinated by the way the internet is deleting borders. They collaborated with We Work We Play to create an art project bringing together music and visuals, in a mix of online and offline interaction. Implemented using a custom JavaScript Metronome and Howler.js;Rendered on <canvas> with Delaunay triangulation …

Fun with face detection, canvas and webcam video

With the getUser­Me­dia API, a video ele­ment, a can­vas ele­ment and LiuLiu’s excel­lent face detec­tion algo­rithm, we can eas­ily play around with web­cam video data in the browser, plug-in free. Mask over­lay experiment: Scaling content experiment: Cool! Fun with face detection, canvas and webcam video → Related: getUserMedia Moustache (via Webappers.com)