Difference between revisions of "User:Noemiino/year3.2"

From DigitalCraft_Wiki
Jump to navigation Jump to search
 
(37 intermediate revisions by the same user not shown)
Line 4: Line 4:
  
 
=How to be human in the near future of Q10?=
 
=How to be human in the near future of Q10?=
 +
<span style='width:40em;display:block;'>
 
   
 
   
From the projects I worked on in Q9 I was fascinated by the way a machine can create a new image from what it is fed. While I was preparing the images to upload to the wiki I had a gif that I had to reduce the quality so much to fit in the 2 MB restriction that it became a 100 × 56 image - this gif is in the end not more than 400 KB and has specific settings for the colors that is why the bigger I set the resolution for it here on screen the more interesting it becomes. The pixels become visible and a new layer of the image emerges.<br>
+
From the projects I worked on in Q9 I was fascinated by the way a machine can create a new image from what it is fed. While I was preparing the images to upload to the wiki I had a gif that I had to reduce the quality so much to fit in the 2 MB restriction that it became a 100 × 56 image - this gif is in the end not more than 400 KB and has specific settings for the colors that is why the bigger I set the resolution for it here on screen the more interesting it becomes. The pixels become visible and a new layer of the image emerges.<br><span>
 
[[File:artificial-flower3.gif‎|‎|100px]]  
 
[[File:artificial-flower3.gif‎|‎|100px]]  
 
[[File:artificial-flower3.gif‎|‎|200px]]
 
[[File:artificial-flower3.gif‎|‎|200px]]
Line 23: Line 24:
 
[[File:pixel-example6.jpg‎|‎|600px]]
 
[[File:pixel-example6.jpg‎|‎|600px]]
 
[[File:pixel-example7.jpg‎|‎|600px]]
 
[[File:pixel-example7.jpg‎|‎|600px]]
 +
</span>
  
 
= Hiding your identity =
 
= Hiding your identity =
Line 43: Line 45:
 
