Hello, I'm Matthew Sponagle and this is my online Portfolio.

I would first like to stress that this whole portfolio was put together in roughly 5 hours. All my demos were created very simple and aim to show basic functionality. I do not like delivering something that is not 'pixel perfect' but I have been told some examples are better than none.

I plan to create more demos with a higher level of complexity. If these demos do not suffice, I would be more than happy to recreate components of the Kolody site in HTML5 to display more applicable examples.

Most of these examples I have coded the functions myself to show my understanding of HTML5, but I am also very familiar with frameworks such as processing.js and Box2D.

This demonstrates HTML5 Canvas 2D drawing, animation, transformation and interaction. There are no canvas libraries used in this demo, rather I have only used the basic, primitive features like drawing paths and arcs.

This demo illustrates the use of gravity, friction and mouse-ball collision. Ball-to-Ball Collision was not implemented due to time-constraints. There are libraries, like Box2B which are basic AS3 ported scripts that help transform objects, the world, generate physics and create objects.

In my last year of university, I took a graphics course which focused on OpenGL with C++. In this course, we made our own OpenGL function only using C++ and OpenGL Primitives. With the use of world matrices, object matrices and transformation matrices, we were able to give 2D environment a 3D feel.

Using the same math I learned in that course, I plan to recreate this demo in 3D. This will include view changes, shadowing, ray-casting, texture-mapping and object manipulation.

Sample code: (commented properly)
Circle Class: element creation + drawing
Balls.php: Everything else

This demonstrates HTML5 Canvas 2D drawing, sound and image drawing. The mouse effect is achieved by rotating the colours of any element that collides with the mouse.

Sample code:
Balls.php: Everything else (ran out of time, no comments)

This demonstrates HTML5 Geo-Location combined with Google Map API and PHP-xml parsing. The website also keeps track of where people are visiting it from.

Sample code:
Bulk Geo-coding Addresses PHP/MySQL/AJAX/Google API, Used to add addresses for markers
Markers PHP/MySQL Parse to XML
map.js javascript, plot markers and show map.
geoloc.js HTML5 Geo-location

Due to the nature and time-restrait of this portfolio, I am unable to post any Objective-C samples here. Once I return from my business trip, I'd be more than happy to make a sample application to show-case my knowledge.

I have used the Standform University iPhone Application Development Program to improve my Objective-C Coding. I have completed 12/20 lectures with all assignments completed successfully. These assignments consist of Calculators, Doodle drawing, Photo Libraries, Vitamin Directory and many more.

I plan to complete the remaining 8 lectures this September.

Soon to add images of Application I've made