absdiff/index.html at master · kikiwu404/absdiff · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
<!DOCTYPE html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Absdiff</title>
    <meta name="description" content="Absdiff, glitch art, contemporary art">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script src="https://cdn.jsdelivr.net/npm/vanilla-lazyload@12.4.0/dist/lazyload.min.js"></script>
    <!-- jsDeliver -->
    <script type="text/javascript" src="//cdn.jsdelivr.net/jquery.lazy/1.7.9/jquery.lazy.min.js"></script>
    <script type="text/javascript" src="//cdn.jsdelivr.net/jquery.lazy/1.7.9/jquery.lazy.plugins.min.js"></script>
    <!-- cdnjs -->
    <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery.lazy/1.7.9/jquery.lazy.min.js"></script>
    <script type="text/javascript"
        src="//cdnjs.cloudflare.com/ajax/libs/jquery.lazy/1.7.9/jquery.lazy.plugins.min.js"></script>
    <script type="text/javascript" src="js/script.js"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="style.css">
    <link href="https://fonts.googleapis.com/css?family=Roboto+Mono|Open+Sans:300, 400, 700, 800&display=swap"
        rel="stylesheet">
    <link rel="icon" href="img/favicon.png" type="image/png" sizes="16x16">

</head>

<body>
    <a href="https://lastxcadre.github.io">
        <div class="header">
            ← LastxCadre</div>
    </a>
    <div class="glitch" data-text="Absdiff">.absdiff.
    </div>
    <h3 class="subtitle"> Glitchy paintings by Kiki Wu</h3>
    <img class="bg" src="img/the_moon.jpg">
    <img class="hover-img moon1" src="img/moon1.png">
    <img class="hover-img moon2" src="img/moon2.png">
    <img class="hover-img moon3" src="img/moon3.png">
    <img class="hover-img moon4" src="img/moon4.png">
    <div class="container">

        <h1>Absdiff = Absolute Difference</h1>
        <p>Absdiff(Absolute difference) is a series of natural pixelated, glitchy images and screenshots collected
            from
            my phone
            and laptop, interprets the pure aesthetics of errors of the image encoding process.
            I've been getting many glitchy images this year without knowing the theory of glitch art nor image
            encoding
            process.
            Those randomly generated glitches amaze me with their unpredictable color patterns, and ask me the
            question:
        </p>
        <h4><i>"What is the undiscovered underlying structure of a digital image？"</i></h4>
        <div class="gallery-container">
            <div class="gallery">
                <h3>The Cloud</h3>
                <h4>Nov 8, 2019 at 19:14</h4>
                <img src="img/glitch_cloud1.jpg">
            </div>
            <div class="gallery">
                <h3>The Body </h3>
                <h4>Jan 7, 2019 at 14:32</h4>
                <img src="img/glitch_body.png">

            </div>
            <div class="gallery">
                <h3>The Hill </h3>
                <h4>Nov 8, 2019 at 19:14</h4>
                <img id="drag-img" src="img/glitch_land.png">

            </div>
            <div class="gallery">
                <h3>The Crown </h3>
                <h4>Nov 8, 2019 at 19:14</h4>
                <img src="img/glitch_crown.png">
            </div>
            <div class="gallery">
                <h3>Portrait #1</h3>
                <h4>Nov 8, 2019 at 19:14</h4>
                <img src="img/glitch_avatar1.png">
            </div>
            <div class="gallery">
                <h3>Portrait #2</h3>
                <h4>Nov 8, 2019 at 19:14</h4>
                <img src="img/glitch_avatar3.png">
            </div>
        </div>

        <p class="center-text"><i class="fa fa-exclamation-circle"></i>&nbsp;Above glitch arts are from those
            images,
            can you recognize them?
        </p>
        <div class="original-container">
            <div class="original">
                <div class="original-mask">
                    <h4>The Body</h4>
                </div>
                <img src="img/DSC01534.jpg">
            </div>
            <div class="original">
                <div class="original-mask">
                    <h4>The Cloud</h4>
                </div>
                <img src="img/IMG_8422.jpg">
            </div>
            <div class="original">
                <div class="original-mask">
                    <h4>The Hill</h4>
                </div>
                <img src="img/screenshot1.png">
            </div>
            <div class="original">
                <div class="original-mask">
                    <h4>The Crown</h4>
                </div>
                <img src="img/screenshot2.png">
            </div>
            <div class="original">
                <div class="original-mask">
                    <h4>Portrait #1</h4>
                </div>
                <img src="img/ai-avatar1.jpeg">
            </div>
            <div class="original">
                <div class="original-mask">
                    <h4>Portrait #2</h4>
                </div>
                <img src="img/ai-avatar2.jpeg">
            </div>


        </div>

        <h1 class="center-text itali-text quote">
            <i>Absdiff,<br>
                A ghost of computional process, <br> a happy mistakes of 0 & 1, <br>a primitive machine-machine
                interaction.</i>
        </h1>

        <p>Until this October, I started to observe carefully on those image files, realized they all have something
            in common -
            they're subtly pixelated screenshots. After I discovered the pattern of randomly pixelated images, I
            developed a method
            to create pixelated screenshots through digital photography, and import them to Adobe Illustrator; the
            software will
            remap the screenshots and automatically generate an absolute different glitch art.</p>
        <br>

        <div class="steps-container">

            <div class="steps">
                <h2>1. CAPTURE</h2>
                <p>Use mobile phone to capture the photo on the screen of laptop. Get close to capture the pixelated
                    pattern, then scrensshot this photo again.
                </p>
                <img class="lazy" src="img/IMG_8394.jpg">
            </div>

            <div class="steps">
                <h2>2. PIXELATE</h2>
                <p>Open the screenshot in <i>Adobe Illustrator.</i>The software will automatically generate a glitch
                    image.</p>
                <img class="lazy" src="img/ai-process.png">
            </div>

            <div class="steps">
                <h2>3. EXPORT</h2>
                <p>Export and save the glitch art.</p>
                <img class="lazy" src="img/glitch-processs.png">
            </div>
        </div>

        <br>

        <p>
            The ambiguous space between the human-machine relationship, and the hierarchy change of technology and
            its
            observers,
            operators, and creators, overlap my ideology of animism from Asia culture, where people believe all
            creatures are
            endowed with souls, no matter they are living being or machines. Without applying any effect or filter
            to
            those images,
            in other words, no human decision about designing glitchy patterns, this practice demonstrates the
            potential of
            producing artistic images through a critical observation on computers while questioning the artist's
            agency
            of creating artworks using supermatic technology. Whats trigger Adobe Illustrator to generate glitch
            images
            is still unknown. Could this insanity be considered the awakening of consciousness of my macbook?
        </p>
        <h3><i>"Could machine produces a ghost?"</i></h3>


        <div class="about">
            <h3>ABOUT</h3>
            <p>Absdiff (Absulote Difference) is a independent project by <a class="underline"
                    href="https://instagram.com/kikiwu404">Kiki Wu</a>, a digital media artist whose practices focus on
                experimentally alter the behavioral patterns of utilizing
                multimedia and provide visual and aural triggers of emotional response from the audience through
                video
                art, sound
                design, and creative programming. Inspired by the metaphysic relationship to her family's memory,
                she
                has investigated
                the transformation of the cultural symbols across dimensions from physical space, virtual space to
                psychological matters
                since 2017. Her research interests include the national identity crisis, modern mythology, and
                internet
                culture.

            </p>
            <p>Contact via e-mail: <a class="underline" href="mailto:kikiwu404@gmail.com">kikiwu404@gmail.com</a>
            </p>
            <hr>
            <h3>EXHIBITION & PRESS</h3>
            <a href="http://events.ha.sjsu.edu/art/events/art-281-interdisciplinary-critique-class-exhibition/"
                target="_blank">
                <h4>conX281</h4>
            </a>
            <img src="img/IMG_8182-2.jpg">
            <p>A group show at Hebert Sanders Gallery, SJSU, San Jose, US.Ranging across mediums from cast bronze,
                clay,
                and painting – to procedurally generated digital animation, pigments
                extracted from the California landscape, and Virtual Reality; the work in conX281 provides a glimpse
                into the practice
                of 10 (X) emerging artists beginning their career in the age of destabilized realities.</p>


            <a href="https://lastxcadre.github.io" target="_blank">
                <h4>Last Magazine X Cadre SJSU - issue #4</h4>
            </a>
        </div>

    </div>


    <div class="footer center-text">
        <a href="https://instagram.com/kikiwu404"><i class="fa fa-instagram"></i></a>&nbsp;
        <a href="https://twitter.com/kikiwu404"><i class="fa fa-twitter"></i></a>
        <p>Copyright © 2019 Kiki Wu all rights reserved</p>
    </div>
</body>

</html>