✍️ assessment2: Difference between revisions
No edit summary |
|||
| Line 1: | Line 1: | ||
<div style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; font-size: 16px; 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: ' | |||
<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="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="position: absolute; top: -12px; right: -8px; background: #000; color: #fff; padding: 4px 8px; font-size: 0. | <div style="position: absolute; top: -12px; right: -8px; background: #000; color: #fff; padding: 4px 8px; font-size: 0.75em; transform: rotate(2deg); border: 1px solid #fff; font-family: 'Courier New', Courier, monospace; line-height: 1.5;">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 Loading...⏳ </div> | <div style="color: #000; font-weight: bold; margin-bottom: 15px; border-bottom: 2px solid #000; padding-bottom: 5px; font-family: 'Courier New', Courier, monospace; line-height: 1.5;"><span style="animation: blink 1s infinite; color: #ff00ff;">█|||</span> Assessment Loading...⏳ </div> | ||
<h1 style="color: #000; text-shadow: 3px 0 #00ffff, -3px 0 #ff00ff; letter-spacing: 2px; text-transform: uppercase; font-size: 2.2em; font-family: 'Courier New', Courier, monospace; margin: 0 0 30px 0; line-height: 1.2;">Preface</h1> | |||
The entry of my graduation proposal will be a | <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 Xpub1 practices, tracing the methodology and topics 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; | <div style="text-align: center; margin: 30px 0; border-top: 2px dashed #000; border-bottom: 2px dashed #000; padding: 20px; font-family: 'Courier New', Courier, monospace; font-size: 1.1em; line-height: 1.5;"> | ||
Labor + body + tech + care + spiritual = ??? | Labor + body + tech + care + spiritual = ??? | ||
</div> | </div> | ||
In short, I am clear that I want to find the cracks, the glitches, the moments where we can insert our own meanings. | <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> | ||
</div> | </div> | ||
<div style="text-align: center; color: #999; letter-spacing: 8px; margin-bottom: 40px; font-size: 0. | <div style="text-align: center; color: #999; letter-spacing: 8px; margin-bottom: 40px; font-size: 0.75em; line-height: 1.5;"> | ||
🪷 🪷 🪷 🪷 🪷 🪷 | 🪷 🪷 🪷 🪷 🪷 🪷 | ||
</div> | </div> | ||
<h1 style="color: #000; text-shadow: 3px 0 #00ffff, -3px 0 #ff00ff; font-size: 2.2em; font-family: 'Courier New', Courier, monospace; margin: 60px 0 20px 0; text-transform: uppercase; letter-spacing: 2px; line-height: 1.2;">Relevant Works</h1> | |||
<h2 style="color: #000; padding: 8px 15px; border-left: 8px solid #ff00ff; font-size: 1.6em; font-family: 'Courier New', Courier, monospace; display: block; border-bottom: 2px solid #000; margin: 20px 0 20px 0; line-height: 1.3;">SI#25 SOUND_OF_MAKING</h2> | |||
<p style="margin: 20px 0 16px 0; line-height: 1.7;">In SI25, sound was the tool to explore <span style="text-decoration: underline wavy #ff00ff;">invisible discipline</span>.</p> | |||
'''Key Connection✎: | <h3 style="color: #000; border-bottom: 3px solid #00ffff; display: inline-block; font-size: 1.3em; font-family: 'Courier New', Courier, monospace; margin: 30px 0 15px 0; line-height: 1.4;">Broadcast#3: Underwater_Exploration</h3> | ||
<div style="padding-left: 0; margin: 20px 0;"> | |||
<div style="background-color: #fff; border: 1px solid #000; color: #000; padding: 2px 5px; display: inline-block; font-family: 'Courier New', Courier, monospace; font-size: 0.9em; margin-bottom: 8px; line-height: 1.5;">> Field recording as storytelling</div> | |||
<p style="margin-bottom: 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 0; line-height: 1.7;">Key Connection✎:</p> | |||
<p style="margin-bottom: 16px; line-height: 1.7;">Sound collage, archival practice</p> | |||
</div> | </div> | ||
<h3 style="color: #000; border-bottom: 3px solid #00ffff; display: inline-block; font-size: 1.3em; font-family: 'Courier New', Courier, monospace; margin: 30px 0 15px 0; line-height: 1.4;">Broadcast#5: Bad_Customer_Service</h3> | |||
<div style="border | <div style="padding-left: 0; margin: 20px 0;"> | ||
<div style="float: right; margin: 0 0 15px 15px;"> | |||
<div style="width: 220px; height: 150px; background: #ddd; display: flex; align-items: center; justify-content: center; border: 1px solid #999; font-size: 0.85em; text-align: center; padding: 10px;">Week5 BadCustomerService SCRIPTS8.jpg<br/>Scripts.exe</div> | |||
< | </div> | ||
Sound, like call center scripts, is | <div style="background-color: #fff; border: 1px solid #000; color: #000; padding: 2px 5px; display: inline-block; font-family: 'Courier New', Courier, monospace; font-size: 0.9em; margin-bottom: 8px; line-height: 1.5;">> Script-based Narrative</div> | ||
<p style="margin-bottom: 16px; line-height: 1.7;">Sound, like call center scripts, is <strong>repetitive and systemic</strong>. This project constructed a fictional space transforming protocols into narrative scripts.</p> | |||
<p style="font-weight: bold; margin: 12px 0 4px 0; line-height: 1.7;">Key Connection✎:</p> | |||
<p style="margin-bottom: 16px; line-height: 1.7;">Script-based narrative, fictioning, storytelling</p> | |||
<div style="clear: both;"></div> | |||
</div> | </div> | ||
<h3 style="color: #000; border-bottom: 3px solid #00ffff; display: inline-block; font-size: 1.3em; font-family: 'Courier New', Courier, monospace; margin: 30px 0 15px 0; line-height: 1.4;">Radio Worm: The Guideline to Shadows' Mindscape</h3> | |||
<div style="padding-left: 0; margin: 20px 0;"> | |||
A radio drama about the | <div style="float: left; margin: 0 15px 15px 0;"> | ||
<div style="width: 220px; height: 150px; background: #ddd; display: flex; align-items: center; justify-content: center; border: 1px solid #999; font-size: 0.85em; text-align: center; padding: 10px;">Poster of the radio show.jpg<br/>Poster.png</div> | |||
</div> | |||
<p style="margin-bottom: 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 0; line-height: 1.7;">Key Connection✎:</p> | |||
<p style="margin-bottom: 16px; line-height: 1.7;">fiction writing, role play, broadcasting</p> | |||
<div style="clear: both;"></div> | |||
</div> | |||
<h2 style="color: #000; padding: 8px 15px; border-left: 8px solid #00ffff; font-size: 1.6em; font-family: 'Courier New', Courier, monospace; display: block; margin: 40px 0 20px 0; border-bottom: 2px solid #000; line-height: 1.3;">SI#26 DECLARATION</h2> | |||
< | <div style="margin: 20px 0;"> | ||
<p style="color: #000; padding: 4px 8px; border: 1px solid #999; display: inline-block; margin-bottom: 16px; line-height: 1.7;"><strong>[Key_Connection]: Interactive Interface</strong></p> | |||
</div> | |||
<h3 style="color: #000; border-bottom: 3px solid #ff00ff; display: inline-block; font-size: 1.3em; font-family: 'Courier New', Courier, monospace; margin: 30px 0 15px 0; line-height: 1.4;">Face_Notation</h3> | |||
<div style=" | <div style="float: left; margin: 0 20px 20px 0;"> | ||
<div style="width: 450px; height: 300px; background: #ddd; display: flex; align-items: center; justify-content: center; border: 1px solid #999; font-size: 0.85em; text-align: center; padding: 10px;">Site si26.png<br/>Interface</div> | |||
</div> | </div> | ||
<div style="border: 2px dotted #000; padding: 20px; margin: 20px 0;"> | |||
<div style="float: right; margin: 0 0 15px 15px;"> | |||
<div style="background- | <div style="width: 180px; height: 120px; background: #ddd; display: flex; align-items: center; justify-content: center; border: 1px solid #999; font-size: 0.85em; text-align: center; padding: 10px;">Face-pazzle1.pic.jpg<br/>Prototype_v1</div> | ||
</div> | |||
It is | <p style="margin-bottom: 16px; line-height: 1.7;">It is an interactive website that transforms the bodily markers of Chinese physiognomy into a music system.</p> | ||
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-bottom: 16px; line-height: 1.7;">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> | ||
</ | <div style="clear: both;"></div> | ||
</div> | |||
<p style="font-weight: bold; margin: 12px 0 4px 0; line-height: 1.7;">Key Connection✎:</p> | |||
<p style="margin-bottom: 16px; line-height: 1.7;">interactive web interface (CSS Grid, Web Audio API), real-time sound generation</p> | |||
<div style="clear: both;"></div> | |||
<h2 style="color: #000; padding: 8px 15px; border-left: 8px solid #aaa; font-size: 1.6em; font-family: 'Courier New', Courier, monospace; display: block; margin: 40px 0 20px 0; border-bottom: 2px solid #000; line-height: 1.3;">SI#27 See you many times!</h2> | |||
< | <h3 style="color: #000; border-bottom: 3px solid #ff00ff; display: inline-block; font-size: 1.3em; font-family: 'Courier New', Courier, monospace; margin: 30px 0 15px 0; line-height: 1.4;">The Observer Clock</h3> | ||
<div style="border: 2px dashed #000; color: #000; padding: 20px; text-align: center; box-shadow: 5px 5px 0px #ff00ff; margin: 20px 0;"> | |||
<p style="font-weight: bold; font-size: 1.1em; font-style: italic; margin: 0 0 8px 0; line-height: 1.5;">"Every blink counts.</p> | |||
<p style="font-weight: bold; font-size: 1.1em; font-style: italic; margin: 0; line-height: 1.5;">The more you blink, the faster the clock runs."</p> | |||
</div> | </div> | ||
<div style="display: flex; justify-content: space-between; gap: 10px; margin | <div style="display: flex; justify-content: space-between; gap: 10px; margin: 20px 0;"> | ||
<div style="flex: 1; text-align: center;"> | <div style="flex: 1; text-align: center;"> | ||
<div style="width: 100%; height: 200px; background: #ddd; display: flex; align-items: center; justify-content: center; border: 1px solid #999; font-size: 0.85em; padding: 10px;">The observer clock .jpg</div> | |||
<div style="font-size: 0. | <div style="font-size: 0.75em; margin-top: 8px; font-family: 'Courier New', Courier, monospace; line-height: 1.5;">Installation in telcom museum</div> | ||
</div> | </div> | ||
<div style="flex: 1; text-align: center;"> | <div style="flex: 1; text-align: center;"> | ||
<div style="width: 100%; height: 200px; background: #ddd; display: flex; align-items: center; justify-content: center; border: 1px solid #999; font-size: 0.85em; padding: 10px;">The observer clock booklet.png</div> | |||
<div style="font-size: 0. | <div style="font-size: 0.75em; margin-top: 8px; font-family: 'Courier New', Courier, monospace; line-height: 1.5;">Documentation</div> | ||
</div> | </div> | ||
<div style="flex: 1; text-align: center;"> | <div style="flex: 1; text-align: center;"> | ||
<div style="width: 100%; height: 200px; background: #ddd; display: flex; align-items: center; justify-content: center; border: 1px solid #999; font-size: 0.85em; padding: 10px;">The observer clock 1.jpg</div> | |||
<div style="font-size: 0. | <div style="font-size: 0.75em; margin-top: 8px; font-family: 'Courier New', Courier, monospace; line-height: 1.5;">The Observer Clock</div> | ||
</div> | </div> | ||
</div> | </div> | ||
< | <p style="margin: 20px 0 16px 0; 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. I also used the weasy print to documentation the whole research process and the basis mechanism.</p> | ||
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 | |||
<p style="font-weight: bold; margin: 12px 0 4px 0; line-height: 1.7;">Key Connection✎:</p> | |||
</ | <p style="margin-bottom: 16px; line-height: 1.7;">installation, archiving</p> | ||
<div style=" | <div style="margin-top: 60px;"> | ||
<div style="text-align: center | <div style="text-align: center; margin-bottom: 30px;"> | ||
<h1 style="color: #000; text-shadow: 4px 0 #00ffff, -4px 0 #ff00ff; font-size: 2. | <h1 style="color: #000; text-shadow: 4px 0 #00ffff, -4px 0 #ff00ff; font-size: 2.2em; margin: 0 0 10px 0; letter-spacing: -2px; font-family: 'Courier New', Courier, monospace; line-height: 1.2;">Glitch Sutra for Displaced Bodies</h1> | ||
<div style="font-family: monospace; color: #555; margin-top: | <div style="font-family: 'Courier New', Courier, monospace; color: #555; margin-top: 8px; font-size: 0.9em; line-height: 1.5;">/// Repetitive Technologies as Meaning-Making Tools /// | ||
</div> | </div> | ||
</div> | </div> | ||
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 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> | ||
My research object is the | <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 24/7. My mother, a former factory worker in Shenzhen, uses one daily to "accumulate merit" and "deliver sentient beings to the afterlife." 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.</p> | ||
<div style="text-align: center; margin: 30px 0;"> | |||
<div style="width: 400px; height: 250px; background: #ddd; display: inline-flex; align-items: center; justify-content: center; border: 2px solid #000; font-size: 0.9em;">Buddha machine.jpg</div> | |||
<p style="font-size: 0.9em; margin-top: 8px; font-style: italic; line-height: 1.5;">Buddha machine - the interface of transcendence.</p> | |||
</div> | |||
'' | <h3 style="font-family: 'Courier New', Courier, monospace; font-size: 1.3em; font-weight: bold; margin: 30px 0 15px 0; line-height: 1.4;">Why Shenzhen and Buddha machines?</h3> | ||
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 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> | ||
When people are structurally marginalized, they find "soft interfaces"—interpretable, malleable spaces within rigid systems—to insert their own meanings. | <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.</p> | ||
<div style=" | <div style="padding: 15px; margin: 20px 0;"> | ||
<p style="margin: 0; 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> | </div> | ||
<div style="margin: 40px 0; border-bottom: 3px double #aaa;"></div> | <div style="margin: 40px 0; border-bottom: 3px double #aaa;"></div> | ||
<h2 style="color: #000; padding: 8px 15px; border-left: 8px solid #ff00ff; font-size: 1.6em; font-family: 'Courier New', Courier, monospace; display: block; border-bottom: 2px solid #000; margin: 40px 0 20px 0; line-height: 1.3;">Methodology</h2> | |||
<p style="margin: 20px 0 16px 0; line-height: 1.7;"><strong>Media Archaeology + Field Research + Workshop</strong></p> | |||
<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> | |||
= | <div style="float: right; margin: 0 0 20px 20px;"> | ||
<div style="width: 200px; height: 150px; background: #ddd; display: flex; align-items: center; justify-content: center; border: 1px solid #999; font-size: 0.85em; text-align: center; padding: 10px;">Try-out-night-prototype.jpg<br/>Prototype</div> | |||
</div> | </div> | ||
<p style="margin-bottom: 16px; line-height: 1.7;"><strong>I developed three prototypes to test and verify my research mechanisms:</strong></p> | |||
<h3 style="color: #000; border-bottom: 3px solid #ff00ff; display: inline-block; font-size: 1.3em; font-family: 'Courier New', Courier, monospace; margin: 30px 0 15px 0; line-height: 1.4;">Instant Faith Workshop</h3> | |||
<div style="border | <div style="padding-left: 0; margin: 20px 0;"> | ||
<div style="float: left; margin: 0 15px 15px 0;"> | |||
<div style="width: 220px; height: 150px; background: #ddd; display: flex; align-items: center; justify-content: center; border: 1px solid #999; font-size: 0.85em; text-align: center; padding: 10px;">Workshop collective writing.jpg<br/>instant_faith_zines</div> | |||
</div> | |||
<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 style="clear: both;"></div> | |||
</div> | </div> | ||
<h3 style="color: #000; border-bottom: 3px solid #ff00ff; display: inline-block; font-size: 1.3em; font-family: 'Courier New', Courier, monospace; margin: 30px 0 15px 0; line-height: 1.4;">Bladder Runner (Field Diary)</h3> | |||
<div style="border | <div style="padding-left: 0; margin: 20px 0;"> | ||
<div style="float: right; margin: 0 0 15px 15px;"> | |||
<div style="width: 180px; height: 120px; background: #ddd; display: flex; align-items: center; justify-content: center; border: 1px solid #999; font-size: 0.85em; text-align: center; padding: 10px;">PLACEHOLDER_BLADDER_RUNNER.jpg<br/>Field Diary</div> | |||
</div> | |||
<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 style="clear: both;"></div> | |||
</div> | </div> | ||
<h3 style="color: #000; border-bottom: 3px solid #ff00ff; display: inline-block; font-size: 1.3em; font-family: 'Courier New', Courier, monospace; margin: 30px 0 15px 0; line-height: 1.4;">Mundane Spiritual Interface Mapping</h3> | |||
<div style="padding-left: 0; margin: 20px 0;"> | |||
<div style="float: left; margin: 0 15px 15px 0;"> | |||
<div style="width: 220px; height: 150px; background: #ddd; display: flex; align-items: center; justify-content: center; border: 1px solid #999; font-size: 0.85em; text-align: center; padding: 10px;">outcome.png<br/>The Mapping</div> | |||
</div> | |||
<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 style="clear: both;"></div> | |||
</div> | |||
They revealed a consistent pattern—repetitive technologies originally designed to discipline bodies can be repurposed into tools for constructing personal meaning. | <p style="margin: 20px 0 16px 0; 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> | ||
The key is finding | <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> | ||
<div style="margin: 40px 0; border-bottom: 3px double #aaa;"></div> | <div style="margin: 40px 0; border-bottom: 3px double #aaa;"></div> | ||
<h2 style="color: #000; padding: 8px 15px; border-left: 8px solid #00ffff; font-size: 1.6em; font-family: 'Courier New', Courier, monospace; display: block; border-bottom: 2px solid #000; margin: 40px 0 20px 0; line-height: 1.3;">What I'm Making</h2> | |||
<h3 style="color: #000; border-bottom: 3px solid #00ffff; display: inline-block; font-size: 1.3em; font-family: 'Courier New', Courier, monospace; margin: 30px 0 15px 0; line-height: 1.4;">1. Thesis Outline</h3> | |||
<div style=" | <div style="padding-left: 0; margin: 20px 0;"> | ||
My thesis traces how displaced bodies construct meaning through repetitive technological interaction across three chapters: | <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> | |||
The thesis provides the analytical framework; the installation and publication create embodied experiences where participants feel these processes themselves. | <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> | </div> | ||
<h3 style="color: #000; border-bottom: 3px solid #00ffff; display: inline-block; font-size: 1.3em; font-family: 'Courier New', Courier, monospace; margin: 30px 0 15px 0; line-height: 1.4;">2. Web-based Interactive Installation</h3> | |||
<div style=" | <div style="padding-left: 0; margin: 20px 0;"> | ||
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 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> | |||
This interactive experience attempts to pose the question: In a floating state, can one find meaning and belief in self-identity? | <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> | </div> | ||
<h3 style="color: #000; border-bottom: 3px solid #00ffff; display: inline-block; font-size: 1.3em; font-family: 'Courier New', Courier, monospace; margin: 30px 0 15px 0; line-height: 1.4;">3. Interactive Publication: "Cyber Sutra"</h3> | |||
<div style=" | <div style="padding-left: 0; margin: 20px 0;"> | ||
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 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 | <div style="margin: 30px 0; border: 2px dashed #000; padding: 20px;"> | ||
< | <div style="background: #000; color: #fff; padding: 4px 10px; font-family: 'Courier New', Courier, monospace; display: inline-block; margin-bottom: 15px; font-weight: bold; line-height: 1.5;">TIMELINE: 4 MONTHS</div> | ||
<ul style="list-style-type: square; margin- | <ul style="list-style-type: square; margin: 0; padding-left: 25px; line-height: 1.7;"> | ||
<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> | <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> | <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> | <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> | </div> | ||
| Line 208: | Line 244: | ||
<div style="margin: 40px 0; border-bottom: 3px double #aaa;"></div> | <div style="margin: 40px 0; border-bottom: 3px double #aaa;"></div> | ||
<h2 style="color: #000; padding: 8px 15px; border-left: 8px solid #aaa; font-size: 1.6em; font-family: 'Courier New', Courier, monospace; display: block; border-bottom: 2px solid #000; margin: 40px 0 20px 0; line-height: 1.3;">References</h2> | |||
<div style="margin-top: 25px;"> | |||
<p style="font-weight: bold; margin-bottom: 12px; font-size: 0.9em; line-height: 1.5;">Artistic</p> | |||
<p style="margin-bottom: 16px; line-height: 1.7;">aaajiao, <em><a href="https://deep-simulator.com/about" style="color: #000;">Deep Simulator</a></em> — game installation, exploring entrapment in digital loops, minimal interaction creating self-identity</p> | |||
<p style="font-weight: bold; margin: 25px 0 12px 0; font-size: 0.9em; line-height: 1.5;">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 style="text-align: center; color: #000; font-size: 1. | <div style="text-align: center; color: #000; font-size: 1.1em; margin-top: 40px; padding: 20px; line-height: 1.5;"> | ||
<strong style="font-size: 1.2em;">░░░🍵 Thank you 🍵░░░</strong> | |||
</div> | </div> | ||
</div> | </div> | ||
Revision as of 18:59, 8 December 2025
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.
Labor + body + tech + care + spiritual = ???
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
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: Bad_Customer_Service
Scripts.exe
Sound, like 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
Interface
Prototype_v1
It is an interactive website that transforms the bodily markers of Chinese physiognomy into a music system.
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
"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. I also used the weasy print to documentation the whole research process and the basis mechanism.
Key Connection✎:
installation, archiving
Glitch Sutra for Displaced Bodies
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 24/7. My mother, a former factory worker in Shenzhen, uses one daily to "accumulate merit" and "deliver sentient beings to the afterlife." 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.
Key Question: Can repetitive technologies loosen the framework of reality and become tools for exercising minimal agency? What conditions enable this transformation?
Methodology
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 Making
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: "Cyber 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.
- 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, <a href="https://deep-simulator.com/about" style="color: #000;">Deep Simulator</a> — 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 🍵░░░