Selena Deger: Difference between revisions

From Medien Wiki
Line 30: Line 30:


After trying many methods to alter the photos, such as style transfer or mapping them in a different concept like Lissajous figures, randomized geometric shapes etc. it was more appealing and fruitful to process them via the colors they already carry.
After trying many methods to alter the photos, such as style transfer or mapping them in a different concept like Lissajous figures, randomized geometric shapes etc. it was more appealing and fruitful to process them via the colors they already carry.
''first trials with different algorithms;''
[[File:selenade3.png]] [[File:selenade4.png]] [[File:selenade5.png]]
[[File:selenade3.png]] [[File:selenade4.png]] [[File:selenade5.png]]


Line 35: Line 38:
A bubble sorting algorithm and p5.js library features are used to change the images with the aim of not showing the actual image but the "encrypted" version. First, the image's pixel values are retrieved and with the bubble sorting, pixels are sorted according to their hue values and relocated until they are neighbors with another with the same hue value. Additionally, a random color function is assigned to the photos to have slightly different results for each time program runs. The final look of the images shows flowing pixel paths and different color gradings.
A bubble sorting algorithm and p5.js library features are used to change the images with the aim of not showing the actual image but the "encrypted" version. First, the image's pixel values are retrieved and with the bubble sorting, pixels are sorted according to their hue values and relocated until they are neighbors with another with the same hue value. Additionally, a random color function is assigned to the photos to have slightly different results for each time program runs. The final look of the images shows flowing pixel paths and different color gradings.


''code: ''  
''pixel sorting first trials;''
 
[[File:selenade6.jpg]] [[File:selenade7.jpg]] [[File:selenade8.png]] [[File:selenade9.png]]
 
 
 
 
''code; ''  


<source style="border:none; height:650px; overflow:scroll;" lang="c" line start="55" highlight="4">
<source style="border:none; height:650px; overflow:scroll;" lang="c" line start="55" highlight="4">