Interactive Learning Assistant with Customizable 3D Avatars
Overview
Immersive learning experience with customizable 3D avatars and emotional interaction
The Problem
Remote learners disengage when digital classrooms lose emotional cues, embodied identity, and lightweight accessibility affordances.
The Solution
This assistant couples React with Three.js scenes so students personalize avatars, receive expression-driven feedback, leverage text-to-speech reading paths, and anchor guided prompts—bridging LMS integrations or standalone hosting scenarios.
Technologies used
ReactThree.jsJavaScript3D GraphicsText-to-SpeechWeb DevelopmentEducational TechnologyUI/UX
Key Outcomes
- Novel fusion of WebGL avatars + instructional UX patterns aimed at motivation science.
- Accessibility-forward touches such as TTS reading lanes alongside visual feedback.