Any views expressed within media held on this service are those of the contributors, should not be taken as approved or endorsed by the University, and do not necessarily reflect the views of the University in respect of any particular issue.

Refining the 5-5 Breathing Background Visuals

After the last class, I focused on improving the background visuals for our 5-5 breathing guide, addressing feedback from earlier critiques. The previous version had two main issues:
1. After its recent adjustments, the visuals didn’t fully align with the dynamic sphere animation.
2. The repetitive patterns felt monotonous over time.

To solve this, I revisited the original particle effect style but expanded its variety. I created eight distinct 5-second animations, each with unique motion paths—some resembling slow upward drifts, others mimicking gentle pulses or radial expansions. By stitching these clips into a seamless loop, the background now feels dynamic and non-repetitive, subtly shifting to keep viewers engaged without distracting from the central breathing guide. I also fine-tuned the color palette and blending modes to better harmonize with the main dynamic sphere.

The updated background not only complements the breathing rhythm but also adds depth to the installation’s atmosphere. Next, I’ll test the visuals with real-time breathing data to ensure the transitions feel intuitive and calming.

TouchDesigner Visual Update

In this test, I explored using microphone input to drive real-time visual changes. While the initial interaction worked, I believe the main visuals could be more expressive and exaggerated. For example, the mic input could control a wider range of parameters — such as diffusion, distortion, brightness, and more dramatic rotations — to create a more immersive, reactive effect. I’m open to experimenting with any visual responses that feel dynamic and playful.

Additionally, when I’m not blowing into the mic, the visual decay happens a bit too fast. Slowing down the rate of change when idle could help maintain a smoother and more organic visual flow.

Test Video in TouchDesigner

Updated video

TouchDesigner Visual Update – Version 2

In this iteration, I moved away from the original circular visual form and transitioned to a more organic, irregular shape. This change allowed the visual to feel more fluid and less constrained, resembling something between flowing matter and an energetic field.

Additional enhancements include:

  • Increased Mic Interactivity: The microphone input now drives multiple parameters simultaneously, including diffusion intensity, mesh distortion, brightness shifts, and rotation amplitude. These changes respond more dramatically to volume spikes, making the interaction more expressive.

  • Particle Responsiveness: The internal texture now breaks apart and swirls with more visible turbulence, suggesting a kind of sonic turbulence.

  • Visual Decay Tweaks: The decay time when there’s no input has been lengthened, allowing the form to fade out more gracefully rather than collapsing too fast.

  • Color Feedback: There is subtle hue shifting based on sound amplitude, helping the piece feel alive and emotionally responsive.

Exhibition display material design

Text Content: Xinyi Qian

Layout design:Can Huang

Pictures design: Xinyi Qian & Can Huang

Project Introduction Card

Green-Spring -Calms

Red-Autumn-Intergration

Blue—Water & Sea-Freshness

Yellow-Autumn-Vigour

White-Winter-Penetrating

Picture design process, using Touchdesigner, using five different color to link the feeling of breathing

Another  draft testing

logo design

The graphic is designed by combining water, petals, and Tai Chi Bagua Formation

Poster design

Booklet design

The brochure is designed to be displayed front and back, with the front echoing the poster design and the back reflecting the experience flow of our program.

Team Workshop2: Installation

We held another workshop this Friday to push our installation closer to completion. Building on last week’s progress, we focused on refining the plastic flowers, solving resin challenges, and assembling the final structure.

We started by creating nearly 10 plastic flowers, cutting and melting bottles into petals with practiced efficiency, and then gluing them together. Everyone works well together to form an assembly line of plastic flowers.

The real breakthrough came with the resin lungs. After struggling with the heat gun last week, we tried a simpler method: boiling resin in a pot of water. The resin softened quickly in the bubbling water, making it easier to shape—though handling the hot material required careful gloves and teamwork!

We molded four lung-like forms and attached them to the wire branches Xinyi had made earlier. To blend the industrial look of the iron wire, we coated the branches with a thin layer of resin, hiding the metal beneath a smooth, organic texture.

Finally, we glued the plastic flowers to the resin-coated branches, weaving the elements together into a cohesive shape. Petals, translucent lungs, and wire branches hint at the interplay of breath and form.

2nd Intergration & Trouble Shooting

Overview: Successfully connected TouchDesigner and Max, and optimized visual parameters in TouchDesigner.

Dates of Development | March 26, 2025

Process Group | Xinyi Qian, Ashley Loera,Hefan Zhang

 

Part 1:

Ashley and I went to Alison House this afternoon to meet with Philly. While Ashley consulted Philly about audio processing issues in Max, I prepared for the connection test. After resolving her problem, we successfully connected Max and TD.

However, when I later returned to test the setup with the DPA microphone, I encountered a new issue: the airflow was too concentrated, resulting in a harsh, noisy sound. Ashley is currently working on refining this by adjusting the audio input processing to reduce the rough airflow noise.


Part 2:
In parallel, Hefan optimized the visuals in TD based on feedback from Philly and Jules, adding richer and more detailed effects. I conducted breathing tests with the new visuals and collaborated with Hefan to debug and refine the following aspects:

  1. Math Mapping: We adjusted the mapping so that the airflow data captured by the microphone results in smoother and more continuous visual transitions.

  1. Color Saturation & Noise: The previous version of the visuals was overly saturated. We adjusted the Levels and Noise parameters to create a more subtle, natural effect.

 

Team Workshop: Installation

On 21/3/2025, last Friday, our team held a workshop to begin constructing the interactive breathing installation. Here’s our progress and creative problem-solving.

1. Plastic Flowers
Can, Ruolin and Ashley heated manipulation transformed rigid plastic into surprisingly lifelike flora. They cut bottles into large sheets, then into petal-sized pieces. Then they carefully melted the plastic with heat to curl the edges into organic petal and stamen shapes. Finally the pieces into delicate, sculptural flowers.

