Pro Cam-Fis intro movie
ClientPro Cam-Fis (http://www.procam-fis.com.hk)
Companyfreelance contract
DateNov 2005
Linkview
Taskintro animation (script, debug)
DetailAfter coding the site (psd to html conversion), I was asked to debug the flash movie where the sound file did not start on cue, and added in a loader.
Juvenia animated timeline
ClientJuvenia (http://www.juvenia.com)
Companyfreelance contract
DateDec 2005
Linkview final version
view demo version
Taskanimated timeline (assembly, script, motion design)
DetailAn animated timeline illustrating the company's history. This project is heavily focus on motion design with smooth transitions between every element.
Juniper Deployment Map
ClientJuniper (http://www.juniper.net)
Companyfreelance contract
DateJune 2006
Linkview
Taskdeployment map (assembly, script)
DetailAn interactive client list showing the company name and location.
salad king demo menu
ClientSalad King Restaurant
Companyfreelance contract
DateFeb 2003
Linkview
Taskflash based menu (design, assembly, script)
Detailbefore scrollable div tags were widely supported by most browsers, I scripted this flash movie which makes a scrollbar for the content, so the page will fit in the screen standard which then was 1024x768. It also reads data from an XML file allowing the menu data to be updatable.
Pepsi-china intro & game
ClientPepsi China (http://www.pepsi.com.cn/)
CompanyIcon MediaLab
Date2000
Linkview game product
view game prototype
Taskintro (script)
game (script, design, assembly)
DetailWay back in 2000 when Pepsi China's site was launched, the company I worked at was contracted to build the site with a flash intro and a game. The game, which was to promote the world cup related products, is soccer theme version of pong. The prototype was built with flash5, and the final product was built with director8.
iKent Ecard
ClientKent
CompanyGrey Interactive (http://www.greyinteractive.com/)
Date2001
Linkview maker
view viewer
Taske-card (assembly, script)
DetailA flash movie which users can customize animation and music for an e-card, as well as a viewer for the receiver of the ecard . The original idea was to have users configure a fireworks animation by tracking time and position of when & where the user clicked. A prototype of that interactive style was made but was not quite user friendly. So the customizable animation interface changed to a drag and drop timeline. After the user plots the animation dots and sets the background & background music, the data is sent via post method to a database server. An e-mail with link containing a corresponding id to the data will be sent to the targeted receiver. The user clicks on the link to open a webpage with the viewer which reads the data from the database.
OFTA pitch
ClientOFTA (http://www.ofta.gov.hk/)
CompanyGrey Interactive (http://www.greyinteractive.com/)
Date2001
Linkview
Taskprototype for client presentation (design, assembly, script)
DetailA prototype for the OFTA pitch. Developed in a day, this project uses a combination of Director8 and Flash5 technology. The spinning cube navigation was developed using Flash and imported into Director. The spinning cube animation was first rendered in a 3D application output as images then traced as vector images and imported into Flash for optimized scalability.
Citibank credit card flash banner
ClientCitibank (http://www.citibank.com.hk)
CompanyGrey Interactive (http://www.greyinteractive.com/)
Date2001
Linkview
Taskflash movie (design, assembly, motion design)
DetailCreate a subtile animation which blends in with the pre-existing interface. A flash animation which only embodies aesthetic purposes.
HSBC iCan Credit card page banner
ClientHSBC (http://www.hsbc.com.hk)
CompanyGrey Interactive (http://www.greyinteractive.com/)
Date2001
Linkview
Taskflash movie (design, assembly, motion design)
DetailCreate a subtile animation which blends in with the pre-existing interface. A flash animation which only embodies aesthetic purposes.
Dinner's Club animation prototype
ClientCitibank (http://www.citibank.com.hk)
CompanyGrey Interactive (http://www.greyinteractive.com/)
Date2001
Linkview
Taskprototype for client presentation (design, assembly, script)
DetailA prototype for Citibank Dinner's Club website. It's purpose is to calculate the air miles(earned from using the card) required to travel to a specified travel destination.
Golf game/banner pitch for HSBC
ClientHSBC (http://www.hsbc.com.hk)
CompanyGrey Interactive (http://www.greyinteractive.com/)
Date2001
Linkview
Taskgame/banner (design, assembly, script)
DetailA game/banner with a single click interaction.
Kent bidding kiosk
ClientKent
CompanyGrey Interactive (http://www.greyinteractive.com/)
Date2001
Linkview
view
view
Task(design, script)
DetailDevelop flash interactive movies that works with jsp in making a silent bidding system.
VW China ad Pitch
ClientVolkswagen
CompanyGrey Interactive (http://www.greyinteractive.com/)
Date2001
Linkview
Taskpitch(design, motion design)
DetailA flash animation ad pitch to Volkswagen China.
Fancl Slim up project game/ad
ClientFancl (http://www.fancl-hk.com/)
Companyfreelance contract
DateJul 2004
Linkview
Taskgame(debug)
DetailA point and click game to demonstrate the diet product's ability to burn fat. I had 12 hours to debug the game made by another contractor. I made the time calculation to use the actual clock instead of by frames. (frames are unreliable as they perform differently on different systems.) I'd also update the sprite to randomly generate in different positions.
2002 Portfolio
Clientn/a
Companypersonal dev
Date2002
Linkview
Taskportfolio (design, assembly, script)
DetailI made this portfolio to showcase my work in hopes to continue with my web design career in Canada and gain freelance jobs, back in 2002. The flash movie is very light weight, coming in at 158KB. All the images are imported externally as the user navigates throughout the system.
snow
Clientn/a
Companypersonal dev
Date2000
Linkview
Taskscript
DetailA fun project to make use of OOP design in Flash5.
shooting
Clientn/a
Companypersonal dev
Date2000
Linkview game
view dev1
view dev2
Taskgame (design, assembly, script)
DetailA fun project to simulate the arcade game silent scope where the arcade console uses an embed LCD screen to display a zoomed in image of scene on a sniper rifle.
chart generator
Clientn/a
Companypersonal dev
Date2002
Linkview 2D variant
view XML file
view 3D variant
Task(design, script)
DetailMaking use of the XML reading capabilities. This movie reads data from an xml file and generates a bar charts. Alternative, such as pie chart generation was also developed.
Game Asteroids
Clientn/a
Companypersonal dev
Date2001
Linkview game
view dev1
Taskgame(design, script)
DetailA game to play with collision detection methods in Flash5. Using the arrow keys to maneuver and spacebar to fire.
Game Scratch Card
Clientn/a
Companypersonal dev
Date2001
Linkview
Task(script)
DetailIn preparation for a then up-coming project, I developed this demo which is to simulate the action of a scratching a lotto ticket with a coin. The project eventually was moved towards using Director because of it's better pixel painting/masking abilities.
Line chase
Clientn/a
Companypersonal dev
Dateblah
Linkview dev1
view dev2
view dev3
view dev4
view dev5
view dev6
Task(script)
DetailA series of tests compose of lines, dots and mouse click/position interaction.