I now mostly post over here: blog.greer-inc.com

I'm a Digital Designer, Art Director and Developer. I'm into photography, interactive design, the web, advertising and art.

Canvas Tag

Posted: March 1st, 2011 | Author: | Filed under: General | Comments Off

I’ve been playing around with javascript and the canvas tag a bit recently.  It all seems pretty awesome, but I think the trick will be in finding novel ways to combine the tag with conventional DOM elements.  It seems like it would be all too easy to fall into the trap of building entire sites with the tag, which would suffer from a lot of the problems flash only sites (used to?) have.

Here are my first tests (playing with 2d vectors and the canvas):

  1. Swirly mouse follow
  2. Click and drag
  3. Seeds dropped on a random path

(and the vector explosion on a path – http://greer-inc.com/ )

Like flash, I’m sure this will be great for games and added extras on sites.  It feels like there should be other uses too, which I’m keen to discover.  I’m currently looking into writing js apps which write info to the DOM, and draw pretty lines to the canvas.  Combining the too has been a little harder than I’d hoped so far though.  I’m not sure where best to draw the line between using the canvas and using HTML.  Should a data visualisation be entirely within the canvas, for example, or should the labels be traditional elements.  Does it matter?

Looking forward to getting into this more.  Next is building small interactive pieces which have some physics in them.  I’m hoping they might form part of a playful navigation for a portfolio site.


Posted: October 19th, 2010 | Author: | Filed under: General | Comments Off

A flamingo, which we saw.  Or did we? (Hint: yes).

Dance steps.

Posted: September 12th, 2010 | Author: | Filed under: General | Comments Off

My attempts at swing dancing with Helen.  Clumsy monster feet.

Five Seconds of This Evening.

Posted: July 13th, 2010 | Author: | Filed under: General | Comments Off

A (very) short segment of timelapse animation as the sun sets in Vancouver. A diptych of two angles shot from the same vantage point.

AS3 SharedObject

Posted: May 19th, 2010 | Author: | Filed under: General | Comments Off

Looking into whether the flash player can set and retrieve cookies, I stumbled upon the ‘SharedObject’ – it’s like a cookie, but the flash player stores the information locally (and not in with the browser cookies). If you’re looking to set real cookies, try here. The shared object seems handy for a lot of things though, and it’s really simple to use:

I put together a test to see how it worked:

Enter text, click set, then refresh the page.  The content set into the shared object will persist.  Which could be handy for a bunch of things, no? Seems like storing the current state of a web app is a must in case the user accidently closes the tab or navigates away.

Source files for the example here: sharedObject.

Fractal Explorer

Posted: January 16th, 2010 | Author: | Filed under: General | Comments Off

Having just started my first forays into Adobe’s Pixel Bender, I’ve been blown away by the scripts which are currently available for it. As a way to temporarily avoid actually learning the language, I spent quite a bit of time playing around with Subblue’s Fractal Exporter. Results below.

It’s particularly nice to see these shapes morph as the parameters change. Will get them into After Effects soon to render out these shifts.

Jeremy, the Pan Britannica Bunny

Posted: January 9th, 2010 | Author: | Filed under: General | Tags: , , , , , | Comments Off

Simple character design for a rabbit to be built in 3D and rendered as a shadeless, one-color animation.  It’d be fun to composite this style over video of cityscapes.  Might try out Blender’s new spline IK system to get the joints movements looking really fluid and curvy.

One-colour bunny

The pan britannica bunny

vector file: rabbit (pdf, 204KB)

Game of life

Posted: January 6th, 2010 | Author: | Filed under: General | Tags: , , , , | Comments Off

I made a flash version of Conway’s ‘Game of Life’ a while ago.

In an early version, I failed to clear out the array of cells which needed to change state that round (from dead to alive, or alive to dead).  The result was far more mathematically arbitrary, but made some interesting patterns. In this version, as the dots flicker across the screen I see a robot, an alien, a fat man, a mouse wearing a crown, and a smug tiger.  It’s way more space invaders than the proper version.

Source (including proper, fixed,  game of life) available here: Connways_gameOfLife


Posted: January 5th, 2010 | Author: | Filed under: General | Comments Off

Just been exploring the excellent toxi color libraries in Processing.

Dots for a slow day.

Dots for a short night.


Posted: January 4th, 2010 | Author: | Filed under: General | Comments Off

I’ve been working through a few of the examples in Keith Peters’ Advanced Actionscript Animation book recently, which is as well thought through as its prequel.  The section on steering behaviors with 2D vectors is incredibly informative, and got me working on a game of tag between the little arrows.  Using the behaviors I’d just worked through in the book examples, this was surprisingly straightforward.  The players all avoid whoever is ‘it’, while he-who-is-it looks for the nearest player, and moves towards him (or, rather, his destination based on his speed and direction).

Get Adobe Flash player

Catches are pretty frequent when the arrows bounce off the walls, as the predator tends to be behind the prey as they turn.  Getting rid of the walls shows a more interesting pattern as the prey swarm together:

Get Adobe Flash player

Things have a tendency to get stuck on the edges still.

May have a go at skinning it with some frantic chickens running aboot after each other.  Then onto the chapters on isometric rendering.  Whoop.

Code available here: catch.