Artshow SVG

I’m happy at how artshow is coming along. It feels ‘done’ and as a learning tool has been the perfect scope of project. I think if I would have done something more ambitious it would have been more difficult to bring it to completion (like the majority of my projects in svn).

Here’s the way it’s setup:

  • Simple PHP page that queries the wordpress database for the wp_postmetadata for images matching a certain prefix and returns the wierd WP formatted metadata via an AJAX JSON query.
  • The main frame is basically a single div to bind to raphaeljs
  • The image metadata is parsed and put into a local js object cache and the SVG is built-up using the raphael js API.
  • The UI is all javascript driven using the animation framework in raphael

You can play with it and see the code here:

http://xenopod.net/artshow.html

Art is by Joe Peterson.

It works on the iPhone/iPad as it is fully web compliant. Much thanks to the Jquery and RaphaelJS libraries for covering me on the front. I really don’t want to bother with browser compatibility.

This entry was posted in javascript. Bookmark the permalink.

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>