-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathyamanakasuplex.html
More file actions
665 lines (601 loc) · 43.6 KB
/
Copy pathyamanakasuplex.html
File metadata and controls
665 lines (601 loc) · 43.6 KB
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
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
<!doctype html>
<html>
<head>
<meta content="Biohaha is a collaborative platform that merges art and science, with a focus on biology and its relevance to Indonesia’s social, cultural, and climatic conditions" name="description">
<meta content="Biohaha, biohaha, bio.haha, bio-haha, Bio electronic, Biology laboratory, Bio lab, Bio art, Art and science, Art and biology, Art and technology, Culture and technology, Technology, Biology, New media art, Interdisciplinary, DIY, DIWO, Do It Together, Sensewalking, Sensewalking flux, Helmi Hardian, Angela Sunaryo, Bandung, Indonesia" name="keywords">
<link rel="canonical" href="https://bio-haha.github.io/sensewalking" />
<link rel="shortcut icon" type="image/x-icon" href="img/biohaha-icon.png">
<title>Biohaha</title>
<meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1">
<link href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" media="screen" rel="stylesheet" type="text/css" />
<link href="css/frame.css" media="screen" rel="stylesheet" type="text/css" />
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700' rel='stylesheet' type='text/css'>
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>
<body>
<div class="menu-container"></div>
<div class="content-container">
<!-------------------------------------------------------------------------------------------->
<!--Start Header-->
<div class="banner" style="background: url('img/biohaha-background.jpeg') no-repeat center; background-size: cover; height: 300px;"></div>
<div class="banner">
<div class="banner-table flex-column">
<div class="flex-row">
<div class="flex-item flex-column">
<h2 class="add-top-margin-small">SENSEWALKING FLUX - JAPAN</h2>
<p class="text">
<strong>Sensewalking Flux</strong> is a participatory research project based on multisensory navigation that explores embodied experiences in understanding the city. This work invites participants to engage in <strong>sensewalking</strong>, where sensory interactions—sight, sound, touch, smell, and taste—are documented using specific recording patterns and then translated into a <strong>generative score</strong>. This score is later presented as a <strong>collective performance</strong>, transforming data into sound that reflects a cross-sensory experience of Yamanaka Suplex, Mount Hiei area, between Kyoto and Shiga - Japan: a landmark as it is and as it is perceived.
</p>
</div>
</div>
</div>
</div>
<!--End Header-->
<!-------------------------------------------------------------------------------------------->
<!--Start Menu-->
<nav class="navbar" role="navigation" aria-label="Main navigation">
<ul class="menu">
<li class="dropdown" data-dropdown>
<a href="#" class="dropbtn" aria-haspopup="true" aria-expanded="false">Sensewalking Flux Series ▾</a>
<ul class="dropdown-content" role="menu" aria-label="Sensewalking Flux Series">
<li role="none"><a role="menuitem" href="index.html">BPAF<br> Bandung - Indonesia</a></li>
<li role="none"><a role="menuitem" href="acc-gwangju.html">Asia Culture Center<br> Gwangju - Korea</a></li>
<li role="none"><a role="menuitem" href="dugu-busan.html">Art Space Dugu<br> Busan - Korea</a></li>
<li role="none"><a role="menuitem" href="yamanakasuplex.html">Yamanaka Suplex<br> Kyoto, Shiga - Japan</a></li>
<li role="none"><a role="menuitem" href="smi-bangalore.html">Srishti Manipal Institute<br> Bangalore - India</a></li>
</ul>
</li>
<li class="dropdown" data-dropdown>
<a href="#" class="dropbtn" aria-haspopup="true" aria-expanded="false">Zine ▾</a>
<ul class="dropdown-content" role="menu" aria-label="Zine">
<li role="none"><a role="menuitem" href="pdf/biohaha-helmi_hardian-angela_sunaryo-zine-byol.pdf" target="_blank">Build Your Own Lab<br> and Share It</a></li>
<li role="none"><a role="menuitem" href="pdf/biohaha-helmi_hardian-angela_sunaryo-zine.pdf" target="_blank">Sensewalking Flux<br> Indonesia</a></li>
<li role="none"><a role="menuitem" href="pdf/biohaha-helmi_hardian-angela_sunaryo-zine-acc.pdf" target="_blank">Sensewalking Flux<br> Korea (I)</a></li>
<li role="none"><a role="menuitem" href="pdf/biohaha-helmi_hardian-angela_sunaryo-zine-dugu.pdf" target="_blank">Sensewalking Flux<br> Korea (II)</a></li>
<li role="none"><a role="menuitem" href="pdf/biohaha-helmi_hardian-angela_sunaryo-zine-yamanaka_suplex.pdf" target="_blank">Sensewalking Flux<br> Japan</a></li>
<li role="none"><a role="menuitem" href="pdf/biohaha-helmi_hardian-angela_sunaryo-zine-smi.pdf" target="_blank">Sensewalking Flux<br> India</a></li>
</ul>
</li>
<li class="dropdown" data-dropdown>
<a href="#" class="dropbtn" aria-haspopup="true" aria-expanded="false">Practices ▾</a>
<ul class="dropdown-content" role="menu" aria-label="Sensewalking Flux Series">
<li role="none"><a role="menuitem" href="projects.html">Projects</a></li>
<li role="none"><a role="menuitem" href="exhibitions.html">Exhibitions</a></li>
<li role="none"><a role="menuitem" href="residencies.html">Residencies</a></li>
<li role="none"><a role="menuitem" href="workshops.html">Workshops</a></li>
<li role="none"><a role="menuitem" href="research.html">Research</a></li>
<li role="none"><a role="menuitem" href="products.html">Products</a></li>
</ul>
</li>
<li class="dropdown" data-dropdown>
<a href="#" class="dropbtn" aria-haspopup="true" aria-expanded="false">Contact Us ▾</a>
<ul class="dropdown-content" role="menu" aria-label="Contact">
<li role="none"><a role="menuitem" href="https://www.instagram.com/bio.haha/" target="_blank">
<i class="fab fa-instagram"></i> Biohaha</a></li>
<li role="none"><a role="menuitem" href="https://www.instagram.com/helmihardian/" target="_blank">
<i class="fab fa-instagram"></i> Helmi Hardian</a></li>
<li role="none"><a role="menuitem" href="https://www.instagram.com/angela_sunaryo/" target="_blank">
<i class="fab fa-instagram"></i> Angela Sunaryo</a></li>
</ul>
</li>
<li>
<a href="about.html" class="dropbtn">About Us</a>
</li>
</ul>
</nav>
<!-- Small script to make dropdowns reliable on hover, focus, touch, and keyboard -->
<script>
(function () {
const DROPDOWN_SELECTOR = '[data-dropdown]';
const dropdowns = Array.from(document.querySelectorAll(DROPDOWN_SELECTOR));
// Utility: close all dropdowns except optional keep
function closeAll(except = null) {
dropdowns.forEach(dd => {
if (dd === except) return;
dd.classList.remove('open');
const btn = dd.querySelector('.dropbtn');
if (btn) btn.setAttribute('aria-expanded', 'false');
});
}
// Toggle a dropdown element
function toggleDropdown(dd, open) {
const btn = dd.querySelector('.dropbtn');
if (open === undefined) open = !dd.classList.contains('open');
closeAll(open ? dd : null);
dd.classList.toggle('open', open);
if (btn) btn.setAttribute('aria-expanded', open ? 'true' : 'false');
}
// Click on button (or tap) — prevent default anchor navigation
dropdowns.forEach(dd => {
const btn = dd.querySelector('.dropbtn');
const panel = dd.querySelector('.dropdown-content');
// Mouse enter/leave: show dropdown on hover for desktop pointer devices
dd.addEventListener('pointerenter', (e) => {
// only show on non-touch pointer (mouse)
if (e.pointerType === 'mouse') toggleDropdown(dd, true);
});
dd.addEventListener('pointerleave', (e) => {
if (e.pointerType === 'mouse') toggleDropdown(dd, false);
});
// Click / Tap: open/close (prevents sticky hover issues on touch)
btn.addEventListener('click', (e) => {
e.preventDefault();
toggleDropdown(dd);
});
// Keyboard: Enter / Space to toggle; Escape to close
btn.addEventListener('keydown', (e) => {
if (e.key === 'Enter' || e.key === ' ' || e.key === 'Spacebar') {
e.preventDefault();
toggleDropdown(dd);
// move focus to first menuitem when opening
if (dd.classList.contains('open')) {
const firstItem = panel.querySelector('[role="menuitem"]');
if (firstItem) firstItem.focus();
}
} else if (e.key === 'Escape' || e.key === 'Esc') {
toggleDropdown(dd, false);
btn.focus();
}
});
// Close when a menu item is activated (click)
panel.addEventListener('click', (e) => {
// allow links to work, but close menu after click
toggleDropdown(dd, false);
});
});
// Close when clicking outside
document.addEventListener('click', (e) => {
if (!e.target.closest(DROPDOWN_SELECTOR)) closeAll();
});
// Close on ESC globally
document.addEventListener('keydown', (e) => {
if (e.key === 'Escape' || e.key === 'Esc') closeAll();
});
})();
</script>
<!--End Menu-->
<!-------------------------------------------------------------------------------------------->
<div class="content">
<div class="content-table flex-column">
<!-------------------------------------------------------------------------------------------->
<!--Start Intro-->
<div class="flex-row">
<div class="flex-item flex-column">
<img class="image" src="img-yamanaka/biohaha-helmi_hardian-angela_sunaryo-wide-img-yamanaka_suplex.png">
</div>
</div>
<div class="flex-row">
<div class="flex-item flex-column">
<p class="text">
Sensewalking Flux invites you into a layered terrain of architecture, memory, and ecology. In this chapter, we shift from urban/coastal sites to the forested ridges of the Mount Hiei boundary between Kyoto and Shiga, where the studio‐community of Yamanaka Suplex is situated. <br><br>
Here, the city’s edge gives way to mountain air, summer heat, and the slow rhythm of woods, trails and light. Participants were invited to walk the hillside, forest paths, and abandoned structures to sense the meeting of nature and collective ritual. <br><br>
Each walk becomes a threshold, each workshop a clearing, each performance an echo of place.
</p>
</div>
</div>
<!--End Intro-->
<!-------------------------------------------------------------------------------------------->
<!--Start Zine and Schedule-->
<div class="flex-row">
<div class="flex-item flex-column">
<img class="image center" src="img-yamanaka/biohaha-helmi_hardian-angela_sunaryo-zine-yamanaka_suplex.png" style="max-width: 500px;">
<a href="pdf/biohaha-helmi_hardian-angela_sunaryo-zine-yamanaka_suplex.pdf" target="_blank">
<p class="image-caption">Sensewalking Flux Zine - Yamanaka Suplex Download</p>
</a>
<p class="text">
<strong>This project unfolds in three phases:</strong> <br><br>
<strong>// Sensewalking & Mapping</strong> – Participants explore Yamanaka Suplex area through embodied perception, documenting their experiences through sketches, sound patterns, textures, and bodily sensations. These observations are converted into a graphic score, capturing an intersubjective experience of the landscape. <br><br>
<strong>// DIY Bio-Synth Workshop</strong> – Participants assemble a light-sensitive synthesizer, establishing a connection between visual stimuli and sound. <br><br>
<strong>// Collective Audio-Visual Performance</strong> – The generated score serves as a guide for an improvised performance in public space, merging movement, sound, and visual projections into an intersubjective ecology between body, space, and technology. <br><br>
This project highlights <strong>spontaneity, perception, and intersubjectivity</strong>, fostering an egalitarian interaction between the landscape and its inhabitants. By positioning the environment as a "<strong>living instrument</strong>," Sensewalking Flux celebrates the unpredictability that emerges from the ecotone between body, space, and technology.
</p>
<img class="image" src="img-yamanaka/biohaha-schedule-img.png">
</div>
</div>
<!--End Zine and Schedule-->
<!-------------------------------------------------------------------------------------------->
<!--Start Text and About-->
<div class="flex-row">
<div class="flex-item flex-column">
<h2 id="minor-adjustment">Learning Resonance Together! - Yamanaka Suplex</h2>
<h3>2025年8月13日[水]〜9月13日 土]</h3>
<hr>
<p class="text">
<b>アーティスト・イン・レジデンス × 国際ラーニングプログラム「みんなで響きをラーンする!」を開催 </b><br>
Learning Resonance Together! Artist-in-Residence - International Learning Program <br><br>
<b>Dates:</b> Monday, August 12 – Sunday, September 14, 2025<br>
<b>Venue:</b> Yamanaka Suplex (91 Yamanaka-cho, Otsu, Shiga Prefecture)<br>
<b>Organized by:</b> Yamanaka Suplex<br>
<b>Curated by:</b> Kaho Ikeda (Co-Program Director, Yamanaka Suplex)<br>
<b>Assistant:</b> Seigo Hirano, Yukina Ayagi<br>
<b>Supported by:</b> Fukutake Foundation, Toshiaki Ogasawara Memorial Foundation<br>
<b>Residency Period:</b> August 13 (Mon) – September 13 (Sun), 2025<br><br>
Yamanaka Suplex is based in Yamanaka-cho and Hieidaira, two districts in Otsu, Shiga Prefecture, where it serves as a crossroads of local culture and contemporary art. In Yamanaka-cho, traditional cultural elements such as the local bon dance “Yamanaka Goshu Ondo,” regional food customs, and historic stonework, including Buddhist statues and bridges from the Kamakura period still remain. However, many of these cultural assets are rapidly disappearing due to the aging of the local population, which has long been responsible for passing them down. A key challenge in the region is how to preserve and transmit these embodied forms of expression and collective memory to future generations. This project responds to that context by inviting artists from Indonesia who work at the intersection of music, folk performance, and local environmental resources, and who engage communities through their practice. Through field research and community-based workshops in and around Yamanaka Suplex, they will explore the cultural and environmental landscape of the region. In addition to international artists-in-residence, we will also welcome domestic artists and directors who focus on music and folk performing arts as “research collaborators.” These collaborators will also conduct workshops, creating opportunities for participants to engage with the region’s culture from multiple perspectives.
</p>
<img class="image center" src="img-yamanaka/biohaha-helmi_hardian-angela_sunaryo-yamanaka_suplex-poster.png" style="max-width: 500px;">
<a href="https://www.yamanakasuplex.com/news/learning-resonance-together" target="_blank">
<p class="image-caption">Learning Resonance Together! - Yamanaka Suplex</p>
</a>
<p class="text">
<h3>Schedule</h3>
<hr>
● Workshops<br>
Each artist-in-residence and research collaborator will conduct at least one workshop during the residency period.<br><br>
● Final Presentation<br>
Date: Saturday, September 6, 2025<br>
Venue: Yamanaka Suplex<br><br>
The final event will include:<br>
● Artist talks by resident and collaborating artists<br>
● Presentations of workshop outcomes<br>
● Mini live performances and more<br><br>
</p>
</div>
</div>
<!--End Text and About-->
<!-------------------------------------------------------------------------------------------->
<!--Start Collaboration-->
<div class="flex-row">
<div class="flex-item flex-column">
<img class="image center" src="img-yamanaka/biohaha-helmi_hardian-angela_sunaryo-yamanaka_suplex-flyer.png" style="max-width: 500px;">
<a href="https://www.yamanakasuplex.com/news/learning-resonance-together" target="_blank">
<p class="image-caption">Learning Resonance Together! - Yamanaka Suplex</p>
</a>
<p class="text">
As part of our residency at Yamanaka Suplex, Biohaha conducted a Sensewalking Flux session exploring the embodied resonance between human, environment, and material. Through collective walking, listening, and sensing, participants traced the hidden rhythms of the surrounding landscape. <br><br>
The process culminated in a shared performance—transforming sensory data into sound, gesture, and dialogue—reflecting Yamanaka Suplex’s spirit of learning resonance together.
During our residency at Yamanaka Suplex, biohaha expanded the Sensewalking Flux practice into a new terrain of resonance and collective attunement. <br><br>
</p>
<img class="image center" src="img-yamanaka/biohaha-helmi_hardian-angela_sunaryo-list-yamanaka_suplex.png" style="max-width: 422px;">
</div>
</div>
<!--End Collaboration-->
<!-------------------------------------------------------------------------------------------->
<!--Start Session-->
<div class="flex-row">
<div class="flex-item flex-column">
<p class="text">
Guided by the site’s unique context and Yamanaka Suplex’s framework of learning resonance together, the group explored how perception can become a collaborative act. The walk evolved into a process of mapping invisible relations between human, environment, and biological material, each step generating data that later unfolded as a live performance and generative sound composition. <br><br>
</p>
<img class="image center" src="img-yamanaka/biohaha-helmi_hardian-angela_sunaryo-info-yamanaka_suplex.png" style="max-width: 800px;">
<p class="text">
Through this shared process, biohaha continued its exploration of embodied navigation and living systems, situating Sensewalking Flux as both research and ritual within the ecology of Yamanaka Suplex’s artistic community.
</p>
<hr>
</div>
</div>
<!--End Session-->
<!-------------------------------------------------------------------------------------------->
<!--Start Bio Synth-->
<div class="flex-row">
<div class="flex-item flex-column">
<img class="image center" src="img-yamanaka/biohaha-helmi_hardian-angela_sunaryo-solder.png" style="max-width: 200px;">
<p class="text">
<b>What’s a Bio-Synth?</b></p>
<hr>
<p class="text">
Think of it as a tiny electronic creature that listens to the world in ways we can’t. Instead of using a microphone, it captures <b>light intensity</b> and turns it into <b>sound</b>. The brighter the light, the louder or higher the pitch—kind of like the city humming its own tune! <br><br>
<b>Ready to tune in? Let’s build, explore, and make the city sing!</b>
</p>
<img class="image center" src="img-yamanaka/biohaha-helmi_hardian-angela_sunaryo-manual-yamanaka_suplex.png" style="max-width: 422px;">
<p class="image-caption add-bottom-margin-large">DIY Bio-Synth Instruction Manual</p>
</div>
</div>
<!--End Bio Synth-->
<!-------------------------------------------------------------------------------------------->
<!--Start Documentation-->
<div class="banner" style="background: url('img-yamanaka/biohaha-helmi_hardian-angela_sunaryo-doc.jpeg') no-repeat center; background-size: cover; height: 250px;"></div>
<!-------------------------------------------------------------------------------------------->
<!--Start Documentation 001-->
<div class="flex-row">
<div class="flex-item flex-column">
<h2 id="documentation-01">Phase 1 <br>Sensewalking & Mapping</h2>
<hr>
<p class="text">
"Observing the environment around Yamanaka Suplex area through the senses—textures, movements, sounds, and the shifting rhythm of the landscape." <br><br>
Yamanaka Suplex, Japan | 24 August 2025
</p>
</div>
</div>
<div class="flex-row-space-between">
<div class="flex-item flex-column">
<a href="img-yamanaka/biohaha-helmi_hardian-angela_sunaryo-yamanaka_suplex-001.jpg" target="_blank" class="image max-width-400">
<img src="img-yamanaka/biohaha-helmi_hardian-angela_sunaryo-yamanaka_suplex-001.jpg">
</a>
</div>
<div class="flex-item flex-column">
<a href="img-yamanaka/biohaha-helmi_hardian-angela_sunaryo-yamanaka_suplex-002.jpg" target="_blank" class="image max-width-400">
<img src="img-yamanaka/biohaha-helmi_hardian-angela_sunaryo-yamanaka_suplex-002.jpg">
</a>
</div>
</div>
<div class="flex-row-space-between">
<div class="flex-item flex-column">
<a href="img-yamanaka/biohaha-helmi_hardian-angela_sunaryo-yamanaka_suplex-003.jpg" target="_blank" class="image max-width-400">
<img src="img-yamanaka/biohaha-helmi_hardian-angela_sunaryo-yamanaka_suplex-003.jpg">
</a>
</div>
<div class="flex-item flex-column">
<a href="img-yamanaka/biohaha-helmi_hardian-angela_sunaryo-yamanaka_suplex-004.jpg" target="_blank" class="image max-width-400">
<img src="img-yamanaka/biohaha-helmi_hardian-angela_sunaryo-yamanaka_suplex-004.jpg">
</a>
</div>
</div>
<div class="flex-row-space-between">
<div class="flex-item flex-column">
<a href="img-yamanaka/biohaha-helmi_hardian-angela_sunaryo-yamanaka_suplex-005.jpg" target="_blank" class="image max-width-400">
<img src="img-yamanaka/biohaha-helmi_hardian-angela_sunaryo-yamanaka_suplex-005.jpg">
</a>
</div>
<div class="flex-item flex-column">
<a href="img-yamanaka/biohaha-helmi_hardian-angela_sunaryo-yamanaka_suplex-006.jpg" target="_blank" class="image max-width-400">
<img src="img-yamanaka/biohaha-helmi_hardian-angela_sunaryo-yamanaka_suplex-006.jpg">
</a>
</div>
</div>
<div class="flex-row-space-between">
<div class="flex-item flex-column">
<a href="img-yamanaka/biohaha-helmi_hardian-angela_sunaryo-yamanaka_suplex-007.jpg" target="_blank" class="image max-width-400">
<img src="img-yamanaka/biohaha-helmi_hardian-angela_sunaryo-yamanaka_suplex-007.jpg">
</a>
</div>
<div class="flex-item flex-column">
<a href="img-yamanaka/biohaha-helmi_hardian-angela_sunaryo-yamanaka_suplex-008.jpg" target="_blank" class="image max-width-400">
<img src="img-yamanaka/biohaha-helmi_hardian-angela_sunaryo-yamanaka_suplex-008.jpg">
</a>
</div>
</div>
<div class="flex-row-space-between">
<div class="flex-item flex-column">
<a href="img-yamanaka/biohaha-helmi_hardian-angela_sunaryo-yamanaka_suplex-009.jpg" target="_blank" class="image max-width-400">
<img src="img-yamanaka/biohaha-helmi_hardian-angela_sunaryo-yamanaka_suplex-009.jpg">
</a>
</div>
<div class="flex-item flex-column">
<a href="img-yamanaka/biohaha-helmi_hardian-angela_sunaryo-yamanaka_suplex-010.jpg" target="_blank" class="image max-width-400">
<img src="img-yamanaka/biohaha-helmi_hardian-angela_sunaryo-yamanaka_suplex-010.jpg">
</a>
</div>
</div>
<div class="flex-row-space-between">
<div class="flex-item flex-column">
<a href="img-yamanaka/biohaha-helmi_hardian-angela_sunaryo-yamanaka_suplex-011.jpg" target="_blank" class="image max-width-400">
<img src="img-yamanaka/biohaha-helmi_hardian-angela_sunaryo-yamanaka_suplex-011.jpg">
</a>
</div>
<div class="flex-item flex-column">
<a href="img-yamanaka/biohaha-helmi_hardian-angela_sunaryo-yamanaka_suplex-012.jpg" target="_blank" class="image max-width-400">
<img src="img-yamanaka/biohaha-helmi_hardian-angela_sunaryo-yamanaka_suplex-012.jpg">
</a>
</div>
</div>
<div class="flex-row-space-between">
<div class="flex-item flex-column">
<a href="img-yamanaka/biohaha-helmi_hardian-angela_sunaryo-yamanaka_suplex-013.jpg" target="_blank" class="image max-width-400">
<img src="img-yamanaka/biohaha-helmi_hardian-angela_sunaryo-yamanaka_suplex-013.jpg">
</a>
</div>
<div class="flex-item flex-column">
<a href="img-yamanaka/biohaha-helmi_hardian-angela_sunaryo-yamanaka_suplex-014.jpg" target="_blank" class="image max-width-400">
<img src="img-yamanaka/biohaha-helmi_hardian-angela_sunaryo-yamanaka_suplex-014.jpg">
</a>
</div>
</div>
<div class="flex-row-space-between">
<div class="flex-item flex-column">
<a href="img-yamanaka/biohaha-helmi_hardian-angela_sunaryo-yamanaka_suplex-015.jpg" target="_blank" class="image max-width-400">
<img src="img-yamanaka/biohaha-helmi_hardian-angela_sunaryo-yamanaka_suplex-015.jpg">
</a>
</div>
<div class="flex-item flex-column">
<a href="img-yamanaka/biohaha-helmi_hardian-angela_sunaryo-yamanaka_suplex-016.jpg" target="_blank" class="image max-width-400">
<img src="img-yamanaka/biohaha-helmi_hardian-angela_sunaryo-yamanaka_suplex-016.jpg">
</a>
</div>
</div>
<div class="flex-item flex-column">
<p class="text">
<hr>
<b>Converting</b> <br>
"The observations result are converted into a graphic score, capturing an intersubjective experience of the landscape." <br>
Yamanaka Suplex, Japan | 24 August 2025
</p>
</div>
<div class="flex-row-space-between">
<div class="flex-item flex-column">
<a href="img-yamanaka/biohaha-helmi_hardian-angela_sunaryo-yamanaka_suplex-017.jpg" target="_blank" class="image max-width-400">
<img src="img-yamanaka/biohaha-helmi_hardian-angela_sunaryo-yamanaka_suplex-017.jpg">
</a>
</div>
<div class="flex-item flex-column">
<a href="img-yamanaka/biohaha-helmi_hardian-angela_sunaryo-yamanaka_suplex-018.jpg" target="_blank" class="image max-width-400">
<img src="img-yamanaka/biohaha-helmi_hardian-angela_sunaryo-yamanaka_suplex-018.jpg">
</a>
</div>
</div>
<div class="flex-row-space-between">
<div class="flex-item flex-column">
<a href="img-yamanaka/biohaha-helmi_hardian-angela_sunaryo-yamanaka_suplex-019.jpg" target="_blank" class="image max-width-400">
<img src="img-yamanaka/biohaha-helmi_hardian-angela_sunaryo-yamanaka_suplex-019.jpg">
</a>
</div>
<div class="flex-item flex-column">
<a href="img-yamanaka/biohaha-helmi_hardian-angela_sunaryo-yamanaka_suplex-020.jpg" target="_blank" class="image max-width-400">
<img src="img-yamanaka/biohaha-helmi_hardian-angela_sunaryo-yamanaka_suplex-020.jpg">
</a>
</div>
</div>
<div class="flex-row-space-between">
<div class="flex-item flex-column">
<a href="img-yamanaka/biohaha-helmi_hardian-angela_sunaryo-yamanaka_suplex-021.jpg" target="_blank" class="image max-width-400">
<img src="img-yamanaka/biohaha-helmi_hardian-angela_sunaryo-yamanaka_suplex-021.jpg">
</a>
</div>
<div class="flex-item flex-column">
<a href="img-yamanaka/biohaha-helmi_hardian-angela_sunaryo-yamanaka_suplex-022.jpg" target="_blank" class="image max-width-400">
<img src="img-yamanaka/biohaha-helmi_hardian-angela_sunaryo-yamanaka_suplex-022.jpg">
</a>
</div>
</div>
<!--End Documentation 001-->
<!-------------------------------------------------------------------------------------------->
<!--Start Reflection 001-->
<div class="flex-row">
<div class="flex-item flex-column">
<p class="text">
<b>Reflections on Phase 1 <br>Sensewalking & Mapping</b> <br><br>
Yamanaka Suplex introduced a unique landscape shaped by both natural beauty and layers of local history. The workshop took place at Ceramic Hill, a site known for its past as an illegal dumping ground for ceramic waste. Even today, fragments of broken ceramics remain scattered across the terrain. Yamanaka itself sits between Kyoto and Shiga Prefectures, nestled in the mountains and surrounded by dense forest, giving the area a strong connection to nature. <br><br>
Because of the intense summer heat, we prepared insect repellent and cooling sprays in advance to make the session comfortable for everyone. The participants were wonderfully diverse: children as young as three, seven, and ten years old with their parents, local residents, and fellow artists and curators. This wide range of ages and backgrounds brought a playful and curious energy to the workshop. <br><br>
As we began exploring the hillside, the children were especially enthusiastic. One child became fascinated by a caterpillar, observing it closely as it moved across leaves. Another was intrigued by the scent of the ceramic fragments and described it as smelling like strawberries. Some participants collected wild plants, touching, smelling, and examining their textures. The environment offered many sensory layers: the crisp sound of ceramic shards crunching underfoot, the rustling of leaves, the calls of forest birds, and the steady cicada song that filled the air. <br><br>
Many participants instinctively found their own quiet corners to focus, listen, and immerse themselves in the surroundings. Despite the heat, the session was lively, joyful, and filled with curiosity. We ended the workshop with something simple and delightful: sharing ice cream together, a cool pause that brought everyone into the same circle of enjoyment after an afternoon of sensory exploration.
</p>
</div>
</div>
<!--End Reflection 001-->
<!-------------------------------------------------------------------------------------------->
<!--Start Documentation 002-->
<div class="flex-row">
<div class="flex-item flex-column">
<h2 id="documentation-02">Phase 2 <br>DIY Bio-Synth Workshop</h2>
<hr>
<p class="text">
"Building, tweaking, and experimenting—participants shape sound through circuits and collaboration." <br><br>
Following the sensewalking session, biohaha continued the process inside the shared studio of Yamanaka Suplex, transforming sensory traces into physical and sonic forms. <br><br>
Using found materials, simple circuits, and organic matter, participants collaboratively assembled bio-synths—living sound instruments that translate environmental data and bodily signals into frequencies, rhythms, and pulses. <br><br>
Each bio-synth became a small organism of resonance: a hybrid of biology and electronics, sensitivity and noise. The process emphasized open, low-tech experimentation—merging intuition, improvisation, and accessible tools to build instruments that could listen back to their surroundings. <br><br>
Within the collective studio space, the assembly became both a workshop and a performance. Conversations, soldering sounds, and the quiet vibration of circuits merged into a shared rhythm, echoing Yamanaka Suplex’s ethos of learning resonance together. <br><br>
Through this process, biohaha extended the Sensewalking Flux methodology beyond walking—into a material dialogue between bodies, matter, and sound. <br><br>
Yamanaka Suplex - Japan | 24 August 2025
</p>
</div>
</div>
<div class="flex-row-space-between">
<div class="flex-item flex-column">
<a href="img-yamanaka/biohaha-helmi_hardian-angela_sunaryo-yamanaka_suplex-023.jpg" target="_blank" class="image max-width-400">
<img src="img-yamanaka/biohaha-helmi_hardian-angela_sunaryo-yamanaka_suplex-023.jpg">
</a>
</div>
<div class="flex-item flex-column">
<a href="img-yamanaka/biohaha-helmi_hardian-angela_sunaryo-yamanaka_suplex-024.jpg" target="_blank" class="image max-width-400">
<img src="img-yamanaka/biohaha-helmi_hardian-angela_sunaryo-yamanaka_suplex-024.jpg">
</a>
</div>
</div>
<div class="flex-row-space-between">
<div class="flex-item flex-column">
<a href="img-yamanaka/biohaha-helmi_hardian-angela_sunaryo-yamanaka_suplex-025.jpg" target="_blank" class="image max-width-400">
<img src="img-yamanaka/biohaha-helmi_hardian-angela_sunaryo-yamanaka_suplex-025.jpg">
</a>
</div>
<div class="flex-item flex-column">
<a href="img-yamanaka/biohaha-helmi_hardian-angela_sunaryo-yamanaka_suplex-026.jpg" target="_blank" class="image max-width-400">
<img src="img-yamanaka/biohaha-helmi_hardian-angela_sunaryo-yamanaka_suplex-026.jpg">
</a>
</div>
</div>
<div class="flex-row-space-between">
<div class="flex-item flex-column">
<a href="img-yamanaka/biohaha-helmi_hardian-angela_sunaryo-yamanaka_suplex-027.jpg" target="_blank" class="image max-width-400">
<img src="img-yamanaka/biohaha-helmi_hardian-angela_sunaryo-yamanaka_suplex-027.jpg">
</a>
</div>
<div class="flex-item flex-column">
<a href="img-yamanaka/biohaha-helmi_hardian-angela_sunaryo-yamanaka_suplex-028.jpg" target="_blank" class="image max-width-400">
<img src="img-yamanaka/biohaha-helmi_hardian-angela_sunaryo-yamanaka_suplex-028.jpg">
</a>
</div>
</div>
<div class="flex-row-space-between">
<div class="flex-item flex-column">
<a href="img-yamanaka/biohaha-helmi_hardian-angela_sunaryo-yamanaka_suplex-029.jpg" target="_blank" class="image max-width-400">
<img src="img-yamanaka/biohaha-helmi_hardian-angela_sunaryo-yamanaka_suplex-029.jpg">
</a>
</div>
<div class="flex-item flex-column">
<a href="img-yamanaka/biohaha-helmi_hardian-angela_sunaryo-yamanaka_suplex-030.png" target="_blank" class="image max-width-400">
<img src="img-yamanaka/biohaha-helmi_hardian-angela_sunaryo-yamanaka_suplex-030.png">
</a>
</div>
</div>
<div class="flex-row-space-between">
<div class="flex-item flex-column">
<a href="img-yamanaka/biohaha-helmi_hardian-angela_sunaryo-yamanaka_suplex-031.jpg" target="_blank" class="image max-width-400">
<img src="img-yamanaka/biohaha-helmi_hardian-angela_sunaryo-yamanaka_suplex-031.jpg">
</a>
</div>
<div class="flex-item flex-column">
<a href="img-yamanaka/biohaha-helmi_hardian-angela_sunaryo-yamanaka_suplex-032.jpg" target="_blank" class="image max-width-400">
<img src="img-yamanaka/biohaha-helmi_hardian-angela_sunaryo-yamanaka_suplex-032.jpg">
</a>
</div>
</div>
<div class="flex-row-space-between">
<div class="flex-item flex-column">
<a href="img-yamanaka/biohaha-helmi_hardian-angela_sunaryo-yamanaka_suplex-033.jpg" target="_blank" class="image max-width-400">
<img src="img-yamanaka/biohaha-helmi_hardian-angela_sunaryo-yamanaka_suplex-033.jpg">
</a>
</div>
<div class="flex-item flex-column">
<a href="img-yamanaka/biohaha-helmi_hardian-angela_sunaryo-yamanaka_suplex-034.jpg" target="_blank" class="image max-width-400">
<img src="img-yamanaka/biohaha-helmi_hardian-angela_sunaryo-yamanaka_suplex-034.jpg">
</a>
</div>
</div>
<!--End Documentation 002-->
<!-------------------------------------------------------------------------------------------->
<!--Start Reflection 002-->
<div class="flex-row">
<div class="flex-item flex-column">
<p class="text">
<b>Reflections on Phase 2 <br>DIY Bio-Synth Workshop</b> <br><br>
Phase 2 focused on hands-on making, where participants assembled simple light-sensitive synthesizers inspired by the sensory impressions they gathered during the walk. We began by introducing each component of the circuit, supported by a translator who helped bridge the language gap and keep the explanations clear for everyone involved. Because the group included very young children, many parents assisted their kids, though the children themselves were eager to try things independently whenever possible. <br><br>
To make the process smoother and suitable for a multi-age group, many of the PCBs were designed to be solderless. This allowed participants to assemble the circuit quickly and safely while still understanding how each part worked. One older participant asked about the piezo speaker and why such a small element could produce sound. This opened a discussion about low-power audio components. Others were curious about the LDR sensor and whether using a larger version was possible. We explained that it was indeed possible, and could create interesting variations depending on the sensitivity and light range. <br><br>
Once the assembly was complete, participants began testing and performing with their instruments. They used their hands, shadows, and graphic scores from Phase 1 to modulate the sound, creating playful rhythms and patterns. There were also funny moments along the way. One parent joked, with a mix of concern and amusement, that their child might grow up to become a noise artist after enjoying the synth so much. These lighthearted interactions added to the warmth of the session. By the end, the group had created a space filled with curiosity, creativity, and shared laughter, transforming the technical process into a fun and memorable experience for all ages.
</p>
</div>
</div>
<!--End Reflection 002-->
<!-------------------------------------------------------------------------------------------->
<!--Start Phase and Reflection 003-->
<div class="flex-row">
<div class="flex-item flex-column">
<h2 id="documentation-03">Phase 3 <br>Collective Audio-Visual Performance</h2>
<hr>
<p class="text">
"From scattered sounds to a shared composition—listening, responding, and making Yamanaka Suplex resonate." <br><br>
The residency culminated in a participatory performance, where the assembled bio-synths, field recordings, and sensory notes from the walk converged into a collective sound experience. <br><br>
Participants and visitors were invited to move through the space, touch, and interact with the instruments—activating subtle changes in tone, rhythm, and vibration. The performance unfolded as an open composition, guided by the spontaneous gestures and responses of those present. <br><br>
Rather than presenting a fixed outcome, the session embodied the spirit of Sensewalking Flux: a continuous process of sensing, making, and resonating together. <br><br>
Through this shared improvisation, the boundaries between performer, instrument, and audience dissolved—revealing sound as a living dialogue between human, environment, and the technologies that connect them. <br><br>
Yamanaka Suplex - Japan | 24 August 2025
</p>
<p class="text">
<b>Reflections on Phase 3 <br>Collective Audio-Visual Performance</b> <br><br>
In the final performance, we presented a short five-minute performance that brought together the sounds, stories, and sensory impressions gathered throughout the workshop and our residency in Yamanaka Suplex. The performance combined sampled taiko drum rhythms with samples of spoken Japanese like “Wasshoi!”, drawing inspiration from traditional pentatonic scales and the musical patterns we encountered during our time in the region. As our main improvisation instrument, we used the Suiko, an old Japanese poetry synthesizer we found at Hard Off, weaving its distinctive tones into the structure of the piece. The DIY bio-synths created during the workshop also became part of the improvisation, inviting spontaneity and inviting the audience to participate directly. <br><br>
In this performance, we also carried out a gesture of solidarity. Responding to the difficult situation back home in Indonesia, we incorporated the themes of “Brave Pink” and “Heroic Green” into our stage decoration. These colors appeared in hand-painted cloth as a quiet message of hope, courage, and connection across distance. Inspired by the shimenawa ropes and traditional gates characteristic of the Shiga region, we created additional stage elements from natural materials found around Yamanaka, blending local symbols with our expression of solidarity. <br><br>
Audience interaction became a highlight of the session. Several participants came on stage to try the DIY bio-synths themselves, exploring how light, shadow, and movement affected the sound. Their curiosity sparked small conversations about signal modulation, sensor behavior, and the playful nature of noise. The performance closed with warm applause, marking a joyful and heartfelt culmination of the three-phase workshop. <br>
</p>
<!--End Phase and Reflection 003-->
<!-------------------------------------------------------------------------------------------->
<img class="image center" src="img-yamanaka/biohaha-helmi_hardian-angela_sunaryo-backcover-yamanaka_suplex.png" style="max-width: 422px;">
</div>
</div>
<!-------------------------------------------------------------------------------------------->
<!--Start Credits-->
<div class="flex-row">
<div class="flex-item flex-item-stretch flex-column">
<p class="text text-small text-italic add-top-margin-large">
Credits: <br>
<span class="highlight-text">Documentation</span>: Biohaha, Yamanaka Suplex, Tomohiro Yamatsuki <br>
<span class="highlight-text">Illustrations</span>: Biohaha <br>
<span class="highlight-text">Back Cover Illustration</span>: Heri Subyantoro - @thegarapan
</p>
</div>
</div>
<!--End Credits-->
<!-------------------------------------------------------------------------------------------->
</div>
</div>
</body>
</html>