Projects

Projects

Year-long Timelapse of Stadium Construction
-

In 2010 construction started on the new roof of BC place stadium in Vancouver and I decided to try at an ambitious project of capturing a timelapse animation of over a year and a half's worth of construction. Setting up a webcam at a friend's place across the street from the stadium, I created a simple program in Max/MSP to capture images at a varying intervals, and upload straight to my website.

I also added the ability to change the capture interval remotely, and set a different capture rate for daytime and night time. When the pictures were all taken (550,000 of them) I created a crude application in flash (which never left the prototype phase) that will load certain pictures and play them as a video with an adjustable date range or other features.

I also had ideas to filter out pictures with bad weather so I added code that reads a weather almanac website and adds that information over to the picture database, this information is also relayed over onto the timelapse player to give a sense of the weather at the time of each picture.

Client
Technology
Timelapse
Flash
PHP
SQL
MAX/MSP
NGRAIN Flash Animation Development
-

During my experience at NGRAIN Corporation, I was the lead programmer on an animation process upgrade which included consolidating various methods used to develop linear and interactive Flash animations into one system which makes it easier to develop, edit and update/upgrade. One of the biggest improvements was to bring all of the variously placed text used in the animations outside of the timeline into xml to vastly improve the editing time and make it far easier for language translation. Another improvement was to remove the redundant inline code of telling the animation when to pause and play, and instead have the developer simply insert smart keyframe labels to automate the process.

A process of having overlays of correct and incorrect hotspots was also introduced to ease the development and an ability to import animations from existing projects streamlined the process. Other highlight features include easy to use add-ons such as multiple choice questions, dialog boxes, tooltips, drag and drop selections, a virtual camera system, LMS tracking using SCORM, backwards compatibility, and more; all in the name of reducing the work-load and turn-around time for the redundant tasks the animators have.

Client
Technology
Flash
XML
Italia Design Field Study
-

The Italia Design field study was an annual collaborative study on Italian design, and the context in which innovation can be inspired by culture and history. The experience in Italy was completely hands-on, and allowed for our group to personally investigate and interview many top designers, architects, and innovative thinkers, and the businesses they run. This allowed us to apply some of the theories and methods we learned towards various projects in field.

Client
Technology
Illustrator
Premiere
Timelapse
Dare to Dream

This project looked into the area of ambient video displays. The video display incorporated a concept of someone dreaming about people painting moving images along a white canvas which was displayed along a 40 foot projected banner in the campus hallway. My role was project leader when it came from initial concept to implementation of how it could be done. The process included creating a custom made large blue-screen using a tarp, setting up camera and lighting, painting red onto the blue tarp, then using after effects to key out the colors which were replaced with various timelapse scenes.

Client
Technology
After Effects
Premiere
Photoshop
dolnik.ca Home Page Test Mode
-

While making tweaks to the home page animation, I needed more control over the animation to ensure there are no performance issues or bugs. I decided to make some simple controls for the various aspects of the animation. I decided to make these controls public as an easter egg when the dolnik.ca logo is clicked within the animation to help show the different aspects of how the animation works.

Client
Technology
Javascript
jQuery
GSAP
dolnik.ca Home Page Update

When the public perception and presence of Adobe Flash was dwindling, the Flash-based home page of dolnik.ca needed an update. Utilizing recent web technology such as Html5, CSS3, and Greensock animation platform, I was able to recreate the animated time lapse mountain scenery of the Flash version, as well as update the look and feel of the clouds to add more realism. The scene shown is a videoscape of a mountain top setting based off of a picture of myself during a hike up one of the local mountains around Vancouver.

Client
Technology
GSAP
Timelapse
jQuery
CSS
PHP
Photoshop
dolnik.ca Website
-

After 5+ years of having a flash-only based website, dolnik.ca was due for an upgrade. After having a good look around at what the current web practices are, I decided to re-create dolnik.ca and go with a mobile-first based responsive design using Twitter's open source Bootstrap framework as a foundation.

In the name of reusability and for the ease of future updates, I ensured that most of the pages are highly templated, and pull their content from a simple custom CMS using a combination of PHP and MySQL. As for the general design I looked towards a flat and simple, yet textured layout, with a parallax background with a layer in front that resembles a scratched-up frosted glass.

Client
Technology
PHP
SQL
LESS
jQuery
CSS
Javascript
Bootstrap
HTML
Tags
dolnik.ca Picture Viewer

When the public perception and presence of Adobe Flash was dwindling, the Flash-based picture viewer of dolnik.ca needed an update. Utilizing various current web technologies, I was able to build off of the back-end of the current PHP/MySQL image database that I am using for the Flash version, to create a Non-Flash version of the picture viewer.

For the background image, I used php to pull the highest rated / most viewed image from the current collection and added a blur effect to give the current page a theme that represents the current image collection. At this point the more advanced features of the Flash version such as searching by location, tags, and dates are not incorporated yet, but will be in the near future.

Client
Technology
PHP
SQL
jQuery
CSS
Javascript
3D Learning Environment
-

Working with Citadel Training Management, I was in charge of creating a 3D learning environment to provide training and learning solutions. While the work ended up unfinished, many features were still able to be showcased. Using the Unity 3D game engine, I managed to create a system from scratch for the user to manipulate 3D objects with collisions and physics, also with a multi-level hierarchy that allow parts and sub-parts to be attached and disassembled with ease, with minimal setup by the developer.

Using a popular powerful game engine also allows for realistic graphics and models as well as a means to run this environment on various platforms, such as standalone PC, internet browser, mobile, or gaming platforms.

Client
Technology
Unity
Javascript
C#
3DS Max
GPX (gps) Uploader and Viewer

In 2012 good friends of mine embarked on a motorcycle trip around the world, although I did not create their website (ridetheworldtogether.com) I helped with many small features such as a RSS feed reader which automatically populates any YouTube updates, as well as an interactive map showing their route so-far.

At first I used existing services such as EveryTrail and TripTracker which started to really slow down the map navigation as their route became much longer. I eventually took matters into my own hands and created a system using PHP and MYSQL to read GPX (xml based GPS files) and populate a database with time, coordinates and other info.

I also learned how to use Google Map's API to display a very complex route on a map using data compression as the line plots loaded onto the map exceeds 650,000 points so far. I also created a crude GUI so that all my friend needs to do, is upload the GPX files and press a button to load the points into the database.

Technology
PHP
Google Maps API
XML
SQL
GPX
AJAX
Tags