I filmed the process in a short stop-motion video.

2. Resin Lungs

Li tried to make lung shapes out of resin. She softened the resin with hot water and a heat gun to mold its organic shape. But it was tricky because the resin hardened too fast, making detailed sculpting difficult, and our heat gun stopped working. We ended up with some interesting resin pieces we might still use.

3. Wire Branches

Xinyi Bent and twisted iron wire into branching stems based on 3D model references. She added small lights at the bottom that will glow in the final installation, suggesting the vital energy of breath moving through a system.

4. Documentation & Support

My role included photographing, and videoing the process while assisting wherever needed – whether helping adjust a stubborn petal shape, preparing materials, or troubleshooting our equipment challenges. The photographs I took capture not just our progress but the collaborative spirit of the day, where every challenge was met with inventive problem-solving.

We haven’t finished everything yet, but we made good progress. Next week we’ll complete the lungs, put all the parts together, and connect them to our digital system. I’m excited to see how it will all come together!

Interview Summary

Interviewee introduction:

On March 14, I interviewed Marvin, a friend of mine who took a meditation class with me in China and is now studying in Edinburgh. Here are highlights from our interview.

Key Themes:
Breath Awareness: Easier to notice breathing during meditation; the pandemic has had no impact on the Marvin’s breathing habits.

Breath & Emotion: Breathing patterns are closely related to emotions—steady breathing represents calmness, while rapid breathing occurs during stress or exercise.

Physical Sensation of Breathing: Deep breathing expands the chest cavity and makes airflow feel tighter, while shallow breathing is the natural state.

Visualization of Breathing: Feels like fog, with resistance, containing tiny airborne particles like dust and floral scents.

Color & Relaxation: White and green create a sense of relaxation, while black and neon colors induce tension.

Sound & Breathing: Environmental sounds can influence breathing rhythms, such as calming bookstore music versus fast-paced tracks that create tension.

Sound of Breathing: Preference for gentle music, such as vinyl records and blues.

Design Directions:
Visual Representation
Breathing pattern: Respondents compared breathing to ‘fog’, with fluidity and slight resistance, may use particle animation ,  cloud effect  performance, we can use soft colors such as the white, the blue , and use gradient light effects to make the change of breathing more intuitive.

Sound Design
Use ambient sounds, low-frequency resonances, soft rhythms to stabilize breathing, and soft white noise or nature sounds to enhance immersion

Interaction Experience
Breathing Visualization Feedback: As the user adjusts their breathing, the on-screen breath visualization could become clearer or more diffuse.

Workshop about the installation

Date: 21/03/2025
Venue: Common room of the student residence opposite to ECA.

I would like to record this workshop from my personal point of view.


I prepared a lot of plastic bottles as the main material for this activity.
I broke them into pieces


Through high temperature, they are combined into beautiful shapes.


I was mainly responsible for breaking down the plastic bottles and molding them at high temperature.

 Designing Background Music to Align with Visuals and Interview Content

To align with the conceptual and visual representation of the 5-5 breathing pattern, I re-edited and re-arranged certain percussive elements in the meditation music. At the beginning of the piece, I selected bell sounds and their playback as auditory cues to guide the audience’s breathing rhythm—five seconds of inhalation followed by five seconds of exhalation. These bell sounds were precisely edited into 5-second cycles, creating a consistent temporal structure that reinforces the meditative atmosphere and synchronizes effectively with the visual rhythm.

Based on responses gathered through audience interviews, “ocean waves” emerged as one of the most frequently mentioned associative keywords. Responding to this finding, I gradually introduced sand shaker sounds—chosen for their resemblance to the sound of waves—after the listener’s breathing had stabilized. These too were edited into 5-second loops, maintaining the established breathing rhythm while enriching the auditory texture with a natural, flowing quality. This transition from bells to sand shakers provided both variation and a deeper connection to imagery associated with calmness and nature.

This rhythmic editing strategy not only resolved the issue of mismatched audio-visual timing but also supported the immersive quality of the experience. By structuring sound in accordance with a fixed breathing tempo, the composition facilitates a meditative state rooted in repetition, stability, and fluidity, thereby enhancing the listener’s ability to enter a focused and relaxed mental state.

Progress on Designing a Visual Guide for 5-5 Breathing

Following my previous exploration of visual designs for the 5-5 breathing guide, I’ve continued experimenting with new ideas to create an animation that complements the central dynamic sphere without causing visual conflict.

This time, I tried creating an animation in After Effects using blue particle lines that grow upward, then fall and dissipate. The idea was to simulate a natural, flowing motion that aligns with the rhythm of breathing:

Inhale (5 seconds): The particles grow upward, symbolizing the intake of breath.
Exhale (5 seconds): The particles fall and dissipate, representing the release of breath.

After sharing the animation with the team, we identified a issue:

Problem: The falling motion of the particles wasn’t prominent enough, making it difficult to distinguish between the inhale and exhale phases.

Solution: I’m currently working on enhancing the falling effect by: Increasing the speed and visibility of the particles as they fall. Adjusting the timing to ensure the transition between growth and fall is smooth yet noticeable.

css.php

Report this page

To report inappropriate content on this page, please use the form below. Upon receiving your report, we will be in touch as per the Take Down Policy of the service.

Please note that personal data collected through this form is used and stored for the purposes of processing this report and communication with you.

If you are unable to report a concern about content via this form please contact the Service Owner.

Please enter an email address you wish to be contacted on. Please describe the unacceptable content in sufficient detail to allow us to locate it, and why you consider it to be unacceptable.
By submitting this report, you accept that it is accurate and that fraudulent or nuisance complaints may result in action by the University.

  Cancel