Just a quickie today, circle patterns done in canvas.

laughingsquid:

Art, Design & The Arduino: a lineage (NYC Resistor)

Here’s a simple paint program I made using canvas. It’s a pretty blatent ripoff of another one that a friend showed me today, but unfortunately I don’t have the URL handy. (Sorry, I’ll update in the morning!) The framework makes it pretty simple for you to add your own tools. Source.

kenyatta:

Lost Garden: Ribbon Hero turns learning Office into a game

Imagine Microsoft Office turned into a video game. One where learning a productivity app is a delight. One where the core loop of gameplay involves using and gaining skills in Word, Excel and PowerPoint.

Ribbon Hero, in part, was born from a speech I gave back in October 2007 on applying the design lessons of Super Mario Bros. to application design. I made the following bet:

* If an activity can be learned…

* If the player’s performance can be measured…

* If the player can be rewarded or punished in a timely fashion…

* Then any activity that meets these criteria can be turned into a game.

Not only can you make a game out of the activity, but you can turn tasks traditionally seen as a rote or frustrating into compelling experiences that users find delightful.

via dj

sarahcooley:

innonate:

anyclip:

Going to SXSW? You’re Invited!

Sunday, March 14th, from 10pm - 2am, we’re cohosting a Digital Speakeasy with our very good friends at blip.tv

RSVP here.

The party is sponsored by the fine folks at PepsiCo (@pepsico), and will take place at Cedar Street Courtyard (the same place where Tumblr had their smashing party last year).

This is going to be insanely fun. Join us.

This is a great venue! I’m excited about this

For today’s March Madness program I made a visualization of Tumblr quotes from a few friends I follow. I turn the text into a tumbleweed and let it ramble on by across the screen. It could definitely use some optimization as canvas doesn’t seem to handle lots of text rendering too well. Source

For today’s March Madness program I wanted to try to do something useful with the canvas tag. I decided it would be nice to be able to programmatically generate a background gradient for a web page based on the time of day. If you’re looking at the site in the morning the colors would be different from afternoon, sunset, midnight, etc. I created a hidden canvas tag to do my work and then used the toDataURL method to pass the resulting image to the body’s CSS. Source

For tonight’s March Madness program I wrote a crude logo interpreter in javascript. Ladies and gentlemen, start your turtles!