top of page
Brief

Echo Explorer

Brief Of Project Concept

What it is?

VR Echo Explorer is an immersive experience where the user relies on their voice to see and progress through the world.

Our experience allows users to familiarize themselves with their voice by first hearing echoes of notes then repeating back the correct note to illuminate the world around them.

Who is it for & Why VR?

VR immerses the user in an environment that allows them to focus on their voice and familiarize themselves with musical notes they hear and produce through singing.

  • For both beginners and advanced singers

  • Visual vocal feedback - visualize your singing

  • Warm ups can be repetitive

  • Calm but visually stimulating environment

  • Less pressure to perform

My Voice

My voice:

This is my first VR to co-operate with others. I decided to play the role of the Interactive VFX Designer in this project.

Why?

Personally, I am obsessed with it because its color matches my character, and VFX data can be altered and interactive with any data. Personally, I think VFX animation is also adapted to the interactive dynamic visual effects of physical body movements.

With our group version, one of the biggest reasons I would like to be a VFX interactive designer is because of our topic. We chose it due to our concept is to use the value of height and volume of sounds to interact with the visualization of lightning. In general, this is when you sing, the VFX lighting turns on your road. It's a chill-out singing experience.

I highly recommended visual effects as one of our visualisations.

Personally, with collaborative version, I wish I could be a bridge between artists and programmers. I communicate with 3D modellers and environmental designers to determine our visual tone. In the meantime, I was trying to control the VFX data through programming. After many of my attempts, me and the programmer came up with the final doable and easy way. We combine audio and visual effects.
It is necessary to add that my members cannot be summarised by force as artists or programmers. We all have creative thinking and programming thinking at the same time, but each of us has a different direction of our owner.

 

 

The First Feature

The first feature

I borrowed some VFX from my past to test the basic interactive: Switched by  keyboard inputs :  0~9, ' A' and also I tested it in VR
Screen Shot 2023-05-02 at 23.16.38.png
Screen Shot 2023-05-02 at 23.30.06.png
Screen Shot 2023-05-02 at 23.30.14.png
Screen Shot 2023-05-02 at 23.30.20.png

Shader Graph Resetting Script

Screen Shot 2023-05-03 at 00.19.29.png

I gave it a reset function

Screen Shot 2023-05-02 at 23.35.41.png

As you seen, I made 3 defferent colours to work together.

Screen Shot 2023-05-03 at 01.01.19.png
Screen Shot 2023-05-03 at 00.59.31.png
Screen Shot 2023-05-03 at 00.59.25.png
Screen Shot 2023-05-03 at 01.08.59.png
Screen Shot 2023-05-03 at 00.59.41.png
Screen Shot 2023-05-03 at 00.59.11.png
First Mesh- based VFX

Test mesh- based VFX( Cube)

Screen Shot 2023-02-14 at 13.03.54.png
Screen Shot 2023-02-14 at 13.04.06.png
Screen Shot 2023-02-14 at 13.03.45.png
I tried 2 different ways to add mesh position in VFX, in case it couldn't work with more complicated mesh.
Screen Shot 2023-05-03 at 01.15.28.png
Point Cache
Screen Shot 2023-05-03 at 01.15.42.png
Position( Mesh)
First Test in VR
Code VFX

The Progress- Explore how to code VFX 

Reset VFX Scale to imitate the sound wave
Screen Shot 2023-05-03 at 00.19.20.png
Screen Shot 2023-05-02 at 23.58.29.png

I was not sure how to control VFX value. We wish to achieve VFX more like the sound wave.
I was suddenly inspired by resetting script of shader graph; I can also reset scale of VFX to make it like the sound wave. 
I update it to be a dynamic loop, not directly resetting like shader graph.
The visualization looked better, but it would be a question to interactive with sound value.

I

Code VFX Data

Just was exploring pure value

Screen Shot 2023-05-03 at 00.17.59.png
Screen Shot 2023-05-02 at 23.17.49.png

After succeeded in interactive with the pure value, I started to explore VFX Property, was trying to find more interactive possibilities in case we want more.

Screen Shot 2023-05-03 at 00.09.32.png

Add mesh now~

Welcome visitors to your site with a short, engaging introduction. 

Double click to edit and add your own text.

Test interactive with mesh- based VFX
with a free asset:

