User:Eleanorg/1.2/Forbidden Pixels: Difference between revisions
| (18 intermediate revisions by the same user not shown) | |||
| Line 2: | Line 2: | ||
==Code trials== | ==Code trials== | ||
* [[User:Eleanorg/1.2/Forbidden Pixels/html grid reproducing a section of banned photo | html grid reproducing a section of banned photo]] | ===Scraping & Using remotely hosted pixel data=== | ||
* [[User:Eleanorg/1.2/Forbidden Pixels/scraping pixel data | scraping pixel data]] | |||
* [[User:Eleanorg/1.2/Forbidden Pixels/Receiving URL where data is hosted | Receiving URL where data is hosted]] | |||
* [[User:Eleanorg/1.2/Forbidden Pixels/writing string to text file | writing string to text file]] | |||
* [[User:Eleanorg/1.2/Forbidden Pixels/composing image with ImageMagick | composing image with ImageMagick]] | |||
===User interface=== | |||
Will probably be an html image map over the image, with jQuery allowing ppl to browse through the pixels. | |||
* [[User:Eleanorg/1.2/Forbidden Pixels/Html image map | Html image map]] | |||
* [[User:Eleanorg/1.2/Forbidden Pixels/using jQuery to access co-ordinate & colour of each cell | using jQuery to access co-ordinate & colour of each cell]] | |||
* [[User:Eleanorg/1.2/Forbidden_Pixels/Browsable image with CSS & jQuery | First Browsable image w/ css & jQuery]] | |||
===Printing an empty html grid=== | |||
An image is processed with ImageMagick, so each pixel's coordinate & color is extracted. A visibly empty html grid is printed, with each cell in the grid assigned one pixel's coodinate & color. Eventual aim: each cell has a unique id string, which can be embedded on other websites. Those sites are then scraped, turning the co-ordinate & colour within the string into html which displays the pixel. | |||
* [[User:Eleanorg/1.2/Forbidden Pixels/storing RGB values in nested lists | storing RGB values in nested lists]] | |||
* [[User:Eleanorg/1.2/Forbidden Pixels/printing html grid from nested list values | printing html grid from nested list values]] | |||
* [[User:Eleanorg/1.2/Forbidden Pixels/assigning each td a meaningful id | assigning each td a meaningful id ]] | |||
===Reproducing an image as html=== | |||
An image is processed with ImageMagick, so each pixel's coordinate & color is extracted, then reproduced using only html/css, so it's no longer an image. | |||
* [[User:Eleanorg/1.2/Forbidden Pixels/html grid reproducing a section of banned photo | html grid reproducing a section of banned photo]] >> [http://pzwart3.wdka.hro.nl/~egreenhalgh/forbiddenPixels/forbiddenPixelsGrid1.html View output] | |||
* [[User:Eleanorg/1.2/Forbidden Pixels/RGB values stored in an array | storing RGB values in an array]] | * [[User:Eleanorg/1.2/Forbidden Pixels/RGB values stored in an array | storing RGB values in an array]] | ||
* [[User:Eleanorg/1.2/Forbidden Pixels/trying to print html grid with colours | html grid with rgb values from system command]] | * [[User:Eleanorg/1.2/Forbidden Pixels/trying to print html grid with colours | html grid with rgb values from system command]] | ||
* [[User:Eleanorg/1.2/Forbidden Pixels/first html grid | first html grid]] | * [[User:Eleanorg/1.2/Forbidden Pixels/first html grid | first html grid]] | ||
* [[User:Eleanorg/1.2/Forbidden Pixels/extracting pixel colours | extracting pixel colours]] | * [[User:Eleanorg/1.2/Forbidden Pixels/extracting pixel colours | extracting pixel colours]] | ||
Latest revision as of 16:38, 26 March 2012
Experimenting with breaking down illicit content - whether obscene or pirated - into the smallest possible visual units.
Code trials
Scraping & Using remotely hosted pixel data
- scraping pixel data
- Receiving URL where data is hosted
- writing string to text file
- composing image with ImageMagick
User interface
Will probably be an html image map over the image, with jQuery allowing ppl to browse through the pixels.
- Html image map
- using jQuery to access co-ordinate & colour of each cell
- First Browsable image w/ css & jQuery
Printing an empty html grid
An image is processed with ImageMagick, so each pixel's coordinate & color is extracted. A visibly empty html grid is printed, with each cell in the grid assigned one pixel's coodinate & color. Eventual aim: each cell has a unique id string, which can be embedded on other websites. Those sites are then scraped, turning the co-ordinate & colour within the string into html which displays the pixel.
- storing RGB values in nested lists
- printing html grid from nested list values
- assigning each td a meaningful id
Reproducing an image as html
An image is processed with ImageMagick, so each pixel's coordinate & color is extracted, then reproduced using only html/css, so it's no longer an image.