User Story: 3D animation of Current Emotion

[SevketErsan]

Value Proposition:

•  As a user
•  I want to see my current emotion in abstract 3D
•  so that I can have a emotional reaction to my moods

Description

Acceptance Criteria:

• [ ] an abstract 3D animation/model that changes dynamically when the user changes the experience + intensity slider value
• [ ] User should be able to interact with the 3D Model to view it from different angles or perspectives
• [ ] Implement user controls for 3D animation interaction, such as mouse events for rotation and zoom
• [ ] Optimize rendering performance for a smooth user experience, considering factors such as polygon count and texture size

Tasks:

• [ ] create branch US7_3D_Animation
• [ ] install three.js library for 3D rendering
• [ ] create an animation component
• [ ] feed slider value to it with a prop
• [ ] feed selected experience and responses to it with a prop
• [ ] Utilize the slider values and selected experience to manipulate the animation accordingly.
• [ ] Implement user controls for 3D Animation interaction (e.g., mouse event for rotation, zoom)
• [ ] Optimize rendering performance for smooth user experience, considering factors such as polygon count and texture size

[MerleMak]

Cooooooool!!! 🤩 Approved ✅

(you will need the onChange event on the slider :))