✍️ assessment2: Difference between revisions
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
<div style="font-family: 'Courier New', Courier, monospace; background: linear-gradient( | <div style="font-family: 'Courier New', Courier, monospace; background: linear-gradient(135deg, #e0e0e0 0%, #f5f5f5 50%, #d9d9d9 100%); color: #1a1a1a; padding: 25px; line-height: 1.4; border: 1px solid #ccc;"> | ||
<div style="background-color: rgba( | <div style="background-color: rgba(255, 255, 255, 0.6); padding: 20px; border: 2px solid #000; box-shadow: 5px 5px 0px #cccccc; margin-bottom: 40px; position: relative;"> | ||
<div style="color: # | <div style="position: absolute; top: -10px; right: -5px; background: #000; color: #fff; padding: 2px 5px; font-size: 0.8em; transform: rotate(2deg);">REF: 80801605</div> | ||
<div style="color: #000; font-weight: bold; margin-bottom: 10px; border-bottom: 1px solid #000; padding-bottom: 5px;">> SYSTEM_BOOT... <span style="animation: blink 1s infinite; color: #ff00ff;">█</span></div> | |||
Before joining XPUB, I worked as an editor in Southern China. This experience triggered a <span style="background-color: # | ==<span style="color: #000; text-shadow: 2px 0 #00ffff, -2px 0 #ff00ff; letter-spacing: 1px; text-transform: uppercase;">ERROR: SYSTEMS_&_BODIES</span>== | ||
<div style="text-align: center; margin: 20px 0; border-top: 1px dashed # | |||
<big>'''<span style="color:# | Before joining XPUB, I worked as an editor in Southern China. This experience triggered a <span style="background-color: #000; color: #fff; padding: 0 5px;">FATAL EXCEPTION</span> in my understanding of: | ||
<small style="color: # | <div style="text-align: center; margin: 20px 0; border-top: 1px dashed #000; border-bottom: 1px dashed #000; padding: 15px;"> | ||
<big>'''<span style="color:#000;">How the body is disciplined by systems</span>'''</big><br> | |||
<small style="color: #666; font-style: italic;">/// 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; color: # | <div style="text-align: center; color: #999; letter-spacing: 5px; margin-bottom: 30px; font-size: 0.8em;"> | ||
║▌║█║▌│║▌║▌█ 🪷 🪷 🪷 ║▌║█║▌│║▌║▌█ | |||
</div> | </div> | ||
=<span style="background-color: #000; color: #fff; padding: 5px 10px; border-left: 5px solid | =<span style="background-color: #000; color: #fff; padding: 5px 10px; border-left: 5px solid #ff00ff;">'''SI#25 SOUND_OF_MAKING'''</span> = | ||
'''<span style="color: # | '''<span style="background: #e0e0e0; color: #000; padding: 2px;">[Key_Connection]: Sound collage, scriptwriting</span>''' | ||
In SI25, sound was the tool to explore <span style="text-decoration: underline wavy | In SI25, sound was the tool to explore <span style="text-decoration: underline wavy #ff00ff;">invisible discipline</span>. | ||
===<span style="color: # | ===<span style="color: #000; border-bottom: 2px solid #00ffff; display: inline-block;"> [[SI25 Broadcast 3: Underwater Exploration|Broadcast#3: Underwater_Exploration]] </span>=== | ||
<div style="border-left: 2px solid # | <div style="border-left: 2px solid #000; padding-left: 10px; margin-bottom: 15px; margin-top: 10px;"> | ||
'''<small><code style="background-color: # | '''<small><code style="background-color: #fff; border: 1px solid #000; color: #000;">> Field recording as storytelling</code></small>''' | ||
Using water as a metaphor to explore systems. Collaging diverse audio samples to investigate the textures of aquatic environments. | Using water as a metaphor to explore systems. Collaging diverse audio samples to investigate the textures of aquatic environments. | ||
</div> | </div> | ||
===<span style="color: # | ===<span style="color: #000; border-bottom: 2px solid #00ffff; display: inline-block;"> [[SI25 Broadcast 5: Protocols For Bad Customer Service|Broadcast#5: Bad_Customer_Service]] </span>=== | ||
<div style="border-left: 2px solid # | <div style="border-left: 2px solid #000; padding-left: 10px; margin-top: 10px;"> | ||
[[File:Week5 BadCustomerService SCRIPTS8.jpg|thumb|right|180px|Scripts.exe]] | [[File:Week5 BadCustomerService SCRIPTS8.jpg|thumb|right|180px|Scripts.exe]] | ||
'''<small><code style="background-color: # | '''<small><code style="background-color: #fff; border: 1px solid #000; color: #000;">> 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. | Sound, like call center scripts, is '''repetitive and systemic'''. This project constructed a fictional space transforming protocols into narrative scripts. | ||
</div> | </div> | ||
<br style="clear:both;" /> | <br style="clear:both;" /> | ||
===<span style="color: # | ===<span style="color: #000; border-bottom: 2px solid #00ffff; display: inline-block;"> [[Radio Worm: The Guideline to Shadows' Mindscape]] </span> === | ||
[[File:Poster of the radio show.jpg|thumb|left|180px|Poster.png]] | [[File:Poster of the radio show.jpg|thumb|left|180px|Poster.png]] | ||
A radio drama about the '''Chinese art system'''. Exploring algorithmic intrusion and escape. | A radio drama about the '''Chinese art system'''. Exploring algorithmic intrusion and escape. | ||
<br style="clear:both;" /> | <br style="clear:both;" /> | ||
<div style="margin: 40px 0; border-bottom: | <div style="margin: 40px 0; border-bottom: 3px double #aaa;"></div> | ||
=<span style="background-color: #000; color: #fff; padding: 5px 10px; border-left: 5px solid | =<span style="background-color: #000; color: #fff; padding: 5px 10px; border-left: 5px solid #00ffff;">'''SI#26 DECLARATION'''</span>= | ||
'''<span style="color: # | '''<span style="background: #e0e0e0; color: #000; padding: 2px;">[Key_Connection]: Interactive Interface // Real-time Gen</span>''' | ||
===<span style="color: # | ===<span style="color: #000; border-bottom: 2px solid #ff00ff; display: inline-block;">[[Face Notation |Face_Notation]] </span>=== | ||
[[File:Site si26.png|frameless|401x401px|Interface|left]] | [[File:Site si26.png|frameless|401x401px|Interface|left]] | ||
<div style="background-color: rgba( | <div style="background-color: rgba(255,255,255,0.7); border: 1px dotted #000; padding: 10px;"> | ||
[[File:Face-pazzle1.pic.jpg|thumb|150px|Prototype_v1.jpg]] | [[File:Face-pazzle1.pic.jpg|thumb|150px|Prototype_v1.jpg]] | ||
'''Face Notation''' transforms the bodily markers of Chinese physiognomy into a music system. | '''Face Notation''' transforms the bodily markers of Chinese physiognomy into a music system. | ||
Users adjust browser windows (CSS Grid), turning the <span style="background-color: | Users adjust browser windows (CSS Grid), turning the <span style="background-color: #000; color: #fff;">disciplined body</span> into a musical instrument. | ||
</div> | </div> | ||
<br style="clear:both;" /> | <br style="clear:both;" /> | ||
=<span style="background-color: #000; color: #fff; padding: 5px 10px; border-left: 5px solid # | =<span style="background-color: #000; color: #fff; padding: 5px 10px; border-left: 5px solid #aaa;">'''SI#27 ATTENTION_LABOR'''</span>= | ||
===<span style="color: # | ===<span style="color: #000; border-bottom: 2px solid #ff00ff; display: inline-block;"> The Observer Clock </span>=== | ||
<div style="background-color: # | <div style="background-color: #f0f0f0; border: 1px dashed #000; color: #000; padding: 15px; text-align: center; box-shadow: 3px 3px 0px #ff00ff;"> | ||
<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> | <br><br> | ||
| Line 74: | Line 76: | ||
<br> | <br> | ||
<div style="background-color: # | <div style="background-color: #fff; padding: 20px; border: 3px solid #000; outline: 3px solid #e0e0e0; margin-top: 50px; box-shadow: 10px 10px 0px rgba(0,0,0,0.2);"> | ||
<div style="text-align: center; border-bottom: 2px solid | <div style="text-align: center; border-bottom: 2px solid #000; margin-bottom: 20px;"> | ||
<h1 style="color: | <h1 style="color: #000; text-shadow: 3px 0 #00ffff, -3px 0 #ff00ff; font-size: 2.5em; margin: 0; letter-spacing: -2px;">THE_BUDDHA_MACHINE</h1> | ||
<div style="font-family: monospace; color: # | <div style="font-family: monospace; color: #555;">/// SACRED_YET_CHEAP /// INDUSTRIAL_YET_TRANSCENDENT ///</div> | ||
</div> | </div> | ||
=== <span style="color: # | === <span style="background: #000; color: #fff; padding: 2px;">[0] CONTEXT: THE_INFINITE_LOOP</span> === | ||
Why research the Buddha Machine? | 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 plastic box to "accumulate merit." | ||
| Line 87: | Line 89: | ||
[[File:PLACEHOLDER_IMAGE_OF_BUDDHA_MACHINE.jpg|thumb|center|600px|The interface of transcendence.]] | [[File:PLACEHOLDER_IMAGE_OF_BUDDHA_MACHINE.jpg|thumb|center|600px|The interface of transcendence.]] | ||
<div style="border-left: 5px solid # | <div style="border-left: 5px solid #000; padding-left: 15px; background: rgba(0,255,255,0.1);"> | ||
'''SYSTEM_PARADOX_DETECTED:''' | '''SYSTEM_PARADOX_DETECTED:''' | ||
* '''Soundscape:''' Factory = Hard Labor // Practice = Healing | * '''Soundscape:''' Factory = Hard Labor // Practice = Healing | ||
| Line 93: | Line 95: | ||
</div> | </div> | ||
=== <span style="color: # | === <span style="background: #000; color: #fff; padding: 2px;">[1] METHODOLOGY: THE_PHANTOM_CITY</span> === | ||
'''Output: Web-based Installation + Publication''' | '''Output: Web-based Installation + Publication''' | ||
| Line 105: | Line 107: | ||
[[File:PLACEHOLDER_SKETCH.jpg|thumb|center|600px|Space_Concept_v0.1]] | [[File:PLACEHOLDER_SKETCH.jpg|thumb|center|600px|Space_Concept_v0.1]] | ||
=== <span style="color: # | === <span style="background: #000; color: #fff; padding: 2px;">[2] PROTOTYPES_LOADED</span> === | ||
<gallery mode="packed" heights="180px"> | <gallery mode="packed" heights="180px"> | ||
File:PLACEHOLDER_BLADDER_RUNNER.jpg|'''Bladder Runner'''<br>Body as Metaphor | File:PLACEHOLDER_BLADDER_RUNNER.jpg|'''Bladder Runner'''<br>Body as Metaphor | ||
| Line 115: | Line 117: | ||
<br> | <br> | ||
<div style="text-align: center; color: | <div style="text-align: center; color: #000;"> | ||
'''<big>░░░ | '''<big>░░░ Thank you! ░░░</big>''' | ||
</div> | </div> | ||
</div> | </div> | ||
Revision as of 20:24, 7 December 2025
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.
║▌║█║▌│║▌║▌█ 🪷 🪷 🪷 ║▌║█║▌│║▌║▌█
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
> 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
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
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 <<
THE_BUDDHA_MACHINE
[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."
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.
[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
░░░ Thank you! ░░░