Screen Shot 2023-03-22 at 10.10.53.png
Public new float value
It was a dynamic interactive.
Screen Shot 2023-05-03 at 01.43.31.png
Public which value we control in VFX. Make sure: we want the ' range' or the ' default' .
Screen Shot 2023-05-03 at 01.59.52.png
Choose which value we control in properties.
Screen Shot 2023-05-03 at 01.43.12.png
Give it a script, generally I can say I achieved my original goal, I did interactive outputs, VFX value can be easily controlled by any input data now.
Screen Shot 2023-05-03 at 01.44.53.png

A reflection from Mark: the slider was not nesessary, later he added mathematic to interactive with sound inputs data.
標題 5
Redesign VFX

Started to work on 3d meshes
created by Rianna, Elin

Screen Shot 2023-05-03 at 02.20.15.png
Screen Shot 2023-05-03 at 02.20.52.png
Screen Shot 2023-05-03 at 02.19.39.png
Screen Shot 2023-05-03 at 02.22.58.png
Screen Shot 2023-05-03 at 02.23.18.png
Screen Shot 2023-05-03 at 02.23.36.png
Screen Shot 2023-05-03 at 02.23.41.png
Now I still can say I was totally dizzy at the moment; Everything developed well until we organized meshes and VFX together; Basically, some of meshes' position of pointCache was dark. It means I can't use the past progress to finish VFX based- on Mesh.

I suddenly realized I just met the biggest issue. We had no too much time any more. I couldn't figure out ' why', I found the reason in my version, but every artist's creative progress is different. Literally they might not have any error in ' their' progress. After a great communication, I made a decision as soon as possible: I learnt SDF VFX to move our process forward right now!

 

VFX demo

Additiona Feature

Here is an additional feature:
Voice Recognition

' Stop! Time!'

I designed this hopefully with the speech recognition: when you say  ' stop' , VFX can top! The animation was controlled by the value of which I know. Looking forward to develop it in the future.

It can be based on any mesh also.

Here are a couple of  additional features: 

I know we had to make sure our scene not too much crazy.

I will use them later.

I think the bridge VFX ( between the green one and blue one) could be able to become a guidance for users to tell them where they can go( Literially I applied this as soon as possible in my AR work;

I think if VFX( like the big pink one) started from a bigger mesh, stopped when it came to the mesh, it could light the surrounding , draw the attention of the audience and finally put it in the center.

We quickly agreed that we kept simple VFX because it was a bit too much in this case.  

I am grateful for the group collaboration because I can have time to explore the frantic edge after developing basic arts and programming.

​Happy that I was working on several projects at the same time.

Screen Shot 2023-05-03 at 03.58.11.png
VFX Sample
Screen Shot 2023-05-03 at 03.22.29.png
Screen Shot 2023-05-03 at 03.21.12.png
Screen Shot 2023-05-03 at 03.43_edited.j
Screen Shot 2023-03-28 at 00.57.08.png
Screen Shot 2023-05-03 at 03.22.42.png
Screen Shot 2023-05-03 at 03.23.06.png
Screen Shot 2023-05-03 at 03.42.21.png
Screen Shot 2023-05-03 at 03.24.41.png
Screen Shot 2023-05-03 at 03.24.55.png
Screen Shot 2023-05-03 at 03.55.16.png
Screen Shot 2023-05-03 at 03.55.29.png
Screen Shot 2023-05-03 at 03.26.28.png
Screen Shot 2023-05-03 at 03.26.39.png
Screen Shot 2023-05-03 at 03.26.58.png
Screen Shot 2023-05-03 at 03.27.47.png
Screen Shot 2023-03-27 at 20.46.33.png
Screen Shot 2023-05-03 at 03.42.47.png
Screen Shot 2023-05-03 at 03.28.09.png
Screen Shot 2023-05-03 at 03.37.06.png
Screen Shot 2023-05-03 at 03.28.29.png
Screen Shot 2023-05-03 at 03.42.42.png
Screen Shot 2023-05-03 at 03.28.36.png
Screen Shot 2023-05-03 at 03.42.30.png
Screen Shot 2023-05-03 at 03.28.47.png
Screen Shot 2023-05-03 at 03.28.53.png
Screen Shot 2023-03-28 at 00.58.41.png
Screen Shot 2023-03-28 at 00.58.57.png
Screen Shot 2023-05-03 at 03.29.03.png
Screen Shot 2023-05-03 at 03.29.19.png
Screen Shot 2023-05-03 at 03.43.08.png
Reflection
Screen Shot 2023-05-03 at 03.29.54.png
Screen Shot 2023-05-03 at 03.30.00.png
bottom of page