✍️ assessment2: Difference between revisions

From XPUB & Lens-Based wiki
No edit summary
 
(46 intermediate revisions by the same user not shown)
Line 1: Line 1:
<div style="font-family: 'Courier New', Courier, monospace; font-size: 19px; line-height: 1.6; background: linear-gradient(135deg, #e0e0e0 0%, #f5f5f5 50%, #d9d9d9 100%); color: #1a1a1a; padding: 30px; border: 1px solid #999;">
<div style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; font-size: 16px; line-height: 1.6; padding: 30px;">


<div style="background-color: rgba(255, 255, 255, 0.8); padding: 25px; border: 2px solid #000; box-shadow: 8px 8px 0px #bbbbbb; margin-bottom: 50px; position: relative;">
<div style="padding: 25px; border: 2px solid #000; box-shadow: 8px 8px 0 #bbb; margin-bottom: 50px; position: relative;">
<div style="position: absolute; top: -12px; right: -8px; background: #000; color: #fff; padding: 4px 8px; font-size: 0.7em; transform: rotate(2deg); border: 1px solid #fff;">REF: 80801605</div>
<div style="position: absolute; top: -12px; right: -8px; background: #000; color: #fff; padding: 4px 8px; font: 0.75em 'Courier New', monospace; transform: rotate(2deg); border: 1px solid #fff;">REF: 88888888</div>


<div style="color: #000; font-weight: bold; margin-bottom: 15px; border-bottom: 2px solid #000; padding-bottom: 5px;"><span style="animation: blink 1s infinite; color: #ff00ff;">█|||</span> Assessment Lodaing...⏳ </div>
<div style="font: bold 1em 'Courier New', monospace; margin-bottom: 15px; border-bottom: 2px solid #000; padding-bottom: 5px;">
<span style="color: #f0f;">█|||</span> Assessment Loading...⏳
</div>


== <span style="color: #000; text-shadow: 3px 0 #00ffff, -3px 0 #ff00ff; letter-spacing: 2px; text-transform: uppercase; font-size: 1.4em;">Preface</span> ==
<h1 style="font: bold 2.2em 'Courier New', monospace; color: #000; text-shadow: 3px 0 #0ff, -3px 0 #f0f; letter-spacing: 2px; text-transform: uppercase; margin: 0 0 30px; line-height: 1.2;">Preface</h1>


The entry of my graduation proposal will be a '''Buddha machine''', a music box for meditation. It was sacred but cheap, industrial yet transcended.  
<p style="margin-bottom: 16px; line-height: 1.7;">The entry of my graduation proposal will be a <strong>Buddha machine</strong>, a music box for meditation. It was sacred but cheap, industrial yet transcended.</p>


There is a 24/7 sound in my house—ambiguous, genderless, looping "Amitabha" endlessly. This is my **mother's machine**. She once worked on the factory assembly lines; now, she uses this cheap plastic box to "accumulate merit."
<p style="margin-bottom: 16px; line-height: 1.7;">There is a 24/7 sound in my house—ambiguous, genderless, looping "Amitabha" endlessly. This is my mother's machine. She once worked on the factory assembly lines; now, she uses this cheap plastic box to "accumulate merit."</p>


Before the graduation proposal, I need to find the clue from my Xpub 1 practices, tracing the methodology and the tools in the past one year.
<p style="margin-bottom: 16px; line-height: 1.7;">Before the graduation proposal, I need to find the clue from my Xpub1 practices, tracing the methodology and topics in the past one year.</p>


<div style="text-align: center; margin: 30px 0; border-top: 2px dashed #000; border-bottom: 2px dashed #000; padding: 20px; background: rgba(0,0,0,0.05);">
<p style="margin-bottom: 16px; line-height: 1.7;">In short, I am clear that I want to find the cracks, the glitches, the moments where we can insert our own meanings.</p>
<big style="font-weight: bold; font-size: 1.2em;">'''<span style="color:#000;">How the body is disciplined by systems</span>'''</big><br>
<small style="color: #555; font-style: italic; font-size: 0.8em;">/// and how we react ///</small>
</div>
</div>


I want to find the cracks, the glitches, the moments where we can insert our own meanings.
<div style="text-align: center; letter-spacing: 8px; margin-bottom: 40px; font-size: 0.75em;">
🪷 🪷 🪷 🪷 🪷 🪷
</div>
</div>


<div style="text-align: center; color: #999; letter-spacing: 8px; margin-bottom: 40px; font-size: 0.8em;">
<h1 style="font: bold 2.2em 'Courier New', monospace; color: #000; text-shadow: 3px 0 #0ff, -3px 0 #f0f; text-transform: uppercase; letter-spacing: 2px; margin: 60px 0 20px; line-height: 1.2;">Relevant Works</h1>
🪷 🪷 🪷 🪷 🪷 🪷
</div>


=<span style="background-color: #000; color: #fff; padding: 8px 15px; border-left: 8px solid #ff00ff; font-size: 1.1em;">'''SI#25 SOUND_OF_MAKING'''</span> =
<h2 style="font: bold 1.6em 'Courier New', monospace; color: #000; padding: 8px 15px; border-left: 8px solid #f0f; border-bottom: 2px solid #000; display: block; margin: 20px 0; line-height: 1.3;">SI#25 SOUND_OF_MAKING</h2>


In SI25, sound was the tool to explore <span style="text-decoration: underline wavy #ff00ff;">invisible discipline</span>.
<p style="margin: 20px 0 16px; line-height: 1.7;">In SI25, sound was the tool to explore <span style="text-decoration: underline wavy #f0f;">invisible discipline</span>.</p>


