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.

Group 2_Teamwork_Group Meeting about Project Update

The content of this blog consists of the work of  Rudan, Jin, Yuan and Jaela.

According to Philly's and Jules's feedback on our presentation and exhibition at ECA Main Building E15A on April 19, I noted them and some corresponding ideas and held a meeting with my team members.

Feedback Record:

From Jules:

The sound generated by Maxmsp is an active feedback process. The waves can travel across the water’s surface and hit the other end, and then it started to come back again.

  1. The sound is expected to be louder to avoid being broken up. The speaker is not big enough to produce the high frequency and create the vibration. Also, the interaction way of clapping or other ways to make noise is not un-stopping. Try to actively use feedback to make it stable.
  2. Refer to the Chandni pattern.
  3. Create sound or fans to create ripples on the surface,  and also make the strings move.
  4. Animate the videos, make the character moving from one screen to the other. The person can walk around, disappear and so on. Merge these three screens.
  5. The music feels like a sci fi music rather than a positive, pleasant atmosphere. Add a bit variety.

 

From Philly:

  1. Working in a slightly bigger space that was more nevigable, allowing the audiences to walk around. Present this piece as a more walkable and immersive installation.
  2. Place objects or interacive elements within the space.
  3. The video materials did not effectively communicate the themes of the piece. Create significantly more variety and use some more abstract imagery.
  4. The touch designer aspect needs some more variation.
  5. More proposed theme in video content, music evolution or visual evolution.

I summarized the feedback and categorized them into several parts given by Jules and Philly, and organized a meeting on April 19 to discuss the update plan.

I found some references as follow:

After the meeting, we decided to make some improvements as follow:

  • Yuan will generate more peaceful and pleasant sound pieces through GarageBand and other softwares.
  • Jin will keep working on the digital ripple with Touch Designer, and generate a new interactive way for the audience, which is a water painter effect followed by gesture interaction based on Kinect camera and feedback function. In addition, Jin is going to prepare the manuscript and voice over for final video.
  • Rudan prepared the new material, refined the video of the characters walking around, and edited the final video.
  • Jaela is going to prepare the video editing and video recording.

Reference

Abstract speech visualisation – touchdesigner tutorial 45 (2021) YouTube. YouTube. Available at: https://www.youtube.com/watch?v=1FgJ842dyr4 (Accessed: April 27, 2023).

Touchdesigner Tutorial edge feedback (2021) YouTube. YouTube. Available at: https://www.youtube.com/watch?v=hve2UbKgJ9s (Accessed: April 27, 2023).

Group 1 – Preparation & Presentation

Preparation

In the days leading up to our highly anticipated presentation, our team faced a distinctive challenge: the creation of a tablet stand in the form of a tree. This particular design held significant importance, as it represented the underlying principles and themes of our project.

Working meticulously we ensured that the tree-shaped tablet stand was not only structurally stable but also visually additive to our project’s core values.

Upon completion of the tablet stand, our focus shifted to the essential stage of preparing the presentation venue. The day prior to the event, we convened in room CC02 to conduct a comprehensive assessment of the equipment and facilities. Our objective was to create an optimal setting that would facilitate a professional, academically rigorous presentation that would engage audience.

During this process, we tested out aspects of the room setup, including the audio system, visual displays, or interactive elements. We devoted considerable attention to ensuring that every detail was adjusted as needed, aiming to provide a seamless experience for our audience.

Presentation

One of the key components of our exhibition was a series of video sequences, which demonstrated the potential evolution of various plant species in the future, utilizing advanced artificial intelligence algorithms. These fascinating visuals offered a unique glimpse into how plants might adapt and grow over time, considering current environmental and biological factors.

To make the experience more engaging and immersive for our audience, we created a user-friendly control panel with a range of settings that allowed attendees to personalize the visual display of the plants’ evolutionary journey. This interactive feature encouraged viewers to dive deeper into the subject matter, sparking their curiosity and fostering a better understanding of the complexities involved.

The control panel included several adjustable settings such as speed, hue, rotation, brightness, gamma, and contrast. These options enabled users to tweak the video sequences to their liking, resulting in a customized viewing experience. For example, adjusting the speed allowed attendees to control the rate at which the plants evolved on screen, while changes to the hue, brightness, and contrast offered various visual interpretations of the plants’ evolutionary paths.

Feedback and possible improvements

