Vestibulum et dignissim magna. Nullam at ultrices felis. Suspendisse facilisis sagittis sem sit amet tempor. Nam sit amet nibh et enim laoreet porta sit amet vel purus. Maecenas augue velit, feugiat in maximus id, auctor vel ex. Integer placerat massa nec tellus.
keyupang.work@gmail.com
CV
github ↗
Projects
①
2026
②
2025
③
2024
④
2025
Web experience
2026
XXX (overview)
placeholder text
Background
The environment for digital expression in China shifted decisively in late 2012. Following the Decision on Strengthening Network Information Protection, the government established a new legal framework that ramped up internet regulation and made real-name registration mandatory. This control was further tightened by the 2017 Cybersecurity Law, which pushed the responsibility of content policing onto platforms themselves. This shift forced internet companies to build massive filtering systems to stay compliant. Over the past decade, the space for public speech has tightened systematically under the mandate of maintaining "social stability."
During this time, I’ve watched a wide range of perspectives simply vanish from the internet. It started with political views that didn’t align with the official narrative, but it quickly spread. Advocacy for LGBTQ+ and minority rights, critical deep-dives into government policy, and even discussions about local safety incidents are now routinely suppressed to prevent public concern. On platforms like Weibo,RedNote and Douyin (Chinese Tiktok), this erasure has become part of the user experience. We are greeted by the same repetitive phrases: "This content is no longer available due to a violation of relevant laws and regulations," or we find that an account we followed for years has been suddenly deleted. What used to be a somewhat pluralistic digital space has been recalibrated into a highly controlled environment. Information is now filtered to ensure ideological uniformity, turning the Chinese internet into a digital archive defined as much by what has been deleted as by what remains.
A user being banned for "posting harmful political information." It lists the restrictions: no posting, no commenting, and no liking.
This account is no longer available due to a violation of relevant laws and regulations
The hashtag #gay is blocked from display on Weibo.
Account restricted on Douyin: Following is disabled and all posts have been wiped due to a violation of social ethics and public decency
Research: The Architecture of Mediated Expression
This project began with the observation of how digital expression has changed over the past decade, shifting from simple deletion into a sophisticated, automated system. The core logic of this environment, as identified by scholar Gary King, is to neutralize the potential for collective action. Rather than just silencing individual critics, the system focuses on cutting the links between people to prevent small sparks from forming a fire.
In the study of how information is managed, researcher Margaret E. Roberts identifies three primary mechanisms: Fear, Flooding, and Friction. While Fear uses the threat of punishment to silence dissent, and Flooding involves drowning out real voices with a massive influx of distraction, Friction acts by making information strategically difficult or exhausting to access. Instead of a total blackout, the system makes certain truths just annoying enough to find. It relies on a natural human tendency to avoid hassle; when information is buried under enough hurdles, most users give up.
Alongside these methods, "Algorithmic Throttling" exists as another evolving form of control. It does not necessarily remove content; instead, it uses algorithms to lower the "visibility" of specific posts. A post remains on an author's page, but the system ensures it never enters anyone else’s feed. This creates a state where a voice exists but never reaches an audience, effectively turning the expression into an isolated island.
Ultimately, this entire system—comprised of algorithmic throttling and sensitive word filtering—reshapes how people behave. This shift occurs long before anyone actually speaks: realizing that certain terms or topics will lead to being suppressed or hidden, people begin to preemptively alter their own language just to stay visible. This persistent, hidden architecture does more than filter information; it reshapes a generation’s patterns of thought.
Concept
The work constructs a silent cosmos composed of digital communication fragments. Words drift through the void as familiar text boxes, mimicking our daily visual experience of exchanging thoughts and emotions on social media. Yet, within this space, due to an invisible intervention, genuine information often fails to reach its destination; every expression becomes a silent, drifting island in space.
Whenever a word triggers censorship, it transforms into a delicate peony—the national flower of China. I use the peony’s soft and ornate qualities to symbolize the gentle, almost decorative nature of suppression within the censorship system. This visual "softening" alleviates the tension of erased language, creating a seemingly harmless atmosphere that quietly encourages the public to adapt to this absence.
However, the beauty of the flower also points to a profound paradox: the more something is covered, the more it sparks the urge to peer inside. I designed a key interaction—the "Hover": only when the viewer’s cursor moves close to and lingers over a flower do the original erased word and the specific reason for its censorship quietly reveal themselves. This act transforms the viewer from a passive recipient into an active discloser. It demonstrates that the more a system attempts to hide and mask itself, the more visible its traces become through the very process of discovery. This tug-of-war between "concealment" and "revelation" is the most authentic and tense reflection of our contemporary communication environment.
Technical Implementation
This project is built on p5.js using a Dual-Canvas Architecture. The main canvas handles text card rendering, floating physics, and drag-and-drop logic, while the effect canvas runs independently in Instance Mode to manage generative floral visuals. The two canvases are synchronized via a custom event system; as users move a card, the overlaying flower is precisely redrawn based on coordinate offsets. This separation ensures high-frequency visual animations remain fluid without compromising the responsiveness of basic text interactions.
For text processing, the system implements a matching algorithm based on character position mapping. To handle complex phrase identification, the algorithm adopts a "Longest Match First" approach, ensuring long phrases are matched before their constituent words. The system utilizes regular expressions for word boundary detection and incorporates an overlap-checking mechanism. Once a match is identified, the system calculates its exact pixel coordinates and bounding box, passing this data to the graphics engine to determine the origin and scale of the floral generation.
The floral effects are generated using Perlin Noise and dynamic drawing techniques. The visual system consists of three layers: watercolor-style blobs, radial rays, and glowing points. The ray system employs easing functions for growth animations and calculates the real-time distance between the cursor and the ray tips. When the mouse approaches, an attraction vector is applied to create a physical deflection. Finally, the interaction system triggers tooltips via Hover listeners. These tooltips are rendered with CSS backdrop filters and intelligently adjust their positioning based on mouse coordinates and screen boundaries to ensure complete visibility.