Polaroid Wall Source Code
in
Share your Work
•
2 years ago
The code is quite big to be Copy&Pasted here on the forum, so I hosted a zipped version of the Sketch for the ones interested
HERE. Also, a video demo is available at
Vimeo.
I tried to clean up the code for this release and comment whenever possible. I left the KinectManager and EncoderManager Classes out of this release because I did not have time to review and clean their code. However, I will include them in the next version. That means, in this release, you can only interact using the mouse.
For quick and dirty configuration, check 'Settings.pde'. To customize the way the pictures are displayed, check the PolaroidRender Class or create your own Class implementing AvatarRender. To load pictures from a database you need to uncomment certains parts of the code (they are highlighted) and also install Florian Jenett's SQLibrary.
This release mainly contains:
- Displaying a Carrousel List of Picture loaded from a DB, or fake DB (see fakeDB function);
- Scrolling and Kinetic Scrolling;
- Zooming with/without re-spreading the pictures;
- Select a picture to see its details on the backside;
- Pause the Carrousel when user interaction is detected.
Known Issues:
- If APP_ANIMATED_SPRITE is set to true, the Sketch will freeze 1 or 2 times during a few milliseconds once the application is started. I'm not sure, but I believe that is related to the picture caching.
- MouseManager does not work well in the browser, crashes most the time.
Critics and suggestions are welcome. I hope this can be of use to someone, an if it is, I would be glad to know. If some part of my 'designer' code is not clear, I'll be happy to explain :)
Cheers,
Miguel Peres