After presenting our project and receiving feedback, we’ve taken the time to reflect on the key areas where we can improve. As we move forward, we’d like to address these points to create a more cohesive, engaging, and immersive experience for our audience:

  • Create a more cohesive experience by connecting the different components and presenting them as a single experience. This can be achieved through better signposting, creating a narrative, or showing more intention in the presentation.
  • Focus on conveying a clear message about your chosen theme and make sure that all components contribute to this message.
  • Enhance the AI video and Max/MSP musical portion by introducing interactivity between the two, creating a more immersive audio experience.
  • Improve the Max/MSP musical patch by adding more variation, timbral and dynamic range, and possibly interactivity.
  • Enhance the Leap Motion/Looking Glass piece by connecting it to the Max patch and creating a more interactive sonic component.
  • Tie all components into the same sonic landscape to create a unified experience.
  • Improve user experience by refining or signposting interactive gestures and ensuring the piece can speak for itself without requiring explanation.
  • Solve issues with the iPads and TV screen components

Layout & Adjustment

Jin booked many rooms at ECA and Evolution House to test the effects. For example, ECA C02, E15A, E15B, B55. Considering the shadows, and the effect of room size on sound and projection, we finally chose E15A as our final exhibition room. And three projectors were used. Sound to complete our final project. Starting to tune the software and change the details. Adjusting the order of the music in Max, etc. I created three clips, and after many tests, we chose to composite one for playback.

We started making the water tank, cutting the PVC sheets and glueing them with a glue gun, making the water tank, cutting the PVC sheet and glueing the PVC sheet with a glue gun and placing the water tank. We needed to shine the water tank at a 45-degree angle downwards and raise the tank. We wanted the tank to wobble slightly to add more water ripples, so we decided to hang hooks from the ceiling and the corners and use four wires to lift the tank. We then tested the height of the tank to see if it could support the lights, the speed of the drip unit, as well as the weight of the tank. Finally, we fixed the drip unit to the tank.


Sound test, adjusting the speaker position. As our room was small, I used a Bluetooth stereo and adjusted the position of the sound several times to hear where the sound was being produced. Then fit the water tank so that the amplitude affects the music. Different ripples are produced. Images are created not only by the vibrations and intensity of the music but also by the microphone radio, which changes according to the sounds made by the audience. The whole experience is fun as the audience shouts, jumps, snaps their fingers, claps, sings and otherwise interacts in ways that add to the variation of the images. The audience can stand in the room and interact by creating sounds, including singing, clapping and stamping their feet, and observing the corresponding changes created by the digital ripples. Front Life and Side Life are created by shooting two videos with the same content but at different angles, which are processed by MAX and then received through the camera as content-filled in-projected content. This video shows a slice of a person’s life, from walking alone, standing up after being provoked, falling, getting frustrated, being helped by a stranger, and having a friend to spend time with ……

As the room walls were rather messy, we hung curtains on the walls to ensure that the projection would be clean. We wound various coloured threads, and these twisted coloured lines represent the outside world’s influence on people. They are like various rules and potentially profound impressions that bind us and will always be projected at some point in our lives. At the same time, we have laid tinfoil underneath the water tank. We wanted to create a richer light and visual effect through its reflective effect. We are adjusting the angle of the light to test the water wave effect. Adjust the position of the computer so that Max recognises the projected image in real-time. Interpreting the images on the three walls

The water ripples consist of three projected walls and a device. The three projection walls are the projection of the inner world, the front and side views of life. The projection of the inner world is a sound visualisation created by the feedback function of TouchDesigner, which is based on the audio received by the microphone and the visual audio received by MAX generated by MAX, which shows the corresponding sound frequencies and intensities by the shape of the ripples.

 

 

Group 2_Teamwork_Presentation 1

The content of this blog consists of the work of  Rudan, Jin, Yuan and Jaela.

Preparation

Selection of rooms and booking of equipment:

Jin booked some rooms in ECA and evolution house to test the effect. For example, ECA C02, E15A, E15B, B55, Photography Studio G09 (Evolution House) and so on. Taking into account factors such as shading, the effect of room size on sound, projection and so on, we finally chose E15A as our final exhibition room.
In the meantime, we hired and tested some projectors. We wanted the image to fill the whole wall, so we used a short throw projector for the main image.

Step 1:

Debug the software and change the details. For example, the intensity in Touch Designer is connected to the visual audio cable, the order of the music in Max is adjusted, etc.

