Difference between revisions of "User:Tharim/minor mindofthemachine"
(85 intermediate revisions by 3 users not shown) | |||
Line 2: | Line 2: | ||
<span style='width:40em;font-size:30px;display:block;color:white;background:black;'> | <span style='width:40em;font-size:30px;display:block;color:white;background:black;'> | ||
<br/><br/><br/><br/> | <br/><br/><br/><br/> | ||
− | ''' | + | '''Life Compression Goggles |
''' | ''' | ||
<br/><br/><br/><br/><br/><br/><br/><br/> | <br/><br/><br/><br/><br/><br/><br/><br/> | ||
Line 14: | Line 14: | ||
Major: Graphic Design | Major: Graphic Design | ||
− | [ | + | [[User:Kenah | PAGE ALKENAH]] |
Suzanne Guitjens | Suzanne Guitjens | ||
Major: Fashion | Major: Fashion | ||
− | [ | + | [[User:SuZanne | PAGE SUZANNE]] |
Tharim Cornelisse | Tharim Cornelisse | ||
Major: Illustration | Major: Illustration | ||
− | [ | + | [[User:Tharim | PAGE THARIM]] |
+ | |||
+ | == WORKSHOP == | ||
+ | |||
+ | Results of the workshop we did with Arthur Boer and Boris Smeenk. | ||
+ | <br/><br/> | ||
+ | [[File:maps1-tharim.jpg|500px]] | ||
+ | <span style='width:40em;display:block;'> | ||
+ | First dataset with 104 pictures. | ||
+ | <br/> | ||
+ | [[File:maps2-tharim.jpg|500px]] | ||
+ | Second dataset with 464 pictures. | ||
+ | |||
+ | <span style='width:40em;display:block;'> | ||
+ | World maps are a way for humans to visualise something very important, their home. | ||
+ | Maps can never show the exact shape and form of the world, because of the shape of the earth and the fact that most maps can only show two dimensions, where the world has three. Through the ages world maps have changed and nowadays they are still changing. Colonialism, science and religion have all made a huge impact on how we look at the world. World maps are always made from the perception of man instead of the perception of reality. That is why world maps are deeply connected with humanity. | ||
+ | <br/><br/> | ||
+ | We collected pictures from the internet using: Google, Pixabay, Tumblr, Pinterest and Flickr. | ||
+ | We tried to collect as much different sorts of maps as we could. The only requirement the pictures had was that they had to depict the world. In the end we divided our pictures in three different categories: older maps, realistic maps and schematic maps. | ||
+ | <br/><br/> | ||
+ | By putting the image into the algorithm we hope to get a picture which roughly shows what is the most important characteristic of the earth, what we find most important when we make an image of the earth. | ||
==DEVELOPMENT== | ==DEVELOPMENT== | ||
− | + | <span style='width:40em;display:block;'> | |
− | |||
Early on ln the project we picked the subject of compression to work around. | Early on ln the project we picked the subject of compression to work around. | ||
− | + | <br/><br/> | |
We looked into a few different kinds of compression, the history of compression and the relationship between compression and our project. | We looked into a few different kinds of compression, the history of compression and the relationship between compression and our project. | ||
− | + | <br/><br/> | |
− | When computers, personal computers in particular, were upcoming compression was very needed. Data wasn’t usable because files were to big and computers to “slow”. Files needed to be smaller for the computer, but had to remain the same quality for humans. For example audio files had to be smaller, but still had to sound good. Images had to | + | When computers, personal computers in particular, were upcoming compression was very needed. Data wasn’t usable because files were to big and computers to “slow”. Files needed to be smaller for the computer, but had to remain the same quality for humans. For example audio files had to be smaller, but still had to sound good. Images had to contain less data, but still had to look good. |
Algorithms were created to do exactly this. | Algorithms were created to do exactly this. | ||
+ | <br/><br/> | ||
---- | ---- | ||
<br/><br/><br/> | <br/><br/><br/> | ||
Line 40: | Line 60: | ||
QUADTREE ENCODING | QUADTREE ENCODING | ||
+ | <span style='width:40em;display:block;'> | ||
+ | Quadtree encoding is a compression method which is used in JPEG compression and is based around a fairly simple concept in which the computer doesn't need to save the information for all the pixels in a image. It keeps dividing the picture into sections which have more or less the same color. The computer just has to remember how many times and where he split up the picture. | ||
+ | <br/><br/> | ||
+ | Above you can see two images which have been compressed with a quadtree system. The one on the left has been to told to split up fewer times than the one on the right so you can see the different sections in which the computer divides the image. | ||
− | + | <br/><br/><br/><br/> | |
+ | [[File:Aud.jpg|1000px]] | ||
+ | <br/><br/> | ||
+ | IMAGE TO AUDIO, AUDIO TO IMAGE | ||
+ | <span style='width:40em;display:block;'> | ||
+ | We experimented with using the “wrong” kind of compression. For example how would a .jpg file sound like. We took a picture of three dices and saved it as a .raw file in photoshop and then opened it in Audacity. Audacity is an open source DAW (digital audio workplace). The file would just sound like noise, but what was more interesting was using audio effects on raw data and then opening it in photoshop again. This way you can visualise the audio effects and how they alter the image (see some of the results above). | ||
+ | <br/><br/> | ||
+ | [[File:Aud4-Tharim.jpg|500px]] | ||
+ | <br/> | ||
+ | [https://soundcloud.com/tharim-cornelisse/shbeatlespic| Beatles in Beatles] | ||
+ | <br/><br/> | ||
+ | You can also use this technique the other way around. Converting an audio file to a .raw file and editing the raw file in photoshop. You can play with opacity, gradient or hide images in the code for the music. We hid a picture of the Beatles in a bit of their song “Strawberry fields forever”. Click the link under the image to hear what it sounds like. | ||
+ | <br/><br/> | ||
+ | |||
+ | PYTON COMPRESSION LOOP | ||
+ | <span style='width:40em;display:block;'> | ||
+ | The other compression experiment we conducted is what would happen if we would over compress image files. there were already some examples of the results on the internet. But to learn how they did it we tried it out anyway. After some testing it became apparent that is was difficult to do it in photoshop. So we had to find the other way to get the results we were aiming for. doing some research we found out that the best way to do it is to use Python. after looking learning the code how to just change and compress images we modified it to our needs. eventualy to get what we wanted we had to restart the compression loop over with the last image that was produced by the loop. | ||
+ | |||
+ | <br/><br/> | ||
+ | [[File:Pythoncode compLoop.png|700px]] | ||
+ | <br/><br/> | ||
+ | [[File:ALKENAH_COMPRESSIONLOOP.jpg|1000px]] | ||
+ | |||
+ | https://youtu.be/LA-l6mR_vp4 | ||
+ | |||
+ | == VISUAL RESULT == | ||
+ | |||
+ | <br/> | ||
+ | <span style='width:40em;display:block;'> | ||
+ | We wanted to compress the outside world. We think people in the present experience too much sensations. We made a pair of goggles which can compress the world around you. The goggles exists of two lenses which project an image on a piece of transfer paper which is attached to a cardboard grid. When you look through the grid you can see that the transfer paper lets through a mean of the light projected on it. So every square in the grid is filled with one colour and altogether they are showing a compressed version of the image projected on the transfer paper.</span> | ||
+ | <br/><br/> | ||
+ | [[File:Presentation-Jon-Tharim.JPG|500px]] | ||
+ | |||
+ | [[File:Presentation-Jon2-Tharim.JPG|500px]] | ||
+ | |||
+ | [[File:Presentation-Alex-Tharim.JPG|500px]] | ||
+ | |||
+ | [[File:Goggles1.0-1tharim.jpg|500px]] | ||
+ | |||
+ | [[File:Goggles1.0-2tharim.jpg|500px]] | ||
+ | <br/> | ||
+ | <br/> | ||
+ | <span style='width:40em;display:block;'> | ||
+ | </span> | ||
+ | |||
+ | ==VISUAL RESULT 2.0== | ||
+ | <br/> | ||
+ | <span style='width:40em;display:block;'> | ||
+ | Our goal was to make the goggles work without the help of a screen. to have it work when you go into the real world and produce the same results. So we the first thing we looked up is how a camera works to get a live projection. the technique is called camera obscure. its when you make a box and poke a hole in one side of the box, the light will come true and make a projection of the real life of what it's aiming at. it worked in our little experiment but not well enough to have it cover the whole grid to make full colored pixels. so we made the hole bigger and tried different lenses that we could find. we found two lenzes that worked well, picked one and redesigned and made a more sturdy wooden version of the googles glasses to have our goggles ready. | ||
+ | </span> | ||
+ | |||
+ | [[File:Alkenah goggles expo1.JPG|thumb|500px|center|A still reprisentation of the real world In RGB colores to refer to where the idea came from]] | ||
+ | [[File:Alkenah goggles expo2.JPG|thumb|500px|center|Goggles in use]] | ||
+ | <br/> | ||
+ | ====VIDEO OF THE EXPO==== | ||
+ | [https://youtu.be/nQ3_TK2BGC0 exhibition setup of the still life] <br/> | ||
+ | [https://youtu.be/lIfz-y2R40g What it looks like when using the goggles] | ||
+ | |||
+ | == LINKS == | ||
+ | |||
+ | ANIMATION FOR CONCEPTS (6:42) | ||
+ | <br/> | ||
+ | https://www.youtube.com/watch?v=qZCRtN0lfVs | ||
+ | |||
+ | IMAGE COMPRESSION BASICS | ||
+ | <br/> | ||
+ | https://www.maketecheasier.com/how-image-compression-works/ | ||
− | + | ARAM BARTHOLS | |
+ | <br/> | ||
+ | https://arambartholl.com/tvfiltereng.html | ||
− | + | PIXELATOR | |
+ | <br/> | ||
+ | https://www.youtube.com/watch?v=CT4gcXSjR1o |
Latest revision as of 08:52, 2 November 2017
Life Compression Goggles
Contents
PEOPLE
Alkenah Wansing Major: Graphic Design
Suzanne Guitjens Major: Fashion
Tharim Cornelisse Major: Illustration
WORKSHOP
Results of the workshop we did with Arthur Boer and Boris Smeenk.
First dataset with 104 pictures.
Second dataset with 464 pictures.
World maps are a way for humans to visualise something very important, their home.
Maps can never show the exact shape and form of the world, because of the shape of the earth and the fact that most maps can only show two dimensions, where the world has three. Through the ages world maps have changed and nowadays they are still changing. Colonialism, science and religion have all made a huge impact on how we look at the world. World maps are always made from the perception of man instead of the perception of reality. That is why world maps are deeply connected with humanity.
We collected pictures from the internet using: Google, Pixabay, Tumblr, Pinterest and Flickr.
We tried to collect as much different sorts of maps as we could. The only requirement the pictures had was that they had to depict the world. In the end we divided our pictures in three different categories: older maps, realistic maps and schematic maps.
By putting the image into the algorithm we hope to get a picture which roughly shows what is the most important characteristic of the earth, what we find most important when we make an image of the earth.
DEVELOPMENT
Early on ln the project we picked the subject of compression to work around.
We looked into a few different kinds of compression, the history of compression and the relationship between compression and our project.
When computers, personal computers in particular, were upcoming compression was very needed. Data wasn’t usable because files were to big and computers to “slow”. Files needed to be smaller for the computer, but had to remain the same quality for humans. For example audio files had to be smaller, but still had to sound good. Images had to contain less data, but still had to look good.
Algorithms were created to do exactly this.
QUADTREE ENCODING
Quadtree encoding is a compression method which is used in JPEG compression and is based around a fairly simple concept in which the computer doesn't need to save the information for all the pixels in a image. It keeps dividing the picture into sections which have more or less the same color. The computer just has to remember how many times and where he split up the picture.
Above you can see two images which have been compressed with a quadtree system. The one on the left has been to told to split up fewer times than the one on the right so you can see the different sections in which the computer divides the image.
IMAGE TO AUDIO, AUDIO TO IMAGE
We experimented with using the “wrong” kind of compression. For example how would a .jpg file sound like. We took a picture of three dices and saved it as a .raw file in photoshop and then opened it in Audacity. Audacity is an open source DAW (digital audio workplace). The file would just sound like noise, but what was more interesting was using audio effects on raw data and then opening it in photoshop again. This way you can visualise the audio effects and how they alter the image (see some of the results above).
Beatles in Beatles
You can also use this technique the other way around. Converting an audio file to a .raw file and editing the raw file in photoshop. You can play with opacity, gradient or hide images in the code for the music. We hid a picture of the Beatles in a bit of their song “Strawberry fields forever”. Click the link under the image to hear what it sounds like.
PYTON COMPRESSION LOOP The other compression experiment we conducted is what would happen if we would over compress image files. there were already some examples of the results on the internet. But to learn how they did it we tried it out anyway. After some testing it became apparent that is was difficult to do it in photoshop. So we had to find the other way to get the results we were aiming for. doing some research we found out that the best way to do it is to use Python. after looking learning the code how to just change and compress images we modified it to our needs. eventualy to get what we wanted we had to restart the compression loop over with the last image that was produced by the loop.
VISUAL RESULT
We wanted to compress the outside world. We think people in the present experience too much sensations. We made a pair of goggles which can compress the world around you. The goggles exists of two lenses which project an image on a piece of transfer paper which is attached to a cardboard grid. When you look through the grid you can see that the transfer paper lets through a mean of the light projected on it. So every square in the grid is filled with one colour and altogether they are showing a compressed version of the image projected on the transfer paper.
VISUAL RESULT 2.0
Our goal was to make the goggles work without the help of a screen. to have it work when you go into the real world and produce the same results. So we the first thing we looked up is how a camera works to get a live projection. the technique is called camera obscure. its when you make a box and poke a hole in one side of the box, the light will come true and make a projection of the real life of what it's aiming at. it worked in our little experiment but not well enough to have it cover the whole grid to make full colored pixels. so we made the hole bigger and tried different lenses that we could find. we found two lenzes that worked well, picked one and redesigned and made a more sturdy wooden version of the googles glasses to have our goggles ready.
VIDEO OF THE EXPO
exhibition setup of the still life
What it looks like when using the goggles
LINKS
ANIMATION FOR CONCEPTS (6:42)
https://www.youtube.com/watch?v=qZCRtN0lfVs
IMAGE COMPRESSION BASICS
https://www.maketecheasier.com/how-image-compression-works/
ARAM BARTHOLS
https://arambartholl.com/tvfiltereng.html