[http://pippin.gimp.org/image_processing/chap_dir.html Construction of digital image and compressions + examples]
 
[http://pippin.gimp.org/image_processing/chap_dir.html Construction of digital image and compressions + examples]
  
== Pixel art ==
+
= Pixel art =
  
 
*file format of lossless data = png, gif
 
*file format of lossless data = png, gif
Line 57: Line 59:
 
[[File:bunny.gif|400px]]
 
[[File:bunny.gif|400px]]
  
=== ''Streched texte meme: send nudes'' ===
+
== ''Streched texte meme: send nudes'' ==
 
[[File:nudess.jpg]]
 
[[File:nudess.jpg]]
 
<br>
 
<br>
Line 89: Line 91:
 
[[File:dvd-pixel-bot.jpg||420px]]
 
[[File:dvd-pixel-bot.jpg||420px]]
 
[[File:dvd-pixel-bot2.png||600px]]
 
[[File:dvd-pixel-bot2.png||600px]]
 +
 +
== Tryouts ==
 +
[https://media.giphy.com/media/3osBLrfDYnOWW9RmHm/giphy.gif]
 +
<iframe src="https://giphy.com/embed/3osBLrfDYnOWW9RmHm" width="320" height="480" frameBorder="0" class="giphy-embed" allowFullScreen></iframe><p><a href="https://giphy.com/gifs/3osBLrfDYnOWW9RmHm">via GIPHY</a></p>
 +
[[File:pixy-m.png]]
 +
[[File:pixy-m1.png]]
 +
[[File:pixy-m2.png]]
 +
[[File:pixy-m3.png]]
 +
[[File:pixy-m4.png]]
 +
[[File:pixy-m5.png]]
 +
 +
== Digitally ==
 +
===Unity===
 +
pinch to zoom https://unity3d.com/learn/tutorials/topics/mobile-touch/pinch-zoom
 +
===webcam mesh===
 +
https://www.airtightinteractive.com/2012/08/webcammesh-demo/
 +
the tool: https://airtightinteractive.com/demos/js/webcammesh/
 +
https://threejs.org/examples/#webgl_kinect three.js + kinect
 +
= ASCII =
 +
 +
==== What is ASCII and how it is made ====
 +
[http://www.underware.nl/case-studies/] Case study on ASCII art
 +
[[File:asciihow.png]]
 +
<br>
 +
====='''KEYWORDS''' =====
 +
*depth image processing
 +
 +
 +
===== ASCII and KINECT =====
 +
Ascii and kinect -- very good resource to read bout how kinect works and was used in one of the projects.  -- http://tundra.csd.sc.edu/itineration/submission_pages/kinect/index.html -- <br>
 +
project name: ''emBody(dekaaz) {'' <br><br>
 +
https://github.com/sstephenson/kinect  --- project with kinect and ascii not in 3d space tho
 +
<br>
 +
 +
=== Subpixel ===
 +
[[File:subpixel.gif]]<br>
 +
 +
about subpixels and LCD -->https://www.grc.com/ctwhat.htm
 +
<br>
 +
[[File:subpixel2.png]]
 +
==== Subpixel & typography ====
 +
here is a good article about it --> https://iristech.co/fonts/
 +
[[File:subpixel3.png]]
 +
[[File:subpixel4.gif]]
 +
<br>
 +
Screening, Compensating for resolution issues, half toned images --> https://www.flexoglobal.com/flexomag/09-May/flexomag-Pritchard.htm
 +
<br>
 +
DIGITAL HALFTONES AND STOCHASTIC PRINTING ---> http://printedpicture.artgallery.yale.edu/videos/digital-halftones-and-stochastic-printing
 +
ASCII video in 3d. Game design https://www.youtube.com/watch?v=IEbFwDv1RHU
 +
<br>

Latest revision as of 16:21, 14 January 2018

Info

NOEMI BIRO 

0919394@hr.nl

Graphic Design

How to be human in the near future of Q10?

From the projects I worked on in Q9 I was fascinated by the way a machine can create a new image from what it is fed. While I was preparing the images to upload to the wiki I had a gif that I had to reduce the quality so much to fit in the 2 MB restriction that it became a 100 × 56 image - this gif is in the end not more than 400 KB and has specific settings for the colors that is why the bigger I set the resolution for it here on screen the more interesting it becomes. The pixels become visible and a new layer of the image emerges.
‎ ‎ ‎ ‎ ‎

Other examples

In the examples above the original image kind of gets disassembled and every small pixel has a visuality in its own. I am curious about the restrictions file formats have in deconstructing them to one pixel or id it is possible to change the pixels of an image. I want to try making these zoomed in pixels sharp. Generate sharp vector symbols based on the pixels and then reconstruct the image. I want to see this manifest in print but also on different sized computer screens and resolutions.
I would like to create a world of modified pixels that is experienceable. So work with interaction of a viewer, make the pixels change accordingly.
‎
‎ ‎ ‎
‎ ‎ ‎

Hiding your identity

When processing an image into smaller component we loose part of the information this carried. Pixelating something makes the information unreadable, preserving the identity? Or hiding it?

Camouflage 

|camouflage

creating camouflage to blend
Camoufl-1.png

Camouflage generator:
Camoufl-2.png

substances

reads about

Construction of digital image and compressions + examples

Pixel art

  • file format of lossless data = png, gif
  • isometric = giving 3d look vs. non-isometric
  • 512×256 image = sprite sheet and is the reason you can animate your sprites

Instagram project about reposting the same picture

<iframe src="https://player.vimeo.com/video/119002441" width="640" height="1140" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> "It’s a concept known as “generation loss,” and is the subject of artist Pete Ashton‘s project “I Am Sitting In Stagram (2015).”

The experiment is a variation on composer Alvin Lucier’s “I Am Sitting in a Room” experiment in which Lucier recorded himself talking and then rerecorded the recording over and over until his voice becomes unintelligible."

Instgram repost image distort

Bunny.gif

Streched texte meme: send nudes

Nudess.jpg
Pix.gif

Questa

  • Do we loose or gain information by distortion?
  • If we reconstruct a deconstructed image is that speculated information or factual?
  • Is it hiding our identity or saving protecting our identity?
  • Can a pattern be somebodys identity?
  • What happens when someone is present as a pattern? Is there growth?
  • What happens when you start being a pattern?
  • Can a pattern be generated by manipulating singular pixels of an image?
  • What function does distortion have on the digital realm?


What i can do

  • Q**Distort a face or distort a body or distort a picture? ............
  • Q**What kind of distortion? Applying the image to a grid system. Based on the system divide individual component of the image. Call them pixels? Then inside these pixels i can apply the same grid in smaller scale? divide it even further and further? and how far can you go with it? OOOOOOORRRRRRRR :
  • Q**change the individual pixels? Change some individual pixels? Randomly or by an algoritm or by something a machine could see in an individual pixel? Or change all the individual pixels?
  • Q**Change into whaat? What symbol can come to replace the pixel? Can the image still resemble its primary image from distance or is it totally different? Is there added information in the image or is there less information than in the first image? What is this information and why does it matter? Can you loose the recognisability of the face by this process? Is the information the recognizability of the face?the identity?

deconstruct and reconstruct

More examples

Google uses AI to reconstruct a portrait from pixel image

>link here<
Google-pixel.png

"Derrick Schultz - robot portrait drawings"

Dvd-pixel-bot.jpg Dvd-pixel-bot2.png

Tryouts

[1]

<iframe src="https://giphy.com/embed/3osBLrfDYnOWW9RmHm" width="320" height="480" frameBorder="0" class="giphy-embed" allowFullScreen></iframe>

<a href="https://giphy.com/gifs/3osBLrfDYnOWW9RmHm">via GIPHY</a>

Pixy-m.png Pixy-m1.png Pixy-m2.png Pixy-m3.png Pixy-m4.png Pixy-m5.png

Digitally

Unity

pinch to zoom https://unity3d.com/learn/tutorials/topics/mobile-touch/pinch-zoom

webcam mesh

https://www.airtightinteractive.com/2012/08/webcammesh-demo/ the tool: https://airtightinteractive.com/demos/js/webcammesh/ https://threejs.org/examples/#webgl_kinect three.js + kinect

ASCII

What is ASCII and how it is made

[2] Case study on ASCII art Asciihow.png

KEYWORDS
  • depth image processing


ASCII and KINECT

Ascii and kinect -- very good resource to read bout how kinect works and was used in one of the projects. -- http://tundra.csd.sc.edu/itineration/submission_pages/kinect/index.html --
project name: emBody(dekaaz) {

https://github.com/sstephenson/kinect --- project with kinect and ascii not in 3d space tho

Subpixel

Subpixel.gif

about subpixels and LCD -->https://www.grc.com/ctwhat.htm
Subpixel2.png

Subpixel & typography

here is a good article about it --> https://iristech.co/fonts/ Subpixel3.png Subpixel4.gif
Screening, Compensating for resolution issues, half toned images --> https://www.flexoglobal.com/flexomag/09-May/flexomag-Pritchard.htm
DIGITAL HALFTONES AND STOCHASTIC PRINTING ---> http://printedpicture.artgallery.yale.edu/videos/digital-halftones-and-stochastic-printing

ASCII video in 3d. Game design https://www.youtube.com/watch?v=IEbFwDv1RHU