Step 2:

Make the water tank, cut the PVC sheets and glue the PVC sheets with a glue gun.

Step 3:

Place the water tank. As we needed to light the tank at a 45 degree angle downwards, we needed to elevate the tank. We wanted the tank to wobble slightly to add more water wave pattern, so we decided to attach hooks to the ceiling and to the corners of the tank, using four wires to suspend the tank. We then tested the height of the tank to see if it could support the light, and the speed of the drip unit, and the weighing of the tank. Finally, we fixed the drip unit to the tank.

Step 4:

Test the projection and adjust the projection position. Our project consisted of three projection walls. In our original plan, there were four sections to be projected, so Jin used madmapper to achieve a split screen and to solve the problem of distortion in the angled projection. However, we ended up eliminating a duplicate screen. As TD can hide components after zooming in, the software border is still present and affects the final visual effect. So we still intend to use Madmapper to solve this problem. Finally, we used syphonspoutout TOP to solve the connection problem between madmapper and touch designer.

Step 5:

As the walls in the room were rather messy, we hung curtains on the walls to ensure that the projection would be effective, making the walls clean. We wound various coloured threads, and these twisted colourful threads represent the influence of the outside world on people. They are like the various rules and potential deep impressions that bind us and will always be projected on our lives at some point.
At the same time, we have laid tinfoil underneath the water tank. We hope to create a richer light and visual effect through its reflective effect.

Step 6:

Adjust the angle of the light and test the water wave effect.

Step 7:

Adjust the position of the computer so that Max recognises the projected image in real time.

Final display effect:

Interpretation of the images on the three walls (software used):
Aqual Ripple consists of three projection walls and an installation. The three projection walls are: projection of the inner world, life from the front perspective and life from the side perspective.
The projection of the inner world is a sound visualisation created by the feedback function of TouchDesigner, which is based on audio generated by the microphone received by microphone and audio generated by MAX received by Visual Audio The audio generated by MAX received by Cable shows the corresponding frequency of sound and intensity through the shape of ripple.
The audience can stand in the room and interact by creating sounds, including singing, clapping, stomping, etc., and observing the corresponding changes produced by the digital ripple.
Front Life and Side Life are created by shooting two videos with the same content but at different angles, which are processed by MAX and received through the camera as content-filled inner projection content. The footage shows a fragment of a person’s life, from walking alone, rising up after being provoked, falling down, getting frustrated, being helped by a stranger, having a friend who spends time together…
The protagonist of the frontal life has a heart-shaped mask, and projections of the inner world are filled in as content in real time via the madmapper. Meanwhile, the entire character of the side life acts as a mask presenting a more pronounced inner world.

Show experience

The images are not only created by the vibrations and intensity of the music, but also by the microphone radios that change according to the sounds made by the audience. The whole experience is fun as the audience shouts, jumps, snaps their fingers, claps, sings and other interactive ways to make the images change even more.

Group 2_Presentation 1

Preparation

Selection of rooms and booking of equipment:

Jin booked some rooms in ECA and evolution house to test the effect. For example, ECA C02, E15A, E15B, B55, Photography Studio G09 (Evolution House) and so on. Taking into account factors such as shading, the effect of room size on sound, projection and so on, we finally chose E15A as our final exhibition room.
In the meantime, we hired and tested some projectors. We wanted the image to fill the whole wall, so we used a short throw projector for the main image.

Step 1:

Debug the software and change the details. For example, the intensity in Touch Designer is connected to the visual audio cable, the order of the music in Max is adjusted, etc.

Step 2:

Make the water tank, cut the PVC sheets and glue the PVC sheets with a glue gun.

Step 3:

Place the water tank. As we needed to light the tank at a 45 degree angle downwards, we needed to elevate the tank. We wanted the tank to wobble slightly to add more water wave pattern, so we decided to attach hooks to the ceiling and to the corners of the tank, using four wires to suspend the tank. We then tested the height of the tank to see if it could support the light, and the speed of the drip unit, and the weighing of the tank. Finally, we fixed the drip unit to the tank.

Step 4:

Test the projection and adjust the projection position. Our project consisted of three projection walls. In our original plan, there were four sections to be projected, so Jin used madmapper to achieve a split screen and to solve the problem of distortion in the angled projection. However, we ended up eliminating a duplicate screen. As TD can hide components after zooming in, the software border is still present and affects the final visual effect. So we still intend to use Madmapper to solve this problem. Finally, we used syphonspoutout TOP to solve the connection problem between madmapper and touch designer.

