✍️ assessment2: Difference between revisions

From XPUB & Lens-Based wiki
No edit summary
No edit summary
Line 1: Line 1:
<div style="font-family: monospace; text-align: justify; color: #333;">
<div style="font-family: 'Courier New', Courier, monospace; background: linear-gradient(180deg, #660000 0%, #0b0033 100%); color: #d0d0d0; padding: 25px; line-height: 1.4;">


<div style="background-color: AliceBlue; padding: 15px; box-shadow: 10px 10px RoyalBlue; border: 2px solid Firebrick; margin-bottom: 30px;">
<div style="background-color: rgba(0, 0, 0, 0.7); padding: 20px; border: 2px solid #00ffff; box-shadow: 5px 5px 0px #ff00ff; margin-bottom: 40px;">
==<span style="color: Firebrick;"><big>TLDR: Systems & Bodies</big></span>==
<div style="color: #00ffff; font-weight: bold; margin-bottom: 10px;">> SYSTEM_BOOT... <span style="animation: blink 1s infinite;">█</span></div>


Before joining XPUB, I worked as an editor for a government-funded art curation agency in Southern China. This experience made me deeply reflective about the relationship between '''<span style="color: RoyalBlue;">systems, body, collectivity, and individuality</span>'''.
==<span style="color: white; text-shadow: 2px 0 red, -2px 0 blue; letter-spacing: 2px;">ERROR: SYSTEMS_&_BODIES</span>==


Throughout my time at XPUB, I've explored one recurring theme:
Before joining XPUB, I worked as an editor in Southern China. This experience triggered a <span style="background-color: #ff00ff; color: white; padding: 0 5px;">FATAL EXCEPTION</span> in my understanding of:
<div style="text-align: center; margin-top: 10px; margin-bottom: 10px; border-top: 1px dashed RoyalBlue; border-bottom: 1px dashed RoyalBlue; padding: 10px;">
<div style="text-align: center; margin: 20px 0; border-top: 1px dashed #00ffff; border-bottom: 1px dashed #00ffff; padding: 15px;">
<big>'''how the body is disciplined by systems, and how we react'''</big>
<big>'''<span style="color:#fff;">How the body is disciplined by systems</span>'''</big><br>
<small style="color: #ff00ff;">/// and how we react ///</small>
</div>
</div>
I aim to find the cracks, the glitches, the moments where we can insert our own meanings.
I aim to find the cracks, the glitches, the moments where we can insert our own meanings.
</div>
</div>


<div style="text-align: center; margin-top: 20px; margin-bottom: 20px;">
<div style="text-align: center; color: #555; letter-spacing: 5px; margin-bottom: 30px;">
<span style="color: RoyalBlue;">🪷</span> <span style="color: Firebrick;">🪷</span> <span style="color: RoyalBlue;">🪷</span> <span style="color: Firebrick;">🪷</span> <span style="color: RoyalBlue;">🪷</span> <span style="color: Firebrick;">🪷</span> <span style="color: RoyalBlue;">🪷</span> <span style="color: Firebrick;">🪷</span> <span style="color: RoyalBlue;">🪷</span>
▒▒▒▒▒▒▒▒▒▒▒▒ DATA_STREAM_LOADING ▒▒▒▒▒▒▒▒▒▒▒▒
</div>
</div>


=<span style="color: Firebrick; font-family: monospace;">'''SI#25 Sound of Making'''</span> =
=<span style="background-color: #000; color: #fff; padding: 5px 10px; border-left: 5px solid red;">'''SI#25 SOUND_OF_MAKING'''</span> =
'''Key Connection: Sound collage, archival practice, scriptwriting'''
'''<span style="color: #00ffff;">[Key_Connection]: Sound collage, scriptwriting</span>'''


In SI25, I used sound as a tool to explore invisible discipline. By editing and transforming repetitive soundscapes, I aimed to create <code style="background-color: RoyalBlue; color: White;">moments of agency</code> within fixed protocols.
In SI25, sound was the tool to explore <span style="text-decoration: underline wavy red;">invisible discipline</span>.


