David Cowley Art

David Cowley Art is a PHP, CSS and HTML portfolio site for the artist David Cowley.
I created this during my short time at Glasseye, I was the sole designer and developer on this project. The site is going for a minimalist design and feel, to complement and show off the work but not intrude on visitor’s experience of David’s work.
Slimbox, a lightweight clone of the popular JavaScript component was used to display all the images in an overlay.

Check out the site here :

http://www.davidcowleyart.co.uk

David Cowley Art - home page

David Cowley Art - home page

David Cowley Art - portfolio page

David Cowley Art - portfolio page

David Cowley Art - image overlay with slimbox

David Cowley Art - image overlay with slimbox

Paul Davis & Partners

I was part of the team at Emak Mafu that built this 100% flash AS3 site with an AMF PHP backend for an architect.
I created components to display 100% of the text and images on the site, I also created the project page component and the thumbnail people explorer in the contact section.

Check out the site here:
http://www.pauldavisandpartners.com

Project page – image viewer with text

Project page – image viewer with text

Thumbnail people explorer

Thumbnail people explorer

Contact Page

Contact Page

Fairfield Energy

I was part of the team at Emak Mafu that built this 100% flash AS2 site with an AMF PHP backend for a North Sea oil producer.
I created components to display 100% of the text in the website, all of the images and videos via an overlay.
The video component extended the FLV Play back component and I created a custom skin swf for it.

Check out the site here:

http://www.fairfield-energy.com/

Fairfield Energy website homepage

Fairfield Energy website homepage Fairfield Energy website homepage

Video Component with custom skin and functionality

Video Component with custom skin and functionality

Custom image viewer component

Custom image viewer component

Data visualisation with RaVis in Flex

RaVis (Relational Analysis Components) is part of the BirdEye “a community project to advance the design and development of a comprehensive open source information visualization and visual analytics library for Adobe Flex.”

The RaVis components all you to create interactive data visualisation interfaces for the analysis of relational data sets such as social networks, organisation trees, navigation systems and anything else you can think of.

To create this example I followed an article I beta tested for the Flash&Flex Developer’s Magazine.
Once you get to grips with setting up the project and components it’s really easy, this was my first proper dive into flex and I found it to be quite manageable.

The data for this example and the ones on the project website are loaded in form an xml file and are very basic, for example to make 2 nodes and connect them takes as little as this code:

// the first node
//<node id=”1″ name=”Food” desc=”Stuff you can eat” nodecolor=”0×333333″ nodesize=”50″></node>
// the second node
//<node id=”2″ name=”Dairy Products” desc=”milk and stuff ” nodecolor=”0xFFE76B” nodesize=”15″></node>
// the connection between them
//<edge fromid=”1″ toid=”2″ edgelabel=”is a group of” color=”0×000000″></edge>
More data is revealed as you drill down – double click on the ‘cow’ node.

(Either JavaScript is not active or you are using an old version of Adobe Flash Player. Please install the newest Flash Player.)

————-
Update

download source (2.4mb zip)

The source contains all the folders for this project - it also includes the libRaVis.swc in the libs folder.
some comments on code

Papervision mashed up with Yahoo maps

This mashes up a paperervision globe with the geo codes from yahoo maps.
All the data is obtained via a call to yahoo service that sends back some xml, then a point is put on the map.

I created this from a tutorial on the adobe site it was in Flex but I ported it over to Flash.

You can search by country, place, zip code, post code, anything that yahoo will accept and it might find it.

First bit of paper vision

I have wanted to try out papervision for a while and I have finally got round to making something pointless.

Here it is 2 boxes inside a room……. Pointless!

Move around the scene by moving your mouse