Step 5:

As the walls in the room were rather messy, we hung curtains on the walls to ensure that the projection would be effective, making the walls clean. We wound various coloured threads, and these twisted colourful threads represent the influence of the outside world on people. They are like the various rules and potential deep impressions that bind us and will always be projected on our lives at some point.
At the same time, we have laid tinfoil underneath the water tank. We hope to create a richer light and visual effect through its reflective effect.

Step 6:

Adjust the angle of the light and test the water wave effect.

Step 7:

Adjust the position of the computer so that Max recognises the projected image in real time.

Final display effect:

Interpretation of the images on the three walls (software used):
Aqual Ripple consists of three projection walls and an installation. The three projection walls are: projection of the inner world, life from the front perspective and life from the side perspective.
The projection of the inner world is a sound visualisation created by the feedback function of TouchDesigner, which is based on audio generated by the microphone received by microphone and audio generated by MAX received by Visual Audio The audio generated by MAX received by Cable shows the corresponding frequency of sound and intensity through the shape of ripple.
The audience can stand in the room and interact by creating sounds, including singing, clapping, stomping, etc., and observing the corresponding changes produced by the digital ripple.
Front Life and Side Life are created by shooting two videos with the same content but at different angles, which are processed by MAX and received through the camera as content-filled inner projection content. The footage shows a fragment of a person’s life, from walking alone, rising up after being provoked, falling down, getting frustrated, being helped by a stranger, having a friend who spends time together…
The protagonist of the frontal life has a heart-shaped mask, and projections of the inner world are filled in as content in real time via the madmapper. Meanwhile, the entire character of the side life acts as a mask presenting a more pronounced inner world.

Show experience

The images are not only created by the vibrations and intensity of the music, but also by the microphone radios that change according to the sounds made by the audience. The whole experience is fun as the audience shouts, jumps, snaps their fingers, claps, sings and other interactive ways to make the images change even more.

Group 2_Teamwork_Poster

The content of this blog consists of the work of  Rudan and Jaela.

Rudan was responsible for the layout and visualisation of the poster, and Jaela for the drawing of the main character.

Rudan

The background image for the poster is from my friend Yiru, who gave it to me a few years ago.

I used a cut-out template to superimpose the background on the figures, the base colour of the figures in the top right corner is from the visual effect we created in Touch Designer; the base colour of the figures in the bottom left corner is from the build-up of different paints.

Regarding the design of the title. On the one hand I have cut the typeface and added some linear elements to make the title more abstract and add interest; on the other hand, the linear elements echo the water ripples and the lines representing the sensitive heart in our design concept. The liquefied black bar under the title, which I created using the liquefaction function in PS, softens the image while echoing the flow of the water.

Jaela

I abstracted the figures and drew the main figure in the line.

Reference

Hudson, D. (2019) Vibrant watercolour ink abstract background stock illustration – illustration of expressive, graphic: 163090094, Dreamstime. Available at: https://www.dreamstime.com/vibrant-watercolour-ink-abstract-background-digitally-created-watercolor-swirl-wash-texture-image163090094 (Accessed: April 26, 2023).

Scenario testing

 

After these two weeks of constant adjustments and modifications, a version has now been formed. In terms of sound design, my initial idea was to make ambient music, but after testing it, I found that the sound was smooth and did not highlight the rhythm of the characters on screen。

屏幕录制2023-03-30 01.44.32

 

so I added sound effects to the design. I used four samples as the ambient background sound. I used four samples for the ambient soundtrack, which were some of the water and ambient sounds we recorded outside last week, and then three dotted tones, using footsteps and water drops to make a soundscape. Also to match the image you need to take into account the rhythm, beat, pitch, timbre, mood and theme.

Reflection:
Controlling tones with Max is extremely easy and simple. In MIDI music, the object “pgmout” sends the MIDI message
In MIDI music, the object “pgmout” sends the tone number in the MIDI message to the corresponding MIDI device for the purpose of changing the MIDI tone. In the case of audio samples and specific music
The large number of MSP objects included in Max makes it easy and efficient to perform ADSR envelope plotting, spectral content, and other functions on sound samples or real-time audio.
envelope plotting, spectral content adjustment, fast Fourier transforms, filtering, variable speed, playback, transposition, etc. to
The aim is to change the timbre of the audio.

