Coding with an image

12/10/2013 § Leave a comment



This week in Spencer’s coding session we worked on image coding and manipulating pixels. We began with a head shot in the .JPG format (I chose CSI Las Vegas actor George Eads, obviously). Our first step was to calculate how many pixels were in our image – in total my head shot has 120,000 pixels (woah!). We then had to pick a number between 0 and your pixel limit and then inputted and embedded it into the Processing software along with the rest of our coding (images below).

This slideshow requires JavaScript.

Once the colour coding had been put into place, we selected a random rectangle so that the software picked out all the individual pixels from that specific area and cut and stuck it repeatedly onto our blank canvas. After I had successfully done this, we worked on changing the opacity of the coloured pixels. I must admit, I didn’t get this right on my first few attempts but with a quick re-cap of what to do, I eventually got it.


Tagged: ,

Leave a Reply

Please log in using one of these methods to post your comment: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s

What’s this?

You are currently reading Coding with an image at Taylor Sim.


%d bloggers like this: