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:
This is a musical instrument build with actionscript 3.0. I created it for an assignment in DESMA 157 - Design For Interactive Media. The prompt was to create a musical game. It is influenced by Nintendo’s Electroplankton. This version uses a hard coded sample set of musical instruments that I sampled. A version that communicates to external applications with OSC is in the works.
This project combines my knowledge of Box2D, the AS3 sound API, the drawing API, the tween class, and other AS3 elements. I also used the Flex Eclipse development environment for development.
The controls are:
Space - launch a new ball at top of screen
Shift - launch a new ball at the mouse position
To place a note on a peg, put your mouse cursor on top of it, and press a key on a keyboard. The top row (QWERTYU) is the first voice, the second row (ASDFGH), and the third row (ZXCVBN) place appropriate pitches - lowest to highest from left to right (just like a piano).
Clicking an already placed note erases it.
You can load a demo to get you started.
View:
http://users.design.ucla.edu/~rcaceres/157/pinball/Assignment3.html
Source:
not yet available…
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