In our work, we show three sections of people walking, running and galloping to map the inner musical combination of the characters. Considering tha the movement of the person walking, running and galloping has a certain rhythm to it, matching the footsteps of the walk to the rhythm of the drums. Ambient sound effects are used to enhance the music. More relevant to the theme.

Combine Touch Designer’s audio visualization with the device’s water ripple:

In our tests we used the Touch Designer’s to pick up the audio from the max to make the water drops change. To create an effect that matches the rhythm and intensity of the audio.

 

TRANSLATE with x

var LanguageMenu; var LanguageMenu_keys=[“ar”,”bg”,”ca”,”zh-CHS”,”zh-CHT”,”cs”,”da”,”nl”,”en”,”et”,”fi”,”fr”,”de”,”el”,”ht”,”he”,”hi”,”mww”,”hu”,”id”,”it”,”ja”,”tlh”,”ko”,”lv”,”lt”,”ms”,”mt”,”no”,”fa”,”pl”,”pt”,”ro”,”ru”,”sk”,”sl”,”es”,”sv”,”th”,”tr”,”uk”,”ur”,”vi”,”cy”]; var LanguageMenu_values=[“Arabic”,”Bulgarian”,”Catalan”,”Chinese Simplified”,”Chinese Traditional”,”Czech”,”Danish”,”Dutch”,”English”,”Estonian”,”Finnish”,”French”,”German”,”Greek”,”Haitian Creole”,”Hebrew”,”Hindi”,”Hmong Daw”,”Hungarian”,”Indonesian”,”Italian”,”Japanese”,”Klingon”,”Korean”,”Latvian”,”Lithuanian”,”Malay”,”Maltese”,”Norwegian”,”Persian”,”Polish”,”Portuguese”,”Romanian”,”Russian”,”Slovak”,”Slovenian”,”Spanish”,”Swedish”,”Thai”,”Turkish”,”Ukrainian”,”Urdu”,”Vietnamese”,”Welsh”]; var LanguageMenu_callback=function(){ }; var LanguageMenu_popupid=’__LanguageMenu_popup’;

TRANSLATE with
COPY THE URL BELOW
Back

EMBED THE SNIPPET BELOW IN YOUR SITE
Enable collaborative features and customize widget: Bing Webmaster Portal

var intervalId = setInterval(function () { if (MtPopUpList) { LanguageMenu = new MtPopUpList(); var langMenu = document.getElementById(LanguageMenu_popupid); var origLangDiv = document.createElement(“div”); origLangDiv.id = “OriginalLanguageDiv”; origLangDiv.innerHTML = “ORIGINAL: “; langMenu.appendChild(origLangDiv); LanguageMenu.Init(‘LanguageMenu’, LanguageMenu_keys, LanguageMenu_values, LanguageMenu_callback, LanguageMenu_popupid); window[“LanguageMenu”] = LanguageMenu; clearInterval(intervalId); } }, 1);

Group 2_Material Preparation 2

At the end of the test, we felt we needed to acquire some new props as well as update some of them to achieve better visual effects.

Water Tank

The size of the previous tank was too small, resulting in a black edge on the wall caused by the edge of the tank blocking the light when the water ripples were projected on the wall. Therefore, I decided to replace the water tank with an a3 size.

I purchased a 2mm thick sheet of 420 mm*297 mm clear PVC on eBay to make the bottom of the tank, and two 1mm thick sheets of 420 mm*297 mm clear PVC to make the four sides of the tank. I then cut these clear PVC sheets with a hobby knife, as well as using a glue gun to glue the five cut PVC sheets to make a sealed clear water tank.

Fortunately, the a3 size tank was just right for our needs. And the ripples in this tank project nicely on the wall.

Line

Considering that we wanted to show the complexity of emotions within people, I decided to use some thread to decorate the room for the exhibition. I purchased some fine sewing thread for hanging the water tank up, as it is only when the tank is at a certain height that the light can cast ripples through it onto the walls. I then brought out some of my hand-knitting threads in different colours, which intertwine in the room to create a better visual effect.

Bells

The bells can be used as a way for a person to interact with the device. The bells are attached to a wire and when a person touches the wire, the bells make sounds. These sounds can be blended perfectly with ambient sounds and can give the audience a sense of touch. In other words, the taut wire symbolises the sensitivity of the human heart, which is affected by the touch of others.

 

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