-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathnews.html
557 lines (476 loc) · 42.8 KB
/
news.html
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
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="author" content="Joseph Wilk">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Art @ Joseph Wilk | http://art.josephwilk.net</title>
<meta name="description" content="Studio Joseph Wilk, working with code, creativity & computation.">
<meta property="og:title" content="Joseph Wilk" />
<meta property="og:locale" content="en_US" />
<link rel="canonical" href="https://art.josephwilk.net/" />
<meta property="og:url" content="https://art.josephwilk.net/" />
<meta property="og:site_name" content="art.josephwilk.github.io" />
<link href="https://fonts.googleapis.com/css?family=Cutive+Mono" rel="stylesheet">
<link href="stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css">
</head>
<body>
<div class="header">
<div class="wrapper">
<header>
<div class="container">
<a href="/">
<div class="logo">
<h1><span>Studio</span></h1>
<h2>Joseph Wilk</h2>
</div>
</a>
<div class="default-header header">
<div class="header-holder">
<div class="menu-holder">
<nav>
<ul>
<li class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-34 current_page_item menu-item-2187 "><a href="/index.html">Projects</a> </li>
<li class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-34 current_page_item menu-item-2187"><a href="/artist_statement.html">Artist Statement</a> </li>
<li class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-34 current_page_item menu-item-2187 active"><a href="/projects.html">News</a> </li>
<!-- <li class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-34 current_page_item menu-item-2187"><a href="http://shop.josephwilk.net">Shop</a> </li> -->
<li class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-34 current_page_item menu-item-2187"><a href="/contact.html">Contact</a></li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</header>
</div>
</div>
<!--
<article id="">
<div class="title">
<h3><a href="#">[01/04/2019] </a></h3>
<p></p>
</div>
<div class="print"></div>
</article>
-->
<article id="airandfluid">
<div class="title">
<h3><a href="#airandfluid">[31/03/2020] Precision and Chaos</a></h3>
<h4>Project:</h4>
<p>Looking at the principles put forward by the inventors of the computer, automation was supposed to tackle 3 areas:
<ul>
<li>Reduce time</li>
<li>Reduce error</li>
<li>Free humans for higher level thought</li>
</ul>
These principles are heavily routed in the society of those who created them, reflecting their
distain of labour.
</p>
<p>In this piece I'm exploring creative uses of automation that purposely contradict these principles
while still having creative value. Suggesting that the principles that drive our automative revolution
have lost something in trying to remove the human.<p>
<p>The precision of a pen-plotter, an automated drawing machine always fails at reducing error
or improving efficiency as it tries to follow a predefined path dealing with the chaotic system of fluids
under turbulence. There is no way for the precision to predict the chaotic system.
Errors are a product of the chaotic system that cannot be prevented.
Embracing the error and chaos is against the principles but in terms of the creative
act it is the only way to be a part of the process.
</p>
<h4>Materials</h4> Pen plotter, air brush, paper and ink.
</div>
<div class="print embed-container"><figure><iframe src="https://player.vimeo.com/video/470547843?color=ff1493" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe><figcaption>Video showing ink being pushed by an airbrush held by an automated drawing machine.</figcaption></figure></div>
</article>
<article id="signs">
<div class="title">
<h3><a href="#signs">[30/01/2020] The disabled symbol</a></h3>
<p>Exploring alternative representations and giving beauty and deeper meaning to the disabled symbol.</p>
<h4>Materials</h4> Pen plotter, paper & ink.
</div>
<div class="print"><figure><img src="https://raw.githubusercontent.com/josephwilk/art.josephwilk.github.io/master/imgs/symbols/2020-01-01 19.42.59-1.jpg"/><figcaption>Black paper, white pen. Glitches of the wheelchair symbol.</figcaption></figure></div>
<div class="print"><figure><img src="https://raw.githubusercontent.com/josephwilk/art.josephwilk.github.io/master/imgs/symbols/2020-01-03 00.28.23.jpg"/><figcaption>Black paper, white pen. Frame by frame glitch of the wheelchair symbol.</figcaption></figure></div>
<div class="print"><figure><img src="https://raw.githubusercontent.com/josephwilk/art.josephwilk.github.io/master/imgs/symbols/2020-01-03 01.12.42.jpg"/><figcaption>Black paper, white pen. 8 frames starting with the original wheelchair icon and ending in a glitched form.</figcaption></figure></div>
<div class="print"><figure><img src="https://raw.githubusercontent.com/josephwilk/art.josephwilk.github.io/master/imgs/symbols/2020-01-03 20.24.37.jpg"/><figcaption>Black paper, white pen. Progressive glitching of the wheelchair symbol.</figcaption></figure></div>
<div class="print"><figure><img src="https://raw.githubusercontent.com/josephwilk/art.josephwilk.github.io/master/imgs/symbols/2020-01-16 13.13.55.jpg"/><figcaption>Black paper, white pen. Wheelchair icon constructed out of specks of dust like fragments.</figcaption></figure></div>
<div class="print"><figure><img src="https://raw.githubusercontent.com/josephwilk/art.josephwilk.github.io/master/imgs/symbols/2020-01-17 14.30.42.jpg"/><figcaption>Black paper, white pen. Wheelchair icon constructed out of specks of dust coming apart as if blown by wind.</figcaption></figure></div>
<div class="print"><figure><img src="https://raw.githubusercontent.com/josephwilk/art.josephwilk.github.io/master/imgs/symbols/2020-01-27 10.20.35.jpg"/><figcaption>White paper, black pen. Wheelchair icon made from diagonal straight lines.</figcaption></figure></div>
<div class="print"><figure><img src="https://raw.githubusercontent.com/josephwilk/art.josephwilk.github.io/master/imgs/symbols/2020-01-27 10.20.57.jpg"/><figcaption>White paper, black pen. Wheelchair icon made from small pyramids rising into the air.</figcaption></figure></div>
</article>
<article id="#GlitchedWheelchair">
<div class="title">
<h3><a href="#GlitchedWheelchair">[01/12/2019] Wheelchair forms</a></h3>
<p>Inspired by Vera Molnár's approach of using algorithms to generate a vast variety of forms and then manually finding the interesting ones. Also the <a href="http://accessibleicon.org/">http://accessibleicon.org/</a> project providing alterntive forms of the wheelchair sign. </p>
<p>I generated 1 million glitched versions of the UK wheelchair sign (<a href="https://commons.wikimedia.org/wiki/File:Wheelchair_symbol.svg">https://commons.wikimedia.org/wiki/File:Wheelchair_symbol.svg)</a> using a simple SVG corruption strategy. Then manually filtering through the images.</p>
</div>
<div class="print"><figure><img src="https://raw.githubusercontent.com/josephwilk/art.josephwilk.github.io/master/imgs/glitch/glitch01.png"/><figcaption>Black symbol on white. Wheelchair icon glitched and abstract, feels like its moving fast.</figcaption></figure></div>
<div class="print"><figure><img src="https://raw.githubusercontent.com/josephwilk/art.josephwilk.github.io/master/imgs/glitch/glitch02.png"/><figcaption>Black symbol on white. Wheelchair icon glitched and abstract, the feet stretched touching the floor rather than the wheel.</figcaption></figure></div>
<div class="print"><figure><img src="https://raw.githubusercontent.com/josephwilk/art.josephwilk.github.io/master/imgs/glitch/glitch03.png"/><figcaption>Black symbol on white. Wheelchair icon glitched and abstract, the chair and body combine</figcaption></figure></div>
<div class="print"><figure><img src="https://raw.githubusercontent.com/josephwilk/art.josephwilk.github.io/master/imgs/glitch/glitch04.png"/><figcaption>Black symbol on white. Wheelchair icon glitched and abstract, the wheel part becomes part of the ground.</figcaption></figure></div>
</article>
<article id="HowToBeSeen">
<div class="title">
<h3><a href="#HowToBeSeen">[21/06/2019] How To Be Seen</a></h3>
<h4>Project:</h4>
<p>As a remote student to School For Poetic Computation (SfPC), Joseph experiences the people and space of the school through cameras, screens and software. How to be seen attempts to bring the artist into the physical space that he has never physically experienced through an interactive, streamed live coding performance.</p>
<p>The performance consists of a tablet which displays a live stream of the artist. Throughout the exhibition, he writes programming code live to control a second screen — a digitally transformed version of the video stream. The produced graphics use depth and dimension to suggest that the artist’s image is being projected out of the screen and into the gallery space itself.</p>
<p>Initially, viewers of the piece might not understand that the artist is present through the live stream. But this is revealed when viewers pick up the headphones and engage with Joseph directly, interrupting and becoming a part of the performance. Visitors are invited to take “Joseph” in their hands and show him around the gallery, becoming his voice and avatar. Through this interaction, How to be seen explores themes of visibility, control and dependency.</p>
<h4>Materials</h4>Webcams, computer, screen, tablet, OBS & OpenFrameworks.
<p>Press: <a href="https://www.creativeapplications.net/maxmsp/sfpc-spring-2019-student-showcase/">https://www.creativeapplications.net/maxmsp/sfpc-spring-2019-student-showcase/</a></p>
</div>
<div class="print"><figure><img title="How to be seen 01" src="imgs/projects/howtobeseen/FilipWolak_SFPC19_0070_6418.jpg"><figcaption>An Ipad and screen, wall mounted side by side showing the artist live, but one is digitally transformed.</figcaption></figure></div>
<div class="print"><figure><img title="How to be seen 02" src="imgs/projects/howtobeseen/FilipWolak_SFPC19_0072_6421.jpg"><figcaption>Close up of the screen showing an image of the artist constructed out of pyramid like shapes.</figcaption></figure></div>
<div class="print"><figure><img title="How to be seen 03" src="imgs/projects/howtobeseen/FilipWolak_SFPC19_0074_6423.jpg"><figcaption>A person in conversation with the ipad version of the artist.</figcaption></figure></div>
</article>
<article id="TheFlowOfMyVoice">
<div class="title">
<h3><a href="#TheFlowOfMyVoice">[01/06/2019] Dark Matters Zine: The Flow Of My Voice</a></h3>
<h4>Project:</h4>
<p>Part of the Dark Matters Zine created for the School For Poetic Computation showcase.</p>
<p>Invisible audio waves with no colour spectrum flow into a computer interface. Through microphones, hardware, undersea cabling & server rooms. Passing through layer upon layer that transmits, stores and records them. All are invisible to the user, the value is delivered but what happens inside the black boxes is unknown. What rights or usages are allowed of the data is lost in 100 page license agreements. Power and control is lost. In the final stages those words are outsourced to automatic machine translation, not just recording but altering them in attempts to turn sound into the written word. Translation using neural networks trained upon datasets consisting of millions of human audio recordings. The speech which started invisible has now been turned into words, a factory of production invisible of the human labour, environmental cost or its history</p>
<h4>Materials</h4>
Paper & print
</div>
<div class="print"><figure><img title="flow of my voice" src="imgs/projects/flowofmyvoice/Screenshot 2019-09-21 19.16.11.png"><figcaption>The Flow of My Voice. A diagram showing the flow of data and machines involved in a Skype call.</figcaption></figure></div>
<div class="print"><figure><img title="flow of my voice" src="imgs/projects/flowofmyvoice/Screenshot 2019-09-21 19.15.41.png"><figcaption>Dark Matters Zine. Front-cover, glitched lines of various colors, with "darkmatters" overlayed in a handdrawn brush like style. </figcaption></figure></div>
</article>
<article id="Visibilty">
<div class="title">
<h3><a href="#">[07/05/2019] Visibilty</a></h3>
<p>Explore ways of transforming the way I'm seen. Routed in performance being a way to control the visibility of disability.</p>
</div>
<div class="print"><figure><img title="visible" src="imgs/Screenshot%202019-05-07%2013.52.01.png"><figcaption>Reconstruction of a self portrait using pyramid like shapes, where their height is what gives the person depth.</figcaption></figure></div>
</article>
<article id="EmojiAverages">
<div class="title">
<h3><a href="#EmojiAverages">[28/04/2019] Emoji Averages</a></h3>
<p>Comparing all the emojis of different companies to identify patterns and characteristics. Exludes all flags. </p>
<div class="print"><figure><img title="Emoji Averages" src="imgs/averages/averageemojis.png"><figcaption>Emoji Averages of Apple, Microsoft, Facebook & Google.</figcaption></figure></div>
</div>
<div class="print"></div>
</article>
<article id="TessellatingSourceCode">
<div class="title">
<h3><a href="#TessellatingSourceCode">[28/04/2019] Tessellating Source code</a></h3>
<p>Inspired by Salavon’s "Local Index project" exploring new ways of seeing the structure of source code.</p>
<div class="print embed-container"><iframe src="https://player.vimeo.com/video/332207270?color=ff1493" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div>
<p>Real-time Tessellation in Atom programming editor</p>
<div class="print embed-container"><iframe src="https://player.vimeo.com/video/354093190?color=ff1493" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div>
</div>
<div class="print"></div>
</article>
<article id="SortingSound">
<div class="title">
<h3><a href="#SortingSound">[25/04/2019] 40k sounds sorted</a></h3>
<p>Sorting 40,000 sounds. Using T-SNE trained on a general image set.
Represented as waveform (shape) and spectrograph (color). Sounds and images come from <a href="https://freesound.org/">https://freesound.org/</a></p>
<div class="print"><figure><img title="Sorting sound" src="imgs/projects/sortingsound/01.jpeg"><figcaption>40,000 waveforms condensed into a grid almost becoming a new shape.</figcaption></figure></div>
<div class="print"><figure><img title="Sorting sound" src="imgs/projects/sortingsound/02.jpeg"><figcaption>A close up of a small selection of the waveforms, where the sound waves are visible.</figcaption></figure></div>
</div>
<div class="print"></div>
</article>
<article id="DepthWithoutDepth">
<div class="title">
<h3><a href="#DepthWithoutDepth">[09/04/2019] Depth without depth</a></h3>
<p>Inspired by Vera Molnár's work exploring turning 2D images into 3D.</p>
<div class="print embed-container"><iframe src="https://player.vimeo.com/video/329068503" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe></div>
</div>
<div class="print"></div>
</article>
<article id="CreaturesCollaborativeSongbook">
<div class="title">
<h3><a href="#CreaturesCollaborativeSongbook">[07/06/2019] Creatures Collaborative Songbook</a></h3>
<p>Part of the Bath Fringe Festival 2019.
By Mob-Handed Press, series of collaborative songbooks created by selected musicians around a central theme. Artists contribute one song each, which are then anthologised into a zine. This publication is launched with a night of performance and storytelling.</p>
<p>It is a communication between artist and audience, and an exploration of how people visualise the music that they write, perform, and consume.</p>
<p>My submission created through live-coding</p>
</div>
<div class="print"><figure><img title="creatures" src="imgs/projects/creatures/creatures_04_submission_josephwilk.png"><figcaption>Progamming code overlayed over an image of a sea urchin like creature.</figcaption></figure></div>
</article>
<article id="PiezoelectricResonator">
<div class="title">
<h3><a href="#PiezoelectricResonator">[06/03/2019] Piezoelectric Resonator Live coded performance</a></h3>
<p>A performance I've been working on using SonicPi, Unity3d and Emacs. Trailer:</p>
<div class="print embed-container"><iframe src="https://player.vimeo.com/video/325077285?color=ff1493" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div>
<p>Full performance: <a href="https://vimeo.com/321104184">https://vimeo.com/321104184</a></p>
</div>
<div class="print"></div>
</article>
<article id="ParticlesAndWater">
<div class="title">
<h3><a href="#ParticlesAndWater">[22/01/2019] Light and water</a></h3>
<p>I've been working on a new live coded musical and visual performance with a heavy emphasis on light and water effects.
I've extracted some 8k screenshots from my performance work as Giclée prints (<a href="https://shop.josephwilk.net/">https://shop.josephwilk.net/</a>).
Made with Unity3D, SonicPi and Ruby.</p>
</div>
<div class="print"><figure><img src="/imgs/unity/alive.png"><figcaption>A shape with hard artifical edges is surrounded by electric like tendrils moving to the edges of the screen. </figcaption></figure></div>
</article>
<article id="AccentsAsOneVoice">
<div class="title">
<h3><a href="#">[27/10/2018] Accents as One Voice</a></h3>
<p>I was interested in what sort of ouput we would get from training a wavenet encoder on many voices but treating them as a single voice.
Most usages segment this dataset by person, gender and country. I used the GMU global accents database for training.
</p>
</div>
<div class="print"><iframe width="100%" height="166" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/520698828&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true"></iframe></div>
</article>
<article id="AccentsFromAroundWithWorld">
<div class="title">
<h3><a href="#">[07/09/2018] Accents From Around the World </a></h3>
<p>I have been working on a project to use a sample dataset from the <a href="http://accent.gmu.edu/searchsaa.php">GMU Accent project</a>
to create audio and music. The project has over 2600 samples exploring accents from across the world. Everyone is reading the same text which
highlights all the sounds of English. There are a huge variety of speakers and native languages with rich meta data for querying.
I've been exploring how this dataset could be used to explore communication and language, interacting with human dancers
controlling sample parameterisation through sensor feedback.<p>
<p>
In exploring the data I did some simple DSP onset detection to extract all voices saying "train station".
While very simple, it is deeply beautiful hearing such a wide pallet of voices.
</p>
</div>
<div class="print"><iframe width="100%" height="166" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/495996006&color=%23ff5500&auto_play=false&hide_related=true&show_comments=false&show_user=false&show_reposts=false&show_teaser=false"></iframe></div>
</article>
<article id="PaintingwithFunctions">
<div class="title">
<h3><a href="#PaintingwithFunctions">[18/04/2018] Painting with Functions</a></h3>
<p>I created a library (<a href="http://blog.josephwilk.net/clojure/functions-explained-through-patterns.html">http://blog.josephwilk.net/clojure/functions-explained-through-patterns.html</a>) to help explain functions through patterns in color.
As a side effect this created a way of creating interesting patterns simply by composing functions.
Instead of focusing on explaining functions I explored the patterns I could make.
</p>
</div>
<div class="print"><figure><img title="pattern 1" src="imgs/painting_with_functions/Screenshot 2018-04-18 13.31.13.png"><figcaption>(map (fn [e] (if (sequential? e) (partition-all 1 e) e)) (interleave (color/hues 21 25) (partition-all 2 (color/hues 12))))</figcaption></figure></div>
<div class="print"><figure><img title="pattern 2" src="imgs/painting_with_functions/Screenshot 2018-04-18 13.34.32.png"><figcaption>(interleave (color/hues 21 25) (partition-all 1 (color/hues 6)))</figcaption></figure></div>
</article>
<article id="DeformingMeshesinUnity3D">
<div class="title">
<h3><a href="#DeformingMeshesinUnity3D">[01/04/2018] Deforming Meshes in Unity3D</a></h3>
<p>I've been exploring ways to deform meshes in 3D. The best way in the end was to use a terrain map to alter the mesh positions of a sphere. The terrain map was a blackwhite png where darkness maps to height.
Effectively rendering a mountain range into a 3d mesh.
Controlled by Emacs and SonicPi. Also using a focus blur for added effect.</p>
</div>
<div class="print embed-container"><iframe src="https://player.vimeo.com/video/265190978?color=ff1493" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div>
</article>
<article id="ASCIIArtin3Dgraphics">
<div class="title">
<h3><a href="#ASCIIArtin3Dgraphics">[01/04/2018] ASCII Art in 3D graphics</a></h3>
<p>Exploring bringing the text of live coding into the generated visuals of a performance. Created using Unity.</p>
</div>
<div class="print"><figure><img title="d[-_-]b" src="imgs/ascii/you.png"><figcaption>d[-_-]b</figcaption></figure></div>
<div class="print"><figure><img title="d[*_*]b" src="imgs/ascii/me.png"><figcaption>d[-_-]b</figcaption></figure></div>
</article>
<article id="OrigamiinUnity3D">
<div class="title">
<h3><a href="#OrigamiinUnity3D">[24/03/2018] Origami Eyeball in Unity3D</a></h3>
<p>An attempt to create an eye like shape with the edges/tentacles feeling like origami paper folding. Achieved through increasing light intensity, a cartoon edge like shader applied as a postFX and repeatedly resting the laws of physics with the edges/tentacles simulation.</p>
</div>
<div class="print embed-container"><iframe src="https://player.vimeo.com/video/265200202?color=ff1493" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div>
</article>
<article id="ControllingSynthslivewithEmacs">
<div class="title">
<h3><a href="#ControllingSynthslivewithEmacs">[06/03/2018] Controlling Synths live with Emacs</a></h3>
<p>Sending midi control data to a live running synth through Emacs. Emacs has a OSC port open which is sending messages to the synth.</p>
</div>
<div class="print embed-container"><iframe src="https://player.vimeo.com/video/265188142?color=ff1493" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div>
</article>
<article id="ScratchingsampleswithEmacs">
<div class="title">
<h3><a href="#ScratchingsampleswithEmacs">[24/02/2018] Scratching samples with Emacs</a></h3>
<p>Using the cursor position in emacs to control the playback position in a sample. A little like scratching a record. </p>
</div>
<div class="print embed-container"><iframe src="https://player.vimeo.com/video/265189088?color=ff1493" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div>
</article>
<article id="PerformanceGeneratedGraphics">
<div class="title">
<h3><a href="#PerformanceGeneratedGraphics">[06/03/2018] Performance Generated Graphics</a></h3>
<p>Snapshots of live generated visuals used in a performance. All the graphics are programmed in the GLSL programming language and that code is executed through OpenFrameworks and ShaderView.</p>
</div>
<div class="print"><figure><img title="Lava.glsl" src="imgs/glsl/lava.png"><figcaption><figcaption>Lava.glsl</figcaption></div>
</article>
<article id="Brainsseekingmeaninginhumanvoices">
<div class="title">
<h3><a href="#Brainsseekingmeaninginhumanvoices">[16/02/2018] Brains seeking meaning in human voices</a></h3>
<p>For some unknown reason I'm slightly obsessed with Soprano samples. I've been playing around with the idea of the human ear seeking meaning in a repeated phrase that still has an element of a human voice.
I'm using wavetable playback manipulation, playhead speed and some added FM synthesis on a single 4 second Soprano sample.
</p>
<iframe width="100%" height="100" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/400557561&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true"></iframe>
</div>
</article>
<article id="Organicsamplebasedinstrument">
<div class="title">
<h3><a href="#Organicsamplebasedinstrument">[17/11/2017] Organic sample based instrument</a></h3>
<p>I've been thinking on some advice given by Deru. <quote>"Turn organic sounds into electronic and electronic into organic"</quote> Based on this I've been creating an instrument from two classical instruments sounds, a single 1 second sample of a Soprano singing a latin phrase and a single 1 second sample of a Violin. Added together with a lot of granular synthesis. Part of a new piece of music I'm working on.</p>
<iframe width="100%" height="100" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/357188174%3Fsecret_token%3Ds-KCZXc&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true"></iframe>
</div>
</article>
<article id="PerformanceGeneratedGraphics">
<div class="title">
<h3><a href="#PerformanceGeneratedGraphics">[23/10/2017] Performance Generated Graphics</a></h3>
<p>Snapshots of live generated visuals used in a performance. All the graphics are programmed in the GLSL programming language and that code is executed through OpenFrameworks and ShaderView.</p>
</div>
<div class="print"><figure><img title="Shapes.glsl" src="imgs/glsl/01.png"><figcaption>Shapes.glsl</figcaption></figure></div>
<div class="print"><figure><img title="Phasing Flower.glsl" src="imgs/glsl/02.png"><figcaption>Phasing Flower.glsl</figcaption></figure></div>
<div class="print"><figure><img title="Code.glsl" src="imgs/glsl/03.png"><figcaption>Code.glsl</figcaption></figure></div>
</article>
<article id="MusicforMachines">
<div class="title">
<h3><a href="#MusicforMachines">[31/12/2016] Music for Machines</a></h3>
<p>Looking into how machines hear music when trying to identify music. Evolving procedurally generated audio based on the mis-identification of the music. The more popular the artist the higher the weight of the score. (Full technical write up: <a href="http://blog.josephwilk.net/art/audio-fingerprint-smudges.html">http://blog.josephwilk.net/art/audio-fingerprint-smudges.html</a>)
</p>
</div>
<div class="print"><iframe width="100%" height="166" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/275449291&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true"></iframe></div>
<div class="print"><iframe width="100%" height="166" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/272121435&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true"></iframe></div>
<div class="print"><iframe width="100%" height="166" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/277509135&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true"></iframe></div>
</article>
<article id="Watchingsomeonecodepeoplewatchingcode">
<div class="title">
<h3><a href="#Watchingsomeonecodepeoplewatchingcode">[20/03/2017] Watching someone code people watching code</a></h3>
<p>Created as part of a live coded performance. I'm writing code as part of the performance overlaid over the visuals. The visuals I'm controlling are someone watching someone live code.</p>
</div>
<div class="print"><figure><img title="Watching Code 1" src="imgs/unity/Screenshot 2017-08-08 15.40.54.png"><figcaption>Watching Code 1</figcaption></figure></div>
<div class="print"><figure><img title="Watching Code 2" src="imgs/unity/Screenshot 2017-08-23 16.17.39.png"><figcaption>Watching Code 2</figcaption></figure></div>
</article>
<article id="PosteffectsonGLSLshaders">
<div class="title">
<h3><a href="#PosteffectsonGLSLshaders">[20/03/2017] Post effects on GLSL shaders</a></h3>
<p>I recently added into ShaderView (<a href="https://github.com/josephwilk/shaderview">https://github.com/josephwilk/shaderview</a>) Post processing filters. Effects like bloom, fisheye, mirroring, noise and grain effects. Two of my favourite examples generated live.</p>
</div>
<div class="print"><figure><img title="Mirror, Bloom and Grain 1" src="imgs/live_coding/Screenshot 2017-03-20 18.03.28.png"><figcaption>Mirror, Bloom and Grain 1</figcaption></figure></div>
<div class="print"><figure><img title="Mirror, Bloom and Grain 2" src="imgs/live_coding/Screenshot 2017-03-27 18.18.41.png"><figcaption>Mirror, Bloom and Grain 2</figcaption></figure></div>
</article>
<article id="MethodMissingCodePoem">
<div class="title">
<h3><a href="#MethodMissingCodePoem">[23/10/2017] Method Missing Code Poem</a></h3>
<p>Method missing, the method that does not exist is a magical and confusing concept. I wanted to draw attention to how counterintuitive this method is and the pain of many programmers trying to understand the behaviour of code using it.</p>
</div>
<div class="print"><figure><img title="Shapes.glsl" src="imgs/live_coding/Screenshot 2016-10-05 15.53.36.png"><figcaption>MethodMissing</figcaption></figure></div>
</article>
<article id="PaintingwithRegularExpressionsinEmacs">
<div class="title">
<h3><a href="#PaintingwithRegularExpressionsinEmacs">[21/10/2016] Painting with Regular Expressions in Emacs</a></h3>
<p>When searching text in Emacs, matching terms are highlighted. I wanted to explore creating visual patterns through writing regular expressions.
I compressed a section of performance code and then in emacs created different searches.</p>
</div>
<div class="print"><figure><img title="Painting with Regexs" src="imgs/code_art/Screenshot 2016-10-21 20.24.36.png"><figcaption>Patterns in text</figcaption></figure></div>
</article>
<article id="LiveCodingPatternswithEmojis">
<div class="title">
<h3><a href="#LiveCodingPatternswithEmojis">[30/09/2016] Live Coding Patterns with Emojis</a></h3>
<p>In live coding percussive patterns its common to mark a hit with '1' or 'x' and a 'rest'/'miss' with '0' or '_'.
<pre>
kick_drum_pattern = [1 0 0 0 1 0 0 0 1 0 1 0]
if kick_drum_pattern == 1
sample KICK_DRUM_SAMPLE
end
</pre>
I wanted to expand the expressiveness of patterns with Emojis rather than text. To add an extra level of meaning
for the audience and for my own mnemonics of mapping different types of percussive hits. Parameters like attack, release, velocity and sustain being different Emojis.</p>
</div>
<div class="print"><figure><img title="Flower patterns" src="imgs/live_coding/Screenshot 2016-08-27 20.01.29.png"><figcaption>Flower patterns</figcaption></figure></div>
<div class="print"><figure><img title="Horse and Unicorn patterns" src="imgs/live_coding/Screenshot 2016-08-28 15.42.18.png"><figcaption>Horse and Unicorn patterns</figcaption></figure></div>
<div class="print"><figure><img title="Animal patterns" src="imgs/live_coding/Screenshot 2016-08-28 20.27.03.png"><figcaption>Animal patterns</figcaption></figure></div>
</article>
<article id="AsciiArtinCode">
<div class="title">
<h3><a href="#AsciiArtinCode">[26/08/2016] Ascii Art in Code</a></h3>
<p>Clojure supports a very flexible naming convention for namespaces and functions.
I used this in a live performance to exploring using ASCII art to give a visual meaning to the containers of functions.</p>
</div>
<div class="print"><figure><img title="" src="imgs/live_coding/Screenshot 2016-08-26 16.35.13.png"><figcaption></figcaption></figure></div>
<div class="print"><figure><img title="" src="imgs/live_coding/Screenshot 2016-08-26 16.40.33.png"><figcaption></figcaption></figure></div>
</article>
<article id="AnimationwithEmacs">
<div class="title">
<h3><a href="#AnimationwithEmacs">[02/10/2015] Animation with Emacs</a></h3>
<p>Emacs is a editor used primarly by programmers thats heavily optimised to write and manipulate text. Here I take its text manipulation power and use it to create animations.</p>
</div>
<div class="print embed-container"><iframe src="https://player.vimeo.com/video/141310772?color=ff1493" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div>
</article>
<article id="ViewingSounddataasASCIIanimationsinEmacs">
<div class="title">
<h3><a href="#ViewingSounddataasASCIIanimationsinEmacs">[02/10/2015] Viewing Sound data as ASCII animations in Emacs</a></h3>
<p>Using the Sound Engine SuperCollider I'm sending messages to Emacs which contain the frequency. This is then rendering in a scrolling Ascii graph.</p>
</div>
<div class="print embed-container"><iframe src="https://player.vimeo.com/video/141159277?color=ff1493" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div>
</article>
<article id="ProductionMetricsin3D">
<div class="title">
<h3><a href="#ProductionMetricsin3D">[11/08/2015] Production Metrics in 3D</a></h3>
<p>Converting live metric data from SoundClouds production systems into a mesh in OpenFrameworks. The connection of mesh vertexes is slightly random which creates interesting shapes between graphs peaks and troughs.</p>
</div>
<div class="print"><figure><img title="" src="imgs/metrics/Screenshot 2015-08-11 20.53.58.png"><figcaption>Requests per second</figcaption></figure></div>
<div class="print"><figure><img title="" src="imgs/metrics/Screenshot 2015-08-11 18.49.16.png"><figcaption>Requests per second with noise</figcaption></figure></div>
</article>
<article id="BeautifulProductionMetrics">
<div class="title">
<h3><a href="#BeautifulProductionMetrics">[11/08/2015] Beautiful Production Metrics</a></h3>
<p>Telemetry generate by the data pipeline at SoundCloud. Graphs generated with <a href="https://prometheus.io">https://prometheus.io</a>.</p>
</div>
<div class="print"><figure><img title="" src="imgs/metrics/Screenshot 2015-08-11 21.24.28.png"><figcaption>40 machines singing data 1</figcaption></figure></div>
<div class="print"><figure><img title="" src="imgs/metrics/Screenshot 2015-08-11 21.20.25.png"><figcaption>40 machines singing data 2</figcaption></figure></div>
<div class="print"><figure><img title="" src="imgs/metrics/Screenshot 2015-08-11 21.20.00.png"><figcaption>40 machines singing data 3</figcaption></figure></div>
<div class="print"><figure><img title="" src="imgs/metrics/Screenshot 2015-08-11 18.35.19.png"><figcaption>40 machines singing data 4</figcaption></figure></div>
</article>
<article id="DistortingText">
<div class="title">
<h3><a href="#DistortingText">[31/08/2015] Distorting Text</a></h3>
<p>In most performances when I live code visuals and music the controlling code is overlaid over the top of the visuals. I've been experimenting with how to bring the text into the visuals rather than just sitting on top of it.
To do this I used OpenFrameworks I created meshes from black and white screen shots of text. Then adding noise to the text mesh creating interesting distortions. Making the text feel more organic and alive while still being readable.</p>
</div>
<div class="print"><figure><img title="Live Code" src="imgs/open_frameworks/Screenshot 2015-07-31 15.32.49.png"><figcaption>Live Code</figcaption></figure></div>
<div class="print"><figure><img title="raise exception" src="imgs/open_frameworks/Screenshot 2015-07-31 15.48.08.png"><figcaption>raise exception</figcaption></figure></div>
<div class="print"><figure><img title="Computational behaviour" src="imgs/open_frameworks/Screenshot 2015-07-31 15.51.21.png"><figcaption>Computational behaviour</figcaption></figure></div>
</article>
<article id="LiveCodingCinema4D">
<div class="title">
<h3><a href="#LiveCodingCinema4D">[17/04/2015] Live Coding Cinema4D</a></h3>
<p>Simple experiment controlling a Cinema4D scene from Overtone using OSC messages.</p>
</div>
<div class="print"><figure><img title="Cinema4D" src="imgs/cinema4d/Screenshot 2015-04-17 18.33.20.png"><figcaption>Flower without light rendering</figcaption></figure></div>
</article>
<article id="LivecodingMinecraft">
<div class="title">
<h3><a href="#LivecodingMinecraft">[1/03/2015] Live coding Minecraft</a></h3>
<p>Controlling the Minecraft world from a live REPL in Clojure. Full technical details: <a href="http://blog.josephwilk.net/clojure/overtone-driving-minecraft.html">http://blog.josephwilk.net/clojure/overtone-driving-minecraft.html</a></p>
</div>
<div class="print"><figure><img title="Pig Algorave" src="http://blog.josephwilk.net/images/pig_algo_rave.png"><figcaption>Pig Algorave</figcaption></figure></div>
<div class="print embed-container"><iframe src="https://player.vimeo.com/video/120907923?color=ff1493" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div>
</article>
<article id="OpenGLSilhouette">
<div class="title">
<h3><a href="#OpenGLSilhouette">[26/04/2014] OpenGL Silhouette</a></h3>
<p>An experiment using a texture with transparent cutout text overlaid on top of a GLSL shader. Slight distortion on the edge of the text to better connect with the background texture.</p>
</div>
<div class="print"><figure><img src="imgs/live_coding/Screenshot 2014-04-26 23.58.11.png"><figcaption>RE cutout</figcaption></figure></div>
</article>
<article id="OvertoneSynths">
<div class="title">
<h3><a href="#OvertoneSynths">[01/03/2014] Overtone Synths</a></h3>
<p>The DarkSeaHorn and Fallout Synths I implemented in Overtone.</p>
</div>
<div class="print"><iframe width="100%" height="166" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/125574916&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true"></iframe></div>
<div class="print"><iframe width="100%" height="166" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/123195361&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true"></iframe></div>
</article>
<article id="PianoGeneratedByRecombinanceUsingBachChorale140">
<div class="title">
<h3><a href="#PianoGeneratedByRecombinanceUsingBachChorale140"><a href="#PianoGeneratedByRecombinanceUsingBachChorale140">[01/01/2014] Piano generated by Recombinance using Bach Chorale 140</a></a></h3>
<p>Exploring the book Computer Models of Music Creativity through creating generated music in Overtone and Clojure.
Uses Bach Chorale 140 as a training source. Full details: <a href="https://github.com/josephwilk/musical-creativity">https://github.com/josephwilk/musical-creativity</a></p>
</div>
<div class="print"><iframe width="100%" height="166" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/109696261&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true"></iframe></div>
</article>
<article id="BrainwavePoweredMusic">
<div class="title">
<h3><a href="#BrainwavePoweredMusic">[02/12/2013] Brainwave Powered music</a></h3>
<p>Controlling a synth using Brainwave signals and mapping brainwave activity to piano pitches. Full technical details: <a href="http://blog.josephwilk.net/clojure/sounds-of-the-human-brain.html">http://blog.josephwilk.net/clojure/sounds-of-the-human-brain.html</a></p>
</div>
<div class="print"><iframe width="100%" height="166" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/122704897&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true"></iframe></div>
<div class="print"><iframe width="100%" height="166" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/108320470&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true"></iframe></div>
</article>
<article id="SonificationOfALiveServersHealthStatus">
<div class="title">
<h3><a href="#SonificationOfALiveServersHealthStatus">[13/11/2013] Sonification of a live servers health status</a></h3>
<p>Mointoring a live SoundCloud production service by listening to the health status mapped to piano pitches. Low notes are good, high are bad.</p>
</div>
<div class="print"><iframe width="100%" height="166" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/109115434&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true"></iframe></div>
</article>
</div>
<div id="footer">Copyright © 2013-present - Joseph Wilk</div>
</body>
</html>