User:Eleanorg/1.2/Forbidden Pixels: Difference between revisions
| (2 intermediate revisions by the same user not shown) | |||
| Line 4: | Line 4: | ||
===Scraping & Using remotely hosted pixel data=== | ===Scraping & Using remotely hosted pixel data=== | ||
* [[User:Eleanorg/1.2/Forbidden Pixels/scraping pixel data | scraping 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:Eleanorg/1.2/Forbidden Pixels/composing image with ImageMagick | composing image with ImageMagick]] | ||
| Line 10: | Line 12: | ||
* [[User:Eleanorg/1.2/Forbidden Pixels/Html image map | Html image map]] | * [[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/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=== | ===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. | 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. | ||
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.