Mosaic Playground
From CSE330 Wiki
Contents |
[edit] Concept
Make solid-color mosaic display for jpg images by using the average rgb values of pixels in that square. Square size (resolution) is adjustable, and other effects, such as component view (rgb separation), inverting, ect. will exist.
[edit] Technologies
1. wget (download) (local version will be faster for subsequent edits)
2. gimp (resize to 640 width) edit: php has image resizing abilities
3. php (image collection into data struct)
4. ajax (php to javascript communication)
5. jquery/javascript (image display)
[edit] Development
Taking place at: http://doug.ath.cx
Steps:
1. Display image using div's
2. Parse image using PHP
3. Communicate & update using AJAX
4. Remove hard coding to allow image download, resizing of layout to accomodate
5. Develop features
[edit] Features
Image-wide modifications:
1. Resize
2. R/G/B component view
3. Invert
4. Grayscale
5. Hue shift
6. Export/Save As to jpg
Cell-wide modifications:
1. Invert
2. Darken
3. Paint
4. Random color
[edit] Concerns
Right now each edit reopens the image file and parses from scratch. Ideally a user should be able to make subsequent edits. Since I am using AJAX, I am not sure how to make session variables. It's possible that I should actually be writing the current state of the image out to a jpg after each edit. That also brings up the possibility of having an undo button by writing out a new image each step and looping through an id (say 1-20), thus keeping 20 history states. Are there any better solutions?
