Description:
This is an early prototype of an idea I have for an online photobooth. If you have a webcam, CLICK to save your photo.
It uses AMFPHP to communicate with a MYSQL database. The images are being converted to jpegs using the AS3 jpeg conversion library (http://www.bytearray.org/?p=90). They are then been sent as bytearrays to an AMFPHP service that saves the image to a directory and inserts an entry into a database table.
View:
http://richard-c.com/look/photobooth/
http://users.design.ucla.edu/~rcaceres/199/exercises/CameraAMFPHP/CameraAMFPHP.html
Source:
http://users.design.ucla.edu/~rcaceres/199/exercises/CameraAMFPHP/
Description:
Click to take a picture from your web-cam. This program creates a BitmapData object from DisplayObject. The code that does this is:
var bd:BitmapData = new BitmapData(video.width, video.height, true, 0×000000);
bd.draw(video);
var bm:Bitmap = new Bitmap(bd);
View:
http://users.design.ucla.edu/~rcaceres/199/exercises/CaptureCamera/CaptureCamera.html
Source:
http://users.design.ucla.edu/~rcaceres/199/exercises/CaptureCamera.tar
Description:
An exercise to learn how to use Actionscript3 sound. This program dynamically loads 11 mp3 files and plays them one after the other. Also, the sprites on the screen react to the playback and amplitude of the sounds.
NOTE: For some reason, the visuals don’t work in the browser. In order to see them, you have to download the source archive and run the swf on your computer.
View:
http://users.design.ucla.edu/~rcaceres/199/exercises/HelloSound/HelloSound.html
Source:
http://users.design.ucla.edu/~rcaceres/199/exercises/HelloSound/
http://users.design.ucla.edu/~rcaceres/199/exercises/HelloSound.tar
Description:
This is another exercise with Box2D. This time, there are more obstacles to get in the way of the falling objects. These obstacles are generated procedurally with code. Also, the program creates a new ball object whereever the user clicks.
This program does not run as quickly as the previous box2D exercise, and when I increase the “circleDef.restitution” property, which controls bounciness, the program runs even slower.
Hopefully the more I familiarize myself with box2D, the more I’ll understand what happens and be able to optimize the code.
View:
http://users.design.ucla.edu/~rcaceres/199/exercises/ObstacleFall/ObstacleFall.html
Source:
http://users.design.ucla.edu/~rcaceres/199/exercises/ObstacleFall/
http://users.design.ucla.edu/~rcaceres/199/exercises/ObstacleFall.tar
Description:
For this image gallery exercise I chose to remake a popular Actionscript 2 image gallery called Autoviewer. This exercise also provides me a way further customize the visuals and functionality of this gallery. For me, Autoviewer is a good gallery for viewing sequential images such as a photo essay. I did not like the way Autoviewer renders text on the screen such as the current image number. As of now I have not implemented any text.
This image gallery reads an xml file that is formatted exactly like Autoviewer’s xml format (example xml file). Therefore, someone could easily transition from Autoviewer to my new AS3 gallery.
The gallery also supports full screen mode and browsing with the keyboard (except while in full screen mode [which is a bug i want to fix]).
The photos in the demo gallery are a photo essay I created for a class called Social Documentation at UC Santa Cruz. In short, this photo essay documents an event that occurred in the Porter Bridge Gallery at UC Santa Cruz in April 2006. For ten days, the gallery was transformed into a creative living space. The highlight of this event was a family of five who lived at the space for the entire duration.
View:
http://users.design.ucla.edu/~rcaceres/199/exercises/ImageGallery3/ImageGallery3.html
Source:
http://users.design.ucla.edu/~rcaceres/199/exercises/ImageGallery3/
http://users.design.ucla.edu/~rcaceres/199/exercises/ImageGallery3.tar
Description:
This second image gallery shows images linearly. It uses the keyboard’s Left and Right keys for browsing. Just like the previous image gallery exercise, it reads a list of images from an xml file.
View:
http://users.design.ucla.edu/~rcaceres/199/exercises/ImageGallery2/ImageGallery2.html
Source:
http://users.design.ucla.edu/~rcaceres/199/exercises/ImageGallery2/
http://users.design.ucla.edu/~rcaceres/199/exercises/ImageGallery.tar
