top of page

Aura Weaver

Discover what your feelings and emotions look like. Aura Weaver invites you to explore the invisible patterns of your inner world. Through colour, motion, and rhythm, your gestures and movements shape a living digital canvas. A visual reflection of how you feel in the moment. Each experience is unique, transforming your personal aura into a mesmerising generative tapestry of light and motion.

Interactive art 

Showcase Piece

2025

Screenshot 2025-12-04 at 6.13.04 am.png

Aura Weaver is an interactive digital showcase piece exploring how users can visualize and connect with emotional or sensory data through motion, color, and spatial design. The concept merges data-driven interaction with immersive visual storytelling, allowing users to “weave” emotions, memories, or environmental stimuli into a generative interface.

The artwork aims to make abstract information such as moods, sound frequencies, or energy flows tangible through movement, rhythm, and texture. It communicates the relationship between emotion, perception, and digital art, encouraging users to slow down, reflect, and interact playfully with an evolving visual landscape.

Gradient Rounded Shape
Gradient Starburst Design
Gradient Abstract Shape
Gradient Color Sphere
Gradient Abstract Shape
Gradient Blob Shape
Colorful Gradient Bean Shape
Gradient Abstract Blob
Gradient Color Blob
Gradient Abstract Shape
Gradient Star Icon
Gradient Neon Torus
Gradient Abstract Blob
Vibrant Gradient Abstract Shape
Gradient Color Sphere
Gradient Sphere Artwork
06E75B9E-9CB4-40A7-8F9B-C0B3A1ABC69B_edited.png
Gradient Star Shape
Gradient Flower Shape

Designer Statement

I invite users to engage intuitively create viusal representations of their thoughts. your interactions alter the composition’s colour, speed, and intensity, mirroring the dynamic nature of emotional balance. It aims to evoke mindfulness through motion, offering users a moment of calm observation and creative curiosity.

Screenshot 2025-12-04 at 8.20.59 am.png

Design Concept

Aura Weaver was developed using HTML, CSS, and JavaScript, supported by libraries like GSAP for animation and p5.js or D3.js for generative visuals. Each user interaction, scrolling, hovering, or clicking, affects the rhythm, colour, and pattern of woven threads displayed on screen.

The experience unfolds as a linear yet fluid timeline: scrolling down reveals new emotional “states” or compositions, while scrolling upward reverses transitions. Each segment integrates smooth animated shifts and layered soundscapes, emphasising flow and mood resonance.

Screenshot 2025-12-04 at 6.12_edited.png
2.png
Screenshot 2025-12-04 at 6.12.50 am.png

Prototyping

1.png

User Interactions

Visitor Walks Up

Greeting screen: “Welcome! Let’s discover your aura.”

Button: Start

 

Randomised 10 Question Quiz

 

10 multiple-choice questions appear one at a time

Example questions out of 50 randomised programed questions

 

“How do you feel today?” (Happy, Sad, Tired, Excited)

“What inspires you right now?” (Nature, Music, Nothing, People)

“Was today a good day?” (Yes/No/Neutral)

Questions are randomly selected from a pool

 

Calculate Aura

 

Each answer has color/emotion mapping.

Sad → blue

Happy → yellow/orange

Neutral → gray

Screenshot 2025-12-04 at 9.45.53 am.png

Combine the answers → generate a personalized gradient ball or aura bubble.

Example: 6 blue answers + 4 yellow answers → gradient of blue → yellow.

 

Send to Canvas

 

When user confirms, the bubble animates from laptop → projection wall.

On the large screen: *It floats, pulses, or grows, joining the mosaic of previous contributions.

Over time, multiple visitors create a living, evolving “aura canvas.”*

 

Takeaway / QR Code

 

Each bubble has timestamp + small QR code in corner. Visitors scan QR then download an image of their bubble + current canvas state.

 

Optionally: they can share their aura palette on social.

Abstract Gradient Waves
Gradient Star Icon
Gradient Neon Torus
Gradient Abstract Shape
Colorful Gradient Bean Shape
Gradient Sphere Artwork
Gradient Starburst Design
Gradient Background
Screenshot 2025-10-01 at 12.06.04 pm.png
Screenshot 2025-09-26 at 9.59.32 am.png
IMG_3818_edited.jpg
IMG_3755_edited.jpg
IMG_8237_edited.jpg
IMG_8239_edited.jpg

Early Ideation

User Testing

Showcase

All Projects

bottom of page