===<span style="font-family: monospace; color: RoyalBlue;"> [[SI25 Broadcast 3: Underwater Exploration|Broadcast#3: Underwater Exploration]] </span>===
===<span style="color: #ff00ff; text-shadow: 1px 1px 0 #00ffff;"> [[SI25 Broadcast 3: Underwater Exploration|Broadcast#3: Underwater_Exploration]] </span>===
'''<small><code style="background-color: Firebrick; color: AliceBlue;">Sound Collage & Archival Practice</code></small>'''
<div style="border-left: 2px solid #00ffff; padding-left: 10px; margin-bottom: 15px;">
 
'''<small><code style="background-color: #000; border: 1px solid #555; color: #00ff00;">> Field recording as storytelling</code></small>'''
Using water as a metaphor, I collected various water-related sounds to explore the systems of water through collage. We presented the spatiality, fluidity, and resistance of sound in Radio Worm.
Using water as a metaphor to explore systems. Collaging diverse audio samples to investigate the textures of aquatic environments.
 
</div>
<gallery mode="packed" heights="200">
File:Protocal of Radio.jpg|Collaborative script reading
File:Audio devices.pic.jpg|Audio devices
</gallery>
 
===<span style="font-family: monospace; color: RoyalBlue;"> [[SI25 Broadcast 5: Protocols For Bad Customer Service|Broadcast#5: Protocols For Bad Customer Service]] </span>===
'''<small><code style="background-color: Firebrick; color: AliceBlue;">Script-based Narrative & Fictioning</code></small>'''
 
[[File:Week5 BadCustomerService SCRIPTS8.jpg|thumb|right|200px|Bad Customer Service Scripts]]
This project investigated how the rigid scripts of service labor can be subverted. We constructed a fictional space based on real systems, transforming call center protocols into a narrative script.


===<span style="color: #ff00ff; text-shadow: 1px 1px 0 #00ffff;"> [[SI25 Broadcast 5: Protocols For Bad Customer Service|Broadcast#5: Bad_Customer_Service]] </span>===
<div style="border-left: 2px solid #00ffff; padding-left: 10px;">
[[File:Week5 BadCustomerService SCRIPTS8.jpg|thumb|right|180px|Scripts.exe]]
'''<small><code style="background-color: #000; border: 1px solid #555; color: #00ff00;">> Script-based Narrative</code></small>'''
Sound, like call center scripts, is '''repetitive and systemic'''. This project constructed a fictional space transforming protocols into narrative scripts.
</div>
<br style="clear:both;" />
<br style="clear:both;" />


===<span style="font-family: monospace; color: RoyalBlue;"> [[Radio Worm: The Guideline to Shadows' Mindscape]] </span> ===
===<span style="color: #ff00ff; text-shadow: 1px 1px 0 #00ffff;"> [[Radio Worm: The Guideline to Shadows' Mindscape]] </span> ===
[[File:Poster of the radio show.jpg|thumb|left|200px|Poster of the radio show]]
[[File:Poster of the radio show.jpg|thumb|left|180px|Poster.png]]
A radio drama about the '''Chinese art system'''. It explored how art laborers navigate and escape under high system pressure and algorithmic intrusion.
A radio drama about the '''Chinese art system'''. Exploring algorithmic intrusion and escape.
* ''Key Connection: Fiction writing, role play''
 
<br style="clear:both;" />
<br style="clear:both;" />


<div style="text-align: center; margin-top: 20px; margin-bottom: 20px;">
<div style="margin: 40px 0; border-bottom: 4px double #333;"></div>
<span style="color: Firebrick;">★</span> <span style="color: RoyalBlue;">★</span> <span style="color: Firebrick;">★</span> <span style="color: RoyalBlue;">★</span> <span style="color: Firebrick;">★</span> <span style="color: RoyalBlue;">★</span> <span style="color: Firebrick;">★</span> <span style="color: RoyalBlue;">★</span> <span style="color: Firebrick;">★</span> <span style="color: RoyalBlue;">★</span>
</div>


=<span style="color: Firebrick; font-family: monospace;">'''SI#26 - Declearation'''</span>=
=<span style="background-color: #000; color: #fff; padding: 5px 10px; border-left: 5px solid blue;">'''SI#26 DECLARATION'''</span>=
'''Key Connection: Interactive web interface, real-time sound generation'''
'''<span style="color: #00ffff;">[Key_Connection]: Interactive Interface // Real-time Gen</span>'''


===<span style="font-family: monospace; color: RoyalBlue;">[[Face Notation |Face Notation]] </span>===
===<span style="color: #ff00ff; text-shadow: 1px 1px 0 #00ffff;">[[Face Notation |Face_Notation]] </span>===
[[File:Site si26.png|frameless|401x401px|Face Notation interactive interface shown at Varia|left]]<div style="background-color: GhostWhite; padding: 10px; border-left: 5px solid RoyalBlue;">[[File:Face-pazzle1.pic.jpg|thumb|169x169px|Face Notation prototype: Interactive face puzzle]]'''Face Notation''' transforms the bodily markers of Chinese physiognomy (face reading) into an interactive music composition system.  
[[File:Site si26.png|frameless|401x401px|Interface|left]]
<div style="background-color: rgba(0,0,0,0.5); border: 1px dotted #ff00ff; padding: 10px;">
[[File:Face-pazzle1.pic.jpg|thumb|150px|Prototype_v1.jpg]]
'''Face Notation''' transforms the bodily markers of Chinese physiognomy into a music system.  


Users create personalized soundscapes by adjusting browser windows (CSS Grid) and dragging facial elements, turning the disciplined body into a musical instrument.
Users adjust browser windows (CSS Grid), turning the <span style="background-color: white; color: black;">disciplined body</span> into a musical instrument.
</div>  
</div>  
===<span style="font-family: monospace; color: RoyalBlue;"> Face Notation Workshop </span>===
In this 90-minute workshop, participants mapped their own facial features into music. Individual compositions were superimposed to create a spontaneous group sound performance.
* ''Key Connection: Workshop as research method, collective improvisation''
<br style="clear:both;" />
<br style="clear:both;" />


=<span style="color: Firebrick; font-family: monospace;">'''SI#27 - Attention as Invisible Labor'''</span>=
=<span style="background-color: #000; color: #fff; padding: 5px 10px; border-left: 5px solid #ff00ff;">'''SI#27 ATTENTION_LABOR'''</span>=
 
I began researching attention as labor—how it is disciplined yet unacknowledged.
 
===<span style="font-family: monospace; color: RoyalBlue;"> The Observer Clock </span>===
'''<small><code style="background-color: Firebrick; color: AliceBlue;">Invisible labor, archiving, documentation</code></small>'''


<div style="width:80%; margin: 0 auto; background-color:black; border-style: dotted; border-width: 5px; border-color: Firebrick; color: AliceBlue; padding: 15px; text-align: center; box-shadow: 5px 5px RoyalBlue;">
===<span style="color: #ff00ff; text-shadow: 1px 1px 0 #00ffff;"> The Observer Clock </span>===
<div style="background-color: #000; border: 1px dashed red; color: #fff; padding: 15px; text-align: center;">
<big>'''"Every blink counts. The more you blink, the faster the clock runs."'''</big>
<big>'''"Every blink counts. The more you blink, the faster the clock runs."'''</big>
 
<br><br>
The most unconscious bodily movement (blinking) is transformed via technical mediation into conscious control (time).
<small>>> ATTENTION IS CURRENCY <<</small>
</div>
</div>


<gallery mode="packed-hover" heights="250px">
<gallery mode="packed-hover" heights="200px">
File:The observer clock .jpg|Observer Clock: Installation view
File:The observer clock .jpg|Installation.view
File:The observer clock booklet.png|Documentation booklet
File:The observer clock booklet.png|Documentation_Err.log
File:The observer clock 1.jpg|Detail: Eye-tracking mechanism
File:The observer clock 1.jpg|Eye_Tracking_Mechanism
</gallery>
</gallery>


<br>
<br>


<div style="background-color: AliceBlue; padding: 15px; box-shadow: 10px 10px RoyalBlue; border: 2px solid Firebrick; margin-top: 40px;">
<div style="background-color: #111; padding: 20px; border: 3px solid #fff; outline: 3px solid red; margin-top: 50px; box-shadow: 10px 10px 0px rgba(0,0,255,0.5);">


=<span style="color: Firebrick;"><big>Graduation Proposal: The Buddha Machine</big></span>=
<div style="text-align: center; border-bottom: 2px solid white; margin-bottom: 20px;">
<div style="text-align:center; font-style:italic; color:RoyalBlue; margin-bottom:15px;">
<h1 style="color: white; text-shadow: 4px 0 #ff00ff, -4px 0 #00ffff; font-size: 2.5em; margin: 0;">THE_BUDDHA_MACHINE</h1>
Sacred yet cheap. Industrial yet transcendent.
<div style="font-family: monospace; color: #888;">/// SACRED_YET_CHEAP /// INDUSTRIAL_YET_TRANSCENDENT ///</div>
</div>
</div>


=== <span style="font-family: monospace; color: RoyalBlue;">0. Context: The 24/7 Loop</span> ===
=== <span style="color: #00ffff;">[0] CONTEXT: THE_INFINITE_LOOP</span> ===
Why research the Buddha Machine? I must return to my home in Shenzhen.  
Why research the Buddha Machine?  
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."


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 music box to "accumulate merit."
[[File:PLACEHOLDER_IMAGE_OF_BUDDHA_MACHINE.jpg|thumb|center|600px|The interface of transcendence.]]


[[File:PLACEHOLDER_IMAGE_OF_BUDDHA_MACHINE_OR_MOTHER.jpg|thumb|center|600px|The cheap, plastic interface of spiritual transcendence.]]
<div style="border-left: 5px solid #ff00ff; padding-left: 15px; background: rgba(255,0,255,0.1);">
 
'''SYSTEM_PARADOX_DETECTED:'''
'''The Paradox:'''
* '''Soundscape:''' Factory = Hard Labor // Practice = Healing
* '''Soundscape:''' In the factory, repetition is hard labor; in spiritual practice, it is healing.
* '''Body:''' Production Line = Tool // Home = Merit Accumulator
* '''Body:''' On the production line, the body is a tool; in the home, it is a "marginalized person" seeking an afterlife.
</div>
 
=== <span style="font-family: monospace; color: RoyalBlue;">1. Methodology: The Phantom City</span> ===
'''Format: Web-based Installation + Publication + Thesis'''


I am creating a non-linear virtual space that simulates a state of <code style="background-color: Lavender; color: Firebrick;">"Spiritual Suspension"</code>.
=== <span style="color: #00ffff;">[1] METHODOLOGY: THE_PHANTOM_CITY</span> ===
'''Output: Web-based Installation + Publication'''


The user navigates a **"Phantom City" (Yicheng)**—a digital mirage where time stagnates.
A non-linear virtual space simulating <span style="background-color: #ff00ff; color: white;">"Spiritual Suspension"</span>.  
* **The Loop:** If you stop, the system decays into noise.
* **The Ambiguity:** Occasionally, clear images or comforting sounds appear, but they are mirages that dissolve quickly.
* **The Goal:** To explore the mechanism of repurposing exhausted bodies in a hyper-efficient society.


[[File:PLACEHOLDER_SKETCH_OF_WEB_INSTALLATION.jpg|thumb|center|600px|Concept sketch for the Web-based installation: A non-linear liminal space.]]
User navigates a **"Phantom City" (Yicheng)**—a digital mirage.
* **STATE 1: THE LOOP:** If input == 0, system decays into noise.
* **STATE 2: THE GLITCH:** Clarity appears as a mirage, then dissolves.
* **STATE 3: SUSPENSION:** Repurposing the exhausted body in hyper-efficiency.


=== <span style="font-family: monospace; color: RoyalBlue;">2. Prototypes</span> ===
[[File:PLACEHOLDER_SKETCH.jpg|thumb|center|600px|Space_Concept_v0.1]]
To arrive at this graduation project, I conducted three key experiments:


<gallery mode="packed" heights="220px">
=== <span style="color: #00ffff;">[2] PROTOTYPES_LOADED</span> ===
File:PLACEHOLDER_BLADDER_RUNNER.jpg|'''Bladder Runner (Field Diary)'''<br>Using the bladder as a metaphor to translate somatic experiences in Shenzhen factories into text/image.
<gallery mode="packed" heights="180px">
File:PLACEHOLDER_INSTANT_FAITH.jpg|'''Instant Faith Workshop'''<br>Participants designed their own "faith systems" to test how dependency translates into belief.
File:PLACEHOLDER_BLADDER_RUNNER.jpg|'''Bladder Runner'''<br>Body as Metaphor
File:PLACEHOLDER_INTERFACE_MAPPING.jpg|'''Mundane Spiritual Interface Mapping'''<br>An interactive survey mapping the daily technologies people use when exhausted.
File:PLACEHOLDER_INSTANT_FAITH.jpg|'''Instant Faith'''<br>Dependency vs Belief
File:PLACEHOLDER_INTERFACE_MAPPING.jpg|'''Interface Mapping'''<br>Data of Exhaustion
</gallery>
</gallery>


Line 129: Line 115:


<br>
<br>
<div style="text-align: center; color: Firebrick;">
<div style="text-align: center; color: white;">
'''<big>♡ THANK YOU ♡</big>'''
'''<big>░░░ END_OF_FILE ░░░</big>'''
</div>
</div>


</div>
</div>

Revision as of 20:20, 7 December 2025

> SYSTEM_BOOT... █

ERROR: SYSTEMS_&_BODIES

Before joining XPUB, I worked as an editor in Southern China. This experience triggered a FATAL EXCEPTION in my understanding of:

How the body is disciplined by systems
/// and how we react ///

I aim to find the cracks, the glitches, the moments where we can insert our own meanings.

▒▒▒▒▒▒▒▒▒▒▒▒ DATA_STREAM_LOADING ▒▒▒▒▒▒▒▒▒▒▒▒

SI#25 SOUND_OF_MAKING

[Key_Connection]: Sound collage, scriptwriting

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.

Broadcast#5: Bad_Customer_Service

Scripts.exe

> Script-based Narrative Sound, like call center scripts, is repetitive and systemic. This project constructed a fictional space transforming protocols into narrative scripts.


Radio Worm: The Guideline to Shadows' Mindscape

Poster.png

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

SI#26 DECLARATION

[Key_Connection]: Interactive Interface // Real-time Gen

Face_Notation

Interface
Prototype_v1.jpg

Face Notation 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.

  


SI#27 ATTENTION_LABOR

The Observer Clock

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

>> ATTENTION IS CURRENCY <<

  • Installation.view

  • Documentation_Err.log

  • Eye_Tracking_Mechanism


THE_BUDDHA_MACHINE

/// SACRED_YET_CHEAP /// INDUSTRIAL_YET_TRANSCENDENT ///

[0] CONTEXT: THE_INFINITE_LOOP

Why research the Buddha Machine? 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."

File:PLACEHOLDER IMAGE OF BUDDHA MACHINE.jpg
The interface of transcendence.

SYSTEM_PARADOX_DETECTED:

  • Soundscape: Factory = Hard Labor // Practice = Healing
  • Body: Production Line = Tool // Home = Merit Accumulator

[1] METHODOLOGY: THE_PHANTOM_CITY

Output: Web-based Installation + Publication

A non-linear virtual space simulating "Spiritual Suspension".

User navigates a **"Phantom City" (Yicheng)**—a digital mirage.

  • **STATE 1: THE LOOP:** If input == 0, system decays into noise.
  • **STATE 2: THE GLITCH:** Clarity appears as a mirage, then dissolves.
  • **STATE 3: SUSPENSION:** Repurposing the exhausted body in hyper-efficiency.
File:PLACEHOLDER SKETCH.jpg
Space_Concept_v0.1

[2] PROTOTYPES_LOADED

  • PLACEHOLDER BLADDER RUNNER.jpg

    Bladder Runner
    Body as Metaphor

  • PLACEHOLDER INSTANT FAITH.jpg

    Instant Faith
    Dependency vs Belief

  • PLACEHOLDER INTERFACE MAPPING.jpg

    Interface Mapping
    Data of Exhaustion


░░░ END_OF_FILE ░░░

Retrieved from "https://pzwiki.wdka.nl/mw-mediadesign/index.php?title=✍️_assessment2&oldid=320054"