===<span style="color: #000; border-bottom: 3px solid #00ffff; display: inline-block; font-size: 1.1em;">[[SI25 Broadcast 3: Underwater Exploration|Broadcast#3: Underwater_Exploration]] </span>===
<h3 style="font: bold 1.3em 'Courier New', monospace; color: #000; border-bottom: 3px solid #0ff; display: inline-block; margin: 30px 0 15px; line-height: 1.4;">[[SI25 Broadcast 3: Underwater Exploration|Broadcast#3: Underwater_Exploration]]</h3>
<div style="border-left: 4px solid #000; padding-left: 15px; margin-bottom: 25px; margin-top: 15px;">
'''<small><code style="background-color: #fff; border: 1px solid #000; color: #000; padding: 2px 5px;">> Field recording as storytelling</code></small>'''
<br>
Using water as a metaphor to explore systems. Collaging diverse audio samples to investigate the textures of aquatic environments, finding the materialization, fluity and resistence of the sound.


'''Key Connection✎:''' Sound collage, archival practice  
<div style="margin: 20px 0;">
<code style="background: #fff; border: 1px solid #000; padding: 2px 5px; font: 0.9em 'Courier New', monospace;">&gt; Field recording as storytelling</code>
<p style="margin: 8px 0 16px; line-height: 1.7;">Using water as a metaphor to explore systems. Collaging diverse audio samples to investigate the textures of aquatic environments, finding the materialization, fluidity and resistance of the sound.</p>
<p style="font-weight: bold; margin: 12px 0 4px;">Key Connection✎:</p>
<p style="margin: 4px 0 16px; line-height: 1.7;">Sound collage, archival practice</p>
</div>
</div>


===<span style="color: #000; border-bottom: 3px solid #00ffff; display: inline-block; font-size: 1.1em;">[[SI25 Broadcast 5: Protocols For Bad Customer Service|Broadcast#5: Bad_Customer_Service]] </span>===
<h3 style="font: bold 1.3em 'Courier New', monospace; color: #000; border-bottom: 3px solid #0ff; display: inline-block; margin: 30px 0 15px; line-height: 1.4;">[[SI25 Broadcast 5: Protocols For Bad Customer Service|Broadcast#5: Protocol_for_Bad_Customer_Service]]</h3>
<div style="border-left: 4px solid #000; padding-left: 15px; margin-top: 15px;">
 
<div style="margin: 20px 0;">
[[File:Week5 BadCustomerService SCRIPTS8.jpg|thumb|right|220px|Scripts.exe]]
[[File:Week5 BadCustomerService SCRIPTS8.jpg|thumb|right|220px|Scripts.exe]]
'''<small><code style="background-color: #fff; border: 1px solid #000; color: #000; padding: 2px 5px;">> Script-based Narrative</code></small>'''
<code style="background: #fff; border: 1px solid #000; padding: 2px 5px; font: 0.9em 'Courier New', monospace;">&gt; Script-based Narrative</code>
<br>
<p style="margin: 8px 0 16px; line-height: 1.7;">Sound in the call center scripts, is <strong>repetitive and systemic</strong>. This project constructed a fictional space transforming protocols into narrative scripts.</p>
Sound, like call center scripts, is '''repetitive and systemic'''. This project constructed a fictional space transforming protocols into narrative scripts.
<p style="font-weight: bold; margin: 12px 0 4px;">Key Connection✎:</p>
<p style="margin: 4px 0 16px; line-height: 1.7;">Script-based narrative, fictioning, storytelling</p>
</div>


'''Key Connection✎:''' Script-based narrative, fictioning, storytelling
<h3 style="font: bold 1.3em 'Courier New', monospace; color: #000; border-bottom: 3px solid #0ff; display: inline-block; margin: 30px 0 15px; line-height: 1.4;">[[Prototype 1|Radio Worm: The Guideline to Shadows' Mindscape]]</h3>
</div>
<br style="clear:both;" />


===<span style="color: #000; border-bottom: 3px solid #00ffff; display: inline-block; font-size: 1.1em;">[[Radio Worm: The Guideline to Shadows' Mindscape]] </span> ===
<div style="margin: 20px 0;">
[[File:Poster of the radio show.jpg|thumb|left|220px|Poster.png]]
[[File:Poster of the radio show.jpg|thumb|left|220px|Poster.png]]
A radio drama about the '''Chinese art system'''. Exploring algorithmic intrusion and escape.
<p style="margin: 0 0 16px; line-height: 1.7;">A radio drama about the <strong>Chinese art system</strong>. Exploring algorithmic intrusion and escape.</p>
<p style="font-weight: bold; margin: 12px 0 4px;">Key Connection✎:</p>
<p style="margin: 4px 0 16px; line-height: 1.7;">fiction writing, role play, broadcasting</p>
</div>
<div style="clear: both;"></div>


<h2 style="font: bold 1.6em 'Courier New', monospace; color: #000; padding: 8px 15px; border-left: 8px solid #0ff; border-bottom: 2px solid #000; display: block; margin: 40px 0 20px; line-height: 1.3;">SI#26 DECLARATION</h2>


'''Key Connection✎:''' fiction writing, role play, broadcasting
<p style="margin: 20px 0;"><strong>[Key_Connection]: Interactive Interface</strong></p>


<br style="clear:both;" />
<h3 style="font: bold 1.3em 'Courier New', monospace; color: #000; border-bottom: 3px solid #f0f; display: inline-block; margin: 30px 0 15px; line-height: 1.4;">[[Prototype 2|Face_Notation]]</h3>[[File:Face-pazzle1.pic.jpg|thumb|169x169px|Prototype_v1.jpg]]<div style="border: 2px dotted #000; padding: 20px; margin: 20px 0;">
<p style="margin: 0 0 16px; line-height: 1.7;">It is an interactive website that transforms the bodily markers of Chinese physiognomy into a music system.</p>[[File:Site si26.png|frameless|407x407px|Interface|left]]<p style="margin: 0 0 16px; line-height: 1.7;">Users adjust browser windows (CSS Grid), turning the <span style="background: #000; color: #fff; padding: 0 4px;">disciplined body</span> into a musical instrument.</p>
</div>


=<span style="background-color: #000; color: #fff; padding: 8px 15px; border-left: 8px solid #00ffff; font-size: 1.1em;">'''SI#26 DECLARATION'''</span>=
<p style="font-weight: bold; margin: 12px 0 4px;">Key Connection✎:</p>
<p style="margin: 4px 0 16px; line-height: 1.7;">interactive web interface (CSS Grid, Web Audio API), real-time sound generation</p>
<div style="clear: both;"></div>


<div style="margin-top: 15px; margin-bottom: 20px;">
<h2 style="font: bold 1.6em 'Courier New', monospace; color: #000; padding: 8px 15px; border-left: 8px solid #aaa; border-bottom: 2px solid #000; display: block; margin: 40px 0 20px; line-height: 1.3;">SI#27 See you many times!</h2>
'''<span style="background: #e0e0e0; color: #000; padding: 4px 8px; border: 1px solid #999;">[Key_Connection]: Interactive Interface</span>'''
</div>


===<span style="color: #000; border-bottom: 3px solid #ff00ff; display: inline-block; font-size: 1.1em;">[[Face Notation |Face_Notation]] </span>===
<h3 style="font: bold 1.3em 'Courier New', monospace; color: #000; border-bottom: 3px solid #f0f; display: inline-block; margin: 30px 0 15px; line-height: 1.4;">[[User:Wyn/Special Issue 27/TheObserverClock|The Observer Clock]]</h3>
[[File:Site si26.png|frameless|450x450px|Interface|left]]
<div style="background-color: rgba(255,255,255,0.7); border: 2px dotted #000; padding: 20px; font-size: 0.95em;">
[[File:Face-pazzle1.pic.jpg|thumb|180px|Prototype_v1.jpg]]
It is a interactive website that transforms the bodily markers of Chinese physiognomy into a music system.


<div style="display: flex; justify-content: space-between; gap: 10px; margin: 20px 0;">
<div style="flex: 1; text-align: center;">
[[File:The observer clock .jpg|frameless|center|class=img-responsive|300px]]
<div style="font: 0.75em 'Courier New', monospace; margin-top: 5px;">Installation in telcom museum</div>
</div>
<div style="flex: 1; text-align: center;">
[[File:The observer clock booklet.png|frameless|center|class=img-responsive|373x373px]]
<div style="font: 0.75em 'Courier New', monospace; margin-top: 5px;">Documentation</div>
</div>
<div style="flex: 1; text-align: center;">
[[File:The observer clock 1.jpg|frameless|center|class=img-responsive|300px]]
<div style="font: 0.75em 'Courier New', monospace; margin-top: 5px;">[[User:Wyn/Special Issue 27/TheObserverClock|The Observer Clock]]</div>
</div>
</div>


Users adjust browser windows (CSS Grid), turning the <span style="background-color: #000; color: #fff; padding: 0 4px;">disciplined body</span> into a musical instrument.
<p style="margin: 20px 0 16px; line-height: 1.7;"><u>"Every blink counts. The more you blink, the faster the clock runs."</u></p>
</div>  
'''Key Connection✎:''' fiction writing, role play, broadcasting<br style="clear:both;" />


=<span style="background-color: #000; color: #fff; padding: 8px 15px; border-left: 8px solid #aaa; font-size: 1.1em;">'''SI#27 See you many times!'''</span>=
<p style="margin: 20px 0 16px; line-height: 1.7;">The Observer Clock transforms our most unconscious body language—blinking—into a direct conversation with time itself. This interactive installation consists of a blinking-detection clock where visitors' blinks literally accelerate the passage of time, revealing how our attention speaks in ways we rarely notice. It is also a symbol of <span style="text-decoration: underline wavy #f0f;">invisible labor</span>. I also used the weasy print to documentation the whole research process and the basis mechanism.  </p>


===<span style="color: #000; border-bottom: 3px solid #ff00ff; display: inline-block; font-size: 1.1em;"> The Observer Clock </span>===
<p style="font-weight: bold; margin: 12px 0 4px;">Key Connection✎:</p>
<div style="background-color: #f0f0f0; border: 2px dashed #000; color: #000; padding: 20px; text-align: center; box-shadow: 5px 5px 0px #ff00ff; margin-bottom: 20px;">
<p style="margin: 4px 0 16px; line-height: 1.7;">installation, archiving</p>
<big style="font-weight: bold;">'''"Every blink counts.'''</big>  


<big style="font-weight: bold;">'''The more you blink, the faster the clock runs."'''</big>
<div style="margin-top: 60px;">


<div style="text-align: center; margin: 30px 0; border-top: 2px dashed #000; border-bottom: 2px dashed #000; padding: 20px; font: 1.1em 'Courier New', monospace;">
Labor + body + tech + care + spiritual = ???
</div>
</div>


<gallery mode="packed-hover" heights="220">
<div style="text-align: center; margin-bottom: 30px;">
File:The observer clock .jpg|Installation.view
<h1 style="font: bold 2.2em/1.2 'Courier New', monospace; color: #000; text-shadow: 4px 0 #0ff, -4px 0 #f0f; letter-spacing: -2px; margin: 0 0 10px;">Glitch Sutra for Displaced Bodies</h1>
File:The observer clock booklet.png|Documentation_Err.log
<div style="font: 0.9em 'Courier New', monospace; color: #555; margin-top: 8px;">/// Repetitive Technologies as Meaning-Making Tools ///</div>
File:The observer clock 1.jpg|Eye_Tracking_Mechanism
</div>
</gallery>The Observer Clock transforms our most unconscious body language—blinking—into a direct conversation with time itself. This interactive installation consists of a blinking-detection clock where visitors' blinks literally accelerate the passage of time,revealing how our attention speaks in ways we rarely notice.


I also used the weasy print to documentation the whole research process and the basis machnism.
<p style="margin-bottom: 16px; line-height: 1.7;">I am researching how displaced individuals use repetitive technologies to construct personal meaning systems when structural conditions have exhausted their bodies and eroded their agency.</p>


'''Key Connection✎:''' installation, archiving
<p style="margin-bottom: 16px; line-height: 1.7;">My research object is the <strong>Buddha machine (念佛机)</strong>—cheap, mass-produced devices that loop Buddhist chants. My mother, a former factory worker in Shenzhen, uses one daily to "deliver sentient beings to the afterlife" and "accumulate merit". This embodies a paradox: the repetitive mechanism that disciplines bodies on assembly lines becomes a tool for spiritual repair at home. <span style="text-decoration: underline wavy #f0f;">Repetition-as-labor transforms into repetition-as-healing.</span></p>


<div style="background-color: #fff; padding: 30px; border: 3px solid #000; outline: 3px solid #e0e0e0; margin-top: 60px; box-shadow: 12px 12px 0px rgba(0,0,0,0.15);">
<div style="text-align: center; margin: 30px 0;">
[[File:Buddha machine.jpg|thumb|center|300px|Buddha machine - the interface of transcendence.]]
</div>


<h3 style="font: bold 1.3em 'Courier New', monospace; margin: 30px 0 15px; line-height: 1.4;">Why Shenzhen and Buddha machines?</h3>


<div style="text-align: center; border-bottom: 3px solid #000; margin-bottom: 30px; padding-bottom: 10px;">
<p style="margin-bottom: 16px; line-height: 1.7;">Shenzhen produces most of the world's cheap electronics (including various Buddha machines) while being China's most overworked city. Many people now turn to repetitive technologies for relief from spiritual exhaustion. These individuals can neither return to their past lives nor fully enter new systems—they exist in a floating, suspended state, much like the "sentient beings (ghosts)" the sutra player is meant to deliver.</p>
<h1 style="color: #000; text-shadow: 4px 0 #00ffff, -4px 0 #ff00ff; font-size: 2.5em; margin: 0; letter-spacing: -2px; line-height: 1;">Cyber Sutra for displaced bodies</h1>
<div style="font-family: monospace; color: #555; margin-top: 5px; font-size: 0.9em;">/// SACRED_YET_CHEAP /// INDUSTRIAL_YET_TRANSCENDENT ///</div>
</div>


=<span style="background-color: #000; color: #fff; padding: 8px 15px; border-left: 8px solid #ff00ff; font-size: 1.1em;">'''[0] CONTEXT & URGENCY'''</span> =
<p style="margin-bottom: 16px; line-height: 1.7;">When people are structurally marginalized, they find "soft interfaces"—interpretable, malleable spaces within rigid systems—to insert their own meanings. Through researching Buddha machines, I discovered a paradox: this cheap, glitch-prone, lo-fi device, precisely because of its simplicity and imperfection, leaves abundant space for interpretation. Glitch is not a defect. Glitch is an opportunity.</p>


=== <span style="color: #000; border-bottom: 3px solid #00ffff; display: inline-block; font-size: 1.1em;"> The Infinite Loop </span> ===
<p style="margin-bottom: 16px; line-height: 1.7;"><strong>Key Question:</strong> Can repetitive technologies loosen the framework of reality and become tools for exercising minimal agency? What conditions enable this transformation?</p>
<div style="border-left: 4px solid #000; padding-left: 15px; margin-bottom: 25px; margin-top: 15px;">
[[File:PLACEHOLDER_IMAGE_OF_BUDDHA_MACHINE.jpg|thumb|right|250px|The interface of transcendence]]
'''Why research the Buddha Machine?'''
It returns to my home in Shenzhen. There is a 24/7 sound in my house—ambiguous, genderless, looping "Amitabha" endlessly.


This is my **mother's machine**. She once worked on factory assembly lines; now, she uses this cheap plastic box to "deliver sentient beings" and "accumulate merit."
<hr style="border: 0; border-bottom: 3px double #aaa; margin: 40px 0;">


'''The Paradox of Displacement:'''
<h2 style="font: bold 1.6em 'Courier New', monospace; color: #000; padding: 8px 15px; border-left: 8px solid #f0f; border-bottom: 2px solid #000; display: block; margin: 40px 0 20px; line-height: 1.3;">Prototype</h2>
* '''Soundscape:''' Repetition in the factory is <span style="text-decoration: underline wavy #ff00ff;">hard labor</span>; in practice, it is <span style="text-decoration: underline wavy #ff00ff;">healing</span>.
* '''Body:''' On the production line, the body is a tool; at home, it is a holy object.
* '''Identity:''' Workers exchange labor for capital; listeners exchange listening for afterlife relief.


'''Key Question✎:''' Can this repetitive technology loosen the framework of reality and become a tool for constructing personal meaning?
<p style="margin: 20px 0 16px; line-height: 1.7;"><strong>Media Archaeology + Field Research + Workshop</strong></p>
</div>


<div style="margin: 40px 0; border-bottom: 3px double #aaa;"></div>
<p style="margin-bottom: 16px; line-height: 1.7;">I attempt to let phenomena speak for themselves. My fieldwork includes embedded observation in Huaqiangbei electronics market, temples, and acupuncture clinics. I trace the production chains of electronic sutra players and use embodied methods through my own body to understand "displacement" and "exhaustion."</p>


=<span style="background-color: #000; color: #fff; padding: 8px 15px; border-left: 8px solid #00ffff; font-size: 1.1em;">'''[1] PROTOTYPES'''</span> =
[[File:Try-out-night-prototype.jpg|thumb|Prototype]]


In SI27, I conducted three experiments to arrive at this proposal.
<p style="margin-bottom: 16px; line-height: 1.7;"><strong>I developed three prototypes to test and verify my research mechanisms:</strong></p>


=== <span style="color: #000; border-bottom: 3px solid #ff00ff; display: inline-block; font-size: 1.1em;"> [[Instant Faith Workshop]] </span> ===
<h3 style="font: bold 1.3em 'Courier New', monospace; color: #000; border-bottom: 3px solid #f0f; display: inline-block; margin: 30px 0 15px; line-height: 1.4;">[[Prototype_7|Instant Faith Workshop]]</h3>
<div style="border-left: 4px solid #000; padding-left: 15px; margin-top: 15px;">
[[File:PLACEHOLDER_INSTANT_FAITH.jpg|thumb|left|180px|Workshop Process]]
Participants designed their own "Faith Systems" to test belief mechanisms. We explored personal narratives within **exhausted bodies** and how to translate dependency into faith using a "seriously unserious" approach.


'''Key Connection✎:''' How does dependency translate into faith? Legitimate interfaces for re-narration.
<div style="margin: 20px 0;">
[[File:Workshop collective writing.jpg|thumb|left|220x220px|instant_faith_zines]]
<p style="margin-bottom: 16px; line-height: 1.7;">Tests how participation transforms everyday coping mechanisms into "beliefs." Through simple questionnaires and mutual questioning, it explores the conditions that make arbitrary practices feel legitimate.</p>
</div>
</div>
<br style="clear:both;" />
<div style="clear: both;"></div>


=== <span style="color: #000; border-bottom: 3px solid #ff00ff; display: inline-block; font-size: 1.1em;"> [[Bladder Runner (Field Diary)]] </span> ===
<h3 style="font: bold 1.3em 'Courier New', monospace; color: #000; border-bottom: 3px solid #f0f; display: inline-block; margin: 30px 0 15px; line-height: 1.4;">[[Personal|Bladder Runner (Field Diary)]]</h3>
<div style="border-left: 4px solid #000; padding-left: 15px; margin-top: 15px;">
[[File:PLACEHOLDER_BLADDER_RUNNER.jpg|thumb|right|180px|Field Diary]]
A visual and textual field diary that employs the **bladder as a metaphor** to translate visceral bodily experiences from field research in Shenzhen factories.


'''Key Connection✎:''' Creative non-fiction, metaphor as analytical lens.
<div style="margin: 20px 0;">
[[File:BLADDER RUNNER.jpg|thumb|right|180px|Field Diary]]
<p style="margin-bottom: 16px; line-height: 1.7;">A field diary that uses embodied metaphor to understand displacement. It translates internal experiences from Shenzhen fieldwork (pressure, control, release) into analytical insights.</p>
<ul style="margin: 10px 0; padding-left: 25px; line-height: 1.7;">
<li style="margin-bottom: 8px;">On the assembly line, my mother's body didn't belong to her—she learned to "hold it in."</li>
<li style="margin-bottom: 8px;">As an immigrant, I found myself in the same state.</li>
<li style="margin-bottom: 8px;">The Buddha machine is just another kind of bladder, holding prayers and pain we cannot release.</li>
</ul>
</div>
</div>
<br style="clear:both;" />
<div style="clear: both;"></div>


=== <span style="color: #000; border-bottom: 3px solid #ff00ff; display: inline-block; font-size: 1.1em;"> [[Mundane Spiritual Interface Mapping]] </span> ===
<h3 style="font: bold 1.3em 'Courier New', monospace; color: #000; border-bottom: 3px solid #f0f; display: inline-block; margin: 30px 0 15px; line-height: 1.4;">[https://yinyu.me/Spiritual-interface-servey/ Mundane Spiritual Interface Mapping]</h3>
<div style="border-left: 4px solid #000; padding-left: 15px; margin-top: 15px;">
[[File:outcome.png|thumb|right|180px|the mapping]]
An interactive survey website collecting and mapping the mundane technologies people use during states of exhaustion.


'''Key Connection✎:''' Interactive questionnaire design, data visualization.
<div style="margin: 20px 0;">
[[File:outcome.png|thumb|left|220x220px|The Mapping]]
<p style="margin-bottom: 16px; line-height: 1.7;">Visualizes collective patterns, collecting data on how people use technological-spiritual-bodily hybrid tools today. It makes visible the shared strategies people employ when seeking meaning through technology.</p>
</div>
</div>
<div style="clear: both;"></div>
<p style="margin: 20px 0 16px; line-height: 1.7;">They revealed a consistent pattern—repetitive technologies originally designed to discipline bodies can be repurposed into tools for constructing personal meaning.</p>
<p style="margin-bottom: 16px; line-height: 1.7;">The key is finding <strong><em>"soft interfaces"</em></strong> that are technically rigid but interpretively open.</p>
<hr style="border: 0; border-bottom: 3px double #aaa; margin: 40px 0;">
<h2 style="font: bold 1.6em 'Courier New', monospace; color: #000; padding: 8px 15px; border-left: 8px solid #0ff; border-bottom: 2px solid #000; display: block; margin: 40px 0 20px; line-height: 1.3;">What I'm trying</h2>


<div style="margin: 40px 0; border-bottom: 3px double #aaa;"></div>
<h3 style="font: bold 1.3em 'Courier New', monospace; color: #000; border-bottom: 3px solid #0ff; display: inline-block; margin: 30px 0 15px; line-height: 1.4;">1. [[User:Wyn/Graduate Proposal|Thesis Outline]]</h3>


=<span style="background-color: #000; color: #fff; padding: 8px 15px; border-left: 8px solid #aaa; font-size: 1.1em;">'''[2] METHODOLOGY (HOW)'''</span> =
<div style="margin: 20px 0;">
<p style="margin-bottom: 16px; line-height: 1.7;">My thesis traces how displaced bodies construct meaning through repetitive technological interaction across three chapters:</p>
<ul style="margin: 10px 0; padding-left: 25px; line-height: 1.7;">
<li style="margin-bottom: 8px;"><strong>Chapter 1: Formation</strong> examines historical conditions—my mother's trajectory from factory worker to spiritual practitioner—that open interpretive space for these practices.</li>
<li style="margin-bottom: 8px;"><strong>Chapter 2: Operation</strong> analyzes how these meaning-making processes work, drawing from readings, fieldwork, and workshop findings.</li>
<li style="margin-bottom: 8px;"><strong>Chapter 3: Transmission</strong> explores what patterns pass between generations—not specific beliefs, but methodologies of survival.</li>
</ul>
<p style="margin-bottom: 16px; line-height: 1.7;">The thesis provides the analytical framework; the installation and publication create embodied experiences where participants feel these processes themselves.</p>
</div>


=== <span style="color: #000; border-bottom: 3px solid #00ffff; display: inline-block; font-size: 1.1em;"> The Phantom City (Web Installation) </span> ===
<h3 style="font: bold 1.3em 'Courier New', monospace; color: #000; border-bottom: 3px solid #0ff; display: inline-block; margin: 30px 0 15px; line-height: 1.4;">2. [[User:Wyn/Project Proposal|Web-based Interactive Installation]]</h3>
<div style="border-left: 4px solid #000; padding-left: 15px; margin-top: 15px;">
[[File:PLACEHOLDER_SKETCH.jpg|thumb|center|700px|Concept: A non-linear liminal space with scattered industrial/religious objects.]]


I am creating a non-linear virtual space simulating a state of **"Spiritual Suspension"**. The user navigates a **"Phantom City" (Yicheng)**—a digital mirage where clarity requires constant exploration but never truly arrives.
<div style="margin: 20px 0;">
<p style="margin-bottom: 16px; line-height: 1.7;">I plan to create a web-based interactive installation that recreates this floating, suspended state. Users explore 4-6 abstract scenes (hometown/factory/city/home/temple...) via non-pointer interactions. Each scene and objects within scenes trigger layers of repetitive sound/narrative—factory noise, chanting, ambient soundscape—and fragmented narratives.</p>
<p style="margin-bottom: 16px; line-height: 1.7;"><strong>The installation embodies three core concepts:</strong></p>
<ul style="margin: 10px 0; padding-left: 25px; line-height: 1.7;">
<li style="margin-bottom: 8px;"><strong>THE LOOP (Repetition):</strong> If input stops, the system decays into noise.</li>
<li style="margin-bottom: 8px;"><strong>SUSPENSION (Stuckness):</strong> Floating in a system that promises transcendence but offers endless continuation.</li>
<li style="margin-bottom: 8px;"><strong>THE MATERIALITY OF SOUND:</strong> Sound creates an invisible liminal space where meaning can be reconstructed.</li>
</ul>
<p style="margin-bottom: 16px; line-height: 1.7;">This interactive experience attempts to pose the question: In a floating state, can one find meaning and belief in self-identity?</p>
</div>


'''Three Core States:'''
<h3 style="font: bold 1.3em 'Courier New', monospace; color: #000; border-bottom: 3px solid #0ff; display: inline-block; margin: 30px 0 15px; line-height: 1.4;">3. Interactive Publication: "Glitch Sutra"</h3>
# **THE LOOP (Repetition):** If input stops, the system decays into noise. Mirrors the "survival mechanism" of factory labor.
# **THE PHANTOM CITY (Ambiguity):** Based on the Buddhist concept of ''Hua Cheng''. Moments of clarity (images/sounds) appear but dissolve like mirages.
# **SUSPENSION (Stuckness):** No levels, no winning. Floating in a system that promises transcendence but offers endless continuation.


'''Tech Stack:''' Three.js / A-Frame, Blender, Spatial Audio.
<div style="margin: 20px 0;">
<p style="margin-bottom: 16px; line-height: 1.7;">A text-adventure style narrative publication exploring displacement and meaning-making, based on the web installation, fieldwork, workshop findings, and thesis research. It will exist in both print and digital versions, functioning as both documentation and a standalone work that allows readers to experience the suspended state through their own choices.</p>
</div>
</div>


<div style="margin-top: 30px; border: 2px dashed #000; padding: 15px; background: rgba(0,0,0,0.05);">
<div style="margin: 30px 0; border: 2px dashed #000; padding: 20px;">
<strong style="background: #000; color: #fff; padding: 2px 8px;">TIMELINE: 4 MONTHS</strong>
<div style="background: #000; color: #fff; padding: 4px 10px; font: bold 1em 'Courier New', monospace; display: inline-block; margin-bottom: 15px;">TIMELINE: 4 MONTHS</div>
<ul style="list-style-type: square; margin-top: 10px;">
<ul style="list-style: square; margin: 0; padding-left: 25px; line-height: 1.7;">
<li>'''Month 1:''' Deep Reading (Cybernetics) + Visual Concept + Prototype "Infinite Scroll".</li>
<li style="margin-bottom: 10px;"><strong>Month 1:</strong> Deep reading (cybernetics, sound studies, labor theory) + visual concept development + prototype "Infinite Scroll" (basic navigation mechanism)</li>
<li>'''Month 2:''' Blender Content Gen + Sound Experiments (Factory Noise x Chanting).</li>
<li style="margin-bottom: 10px;"><strong>Month 2:</strong> Blender content generation for 4-6 scenes + sound experiments (layering factory noise with chanting) + initial fieldwork analysis</li>
<li>'''Month 3:''' Integration + Workshop Testing (Testing "Suspension" atmosphere) + Thesis.</li>
<li style="margin-bottom: 10px;"><strong>Month 3:</strong> Web installation integration + workshop testing (testing "suspension" atmosphere with participants) + thesis writing (Chapters 1-2)</li>
<li>'''Month 4:''' Final UI Polish + Zine Publication.</li>
<li style="margin-bottom: 10px;"><strong>Month 4:</strong> Final UI polish + interactive publication design and production + thesis completion (Chapter 3) + documentation</li>
</ul>
</ul>
</div>
<hr style="border: 0; border-bottom: 3px double #aaa; margin: 40px 0;">
<h2 style="font: bold 1.6em 'Courier New', monospace; color: #000; padding: 8px 15px; border-left: 8px solid #aaa; border-bottom: 2px solid #000; display: block; margin: 40px 0 20px; line-height: 1.3;">References</h2>
<div style="margin-top: 25px;">
<p style="font-weight: bold; margin-bottom: 12px; font-size: 0.9em;">Artistic</p>
<p style="margin-bottom: 16px; line-height: 1.7;">aaajiao, <em>[https://deep-simulator.com/about Deep Simulator]</em> — game installation, exploring entrapment in digital loops, minimal interaction creating self-identity</p>
<p style="font-weight: bold; margin: 25px 0 12px; font-size: 0.9em;">Reading</p>
<p style="margin-bottom: 16px; line-height: 1.7;">Pun Ngai, <em>Made in China: Women Factory Workers in a Global Workplace</em> (2005) — Chinese labor and bodily discipline</p>
<p style="margin-bottom: 16px; line-height: 1.7;">David Palmer, <em>Qigong Fever: Body, Science, and Utopia in China</em> (2007) — Technologized spirituality in contemporary China</p>
<p style="margin-bottom: 16px; line-height: 1.7;">Li Yuhang, <em>Becoming Guanyin: Artistic Devotion of Buddhist Women in Late Imperial China</em> (2020) — Women's Buddhist practices and meaning-making</p>
<p style="margin-bottom: 16px; line-height: 1.7;">Jonathan Sterne, <em>The Audible Past: Cultural Origins of Sound Reproduction</em> (2003) — Sound technologies and listening practices</p>
<p style="margin-bottom: 16px; line-height: 1.7;">Simon O'Sullivan, "From Magic and Myth-Work to Care and Repair" (2019) — Art as repair methodology</p>
</div>
</div>


</div>
</div>
<br>
 
<div style="text-align: center; color: #000; font-size: 1.2em;">
<div style="text-align: center; font: bold 1.2em inherit; color: #000; margin-top: 40px; padding: 20px;">
'''<big>░░░ Thank you ░░░</big>'''
░░░🍵 Thank you 🍵░░░
</div>
</div>


</div>
</div>

Latest revision as of 11:44, 9 December 2025

REF: 88888888

█||| Assessment Loading...⏳

Preface

The entry of my graduation proposal will be a Buddha machine, a music box for meditation. It was sacred but cheap, industrial yet transcended.

There is a 24/7 sound in my house—ambiguous, genderless, looping "Amitabha" endlessly. This is my mother's machine. She once worked on the factory assembly lines; now, she uses this cheap plastic box to "accumulate merit."

Before the graduation proposal, I need to find the clue from my Xpub1 practices, tracing the methodology and topics in the past one year.

In short, I am clear that I want to find the cracks, the glitches, the moments where we can insert our own meanings.

🪷 🪷 🪷 🪷 🪷 🪷

Relevant Works

SI#25 SOUND_OF_MAKING

In SI25, sound was the tool to explore invisible discipline.

Broadcast#3: Underwater_Exploration

> Field recording as storytelling

Using water as a metaphor to explore systems. Collaging diverse audio samples to investigate the textures of aquatic environments, finding the materialization, fluidity and resistance of the sound.

Key Connection✎:

Sound collage, archival practice

Broadcast#5: Protocol_for_Bad_Customer_Service

Scripts.exe

> Script-based Narrative

Sound in the call center scripts, is repetitive and systemic. This project constructed a fictional space transforming protocols into narrative scripts.

Key Connection✎:

Script-based narrative, fictioning, storytelling

Radio Worm: The Guideline to Shadows' Mindscape

Poster.png

A radio drama about the Chinese art system. Exploring algorithmic intrusion and escape.

Key Connection✎:

fiction writing, role play, broadcasting

SI#26 DECLARATION

[Key_Connection]: Interactive Interface

Face_Notation

Prototype_v1.jpg

It is an interactive website that transforms the bodily markers of Chinese physiognomy into a music system.

Interface

Users adjust browser windows (CSS Grid), turning the disciplined body into a musical instrument.

Key Connection✎:

interactive web interface (CSS Grid, Web Audio API), real-time sound generation

SI#27 See you many times!

The Observer Clock

The observer clock .jpg
Installation in telcom museum
The observer clock booklet.png
Documentation

"Every blink counts. The more you blink, the faster the clock runs."

The Observer Clock transforms our most unconscious body language—blinking—into a direct conversation with time itself. This interactive installation consists of a blinking-detection clock where visitors' blinks literally accelerate the passage of time, revealing how our attention speaks in ways we rarely notice. It is also a symbol of invisible labor. I also used the weasy print to documentation the whole research process and the basis mechanism.

Key Connection✎:

installation, archiving

Labor + body + tech + care + spiritual = ???

Glitch Sutra for Displaced Bodies

/// Repetitive Technologies as Meaning-Making Tools ///

I am researching how displaced individuals use repetitive technologies to construct personal meaning systems when structural conditions have exhausted their bodies and eroded their agency.

My research object is the Buddha machine (念佛机)—cheap, mass-produced devices that loop Buddhist chants. My mother, a former factory worker in Shenzhen, uses one daily to "deliver sentient beings to the afterlife" and "accumulate merit". This embodies a paradox: the repetitive mechanism that disciplines bodies on assembly lines becomes a tool for spiritual repair at home. Repetition-as-labor transforms into repetition-as-healing.

Buddha machine - the interface of transcendence.

Why Shenzhen and Buddha machines?

Shenzhen produces most of the world's cheap electronics (including various Buddha machines) while being China's most overworked city. Many people now turn to repetitive technologies for relief from spiritual exhaustion. These individuals can neither return to their past lives nor fully enter new systems—they exist in a floating, suspended state, much like the "sentient beings (ghosts)" the sutra player is meant to deliver.

When people are structurally marginalized, they find "soft interfaces"—interpretable, malleable spaces within rigid systems—to insert their own meanings. Through researching Buddha machines, I discovered a paradox: this cheap, glitch-prone, lo-fi device, precisely because of its simplicity and imperfection, leaves abundant space for interpretation. Glitch is not a defect. Glitch is an opportunity.

Key Question: Can repetitive technologies loosen the framework of reality and become tools for exercising minimal agency? What conditions enable this transformation?


Prototype

Media Archaeology + Field Research + Workshop

I attempt to let phenomena speak for themselves. My fieldwork includes embedded observation in Huaqiangbei electronics market, temples, and acupuncture clinics. I trace the production chains of electronic sutra players and use embodied methods through my own body to understand "displacement" and "exhaustion."

Prototype

I developed three prototypes to test and verify my research mechanisms:

Instant Faith Workshop

instant_faith_zines

Tests how participation transforms everyday coping mechanisms into "beliefs." Through simple questionnaires and mutual questioning, it explores the conditions that make arbitrary practices feel legitimate.

Bladder Runner (Field Diary)

Field Diary

A field diary that uses embodied metaphor to understand displacement. It translates internal experiences from Shenzhen fieldwork (pressure, control, release) into analytical insights.

  • On the assembly line, my mother's body didn't belong to her—she learned to "hold it in."
  • As an immigrant, I found myself in the same state.
  • The Buddha machine is just another kind of bladder, holding prayers and pain we cannot release.

Mundane Spiritual Interface Mapping

The Mapping

Visualizes collective patterns, collecting data on how people use technological-spiritual-bodily hybrid tools today. It makes visible the shared strategies people employ when seeking meaning through technology.

They revealed a consistent pattern—repetitive technologies originally designed to discipline bodies can be repurposed into tools for constructing personal meaning.

The key is finding "soft interfaces" that are technically rigid but interpretively open.


What I'm trying

1. Thesis Outline

My thesis traces how displaced bodies construct meaning through repetitive technological interaction across three chapters:

  • Chapter 1: Formation examines historical conditions—my mother's trajectory from factory worker to spiritual practitioner—that open interpretive space for these practices.
  • Chapter 2: Operation analyzes how these meaning-making processes work, drawing from readings, fieldwork, and workshop findings.
  • Chapter 3: Transmission explores what patterns pass between generations—not specific beliefs, but methodologies of survival.

The thesis provides the analytical framework; the installation and publication create embodied experiences where participants feel these processes themselves.

2. Web-based Interactive Installation

I plan to create a web-based interactive installation that recreates this floating, suspended state. Users explore 4-6 abstract scenes (hometown/factory/city/home/temple...) via non-pointer interactions. Each scene and objects within scenes trigger layers of repetitive sound/narrative—factory noise, chanting, ambient soundscape—and fragmented narratives.

The installation embodies three core concepts:

  • THE LOOP (Repetition): If input stops, the system decays into noise.
  • SUSPENSION (Stuckness): Floating in a system that promises transcendence but offers endless continuation.
  • THE MATERIALITY OF SOUND: Sound creates an invisible liminal space where meaning can be reconstructed.

This interactive experience attempts to pose the question: In a floating state, can one find meaning and belief in self-identity?

3. Interactive Publication: "Glitch Sutra"

A text-adventure style narrative publication exploring displacement and meaning-making, based on the web installation, fieldwork, workshop findings, and thesis research. It will exist in both print and digital versions, functioning as both documentation and a standalone work that allows readers to experience the suspended state through their own choices.

TIMELINE: 4 MONTHS
  • Month 1: Deep reading (cybernetics, sound studies, labor theory) + visual concept development + prototype "Infinite Scroll" (basic navigation mechanism)
  • Month 2: Blender content generation for 4-6 scenes + sound experiments (layering factory noise with chanting) + initial fieldwork analysis
  • Month 3: Web installation integration + workshop testing (testing "suspension" atmosphere with participants) + thesis writing (Chapters 1-2)
  • Month 4: Final UI polish + interactive publication design and production + thesis completion (Chapter 3) + documentation

References

Artistic

aaajiao, Deep Simulator — game installation, exploring entrapment in digital loops, minimal interaction creating self-identity

Reading

Pun Ngai, Made in China: Women Factory Workers in a Global Workplace (2005) — Chinese labor and bodily discipline

David Palmer, Qigong Fever: Body, Science, and Utopia in China (2007) — Technologized spirituality in contemporary China

Li Yuhang, Becoming Guanyin: Artistic Devotion of Buddhist Women in Late Imperial China (2020) — Women's Buddhist practices and meaning-making

Jonathan Sterne, The Audible Past: Cultural Origins of Sound Reproduction (2003) — Sound technologies and listening practices

Simon O'Sullivan, "From Magic and Myth-Work to Care and Repair" (2019) — Art as repair methodology

░░░🍵 Thank you 🍵░░░