This project is a 3D AI classroom application built using Three.js, React Three Fiber, and the OpenAI API. It provides an immersive learning experience with an AI-powered teacher that can engage in interactive conversations with users.
- 3D classroom environment created with Blender
- AI-powered teacher avatar with chat capabilities
- Animated 3D models using Mixamo
- Voice recognition and text-to-speech integration
- Chat history feature
- Express.js server for handling API requests
- Technologies Used
- Three.js
- React Three Fiber
- OpenAI API
- Blender
- Mixamo
- Express.js
Clone the repository: git clone [repository-url] Install dependencies: npm install Set up the OpenAI API key in a .env file Start the development server: npm start start the proxy server: node proxy.js Open the application in your browser: http://localhost:3000
Navigate through the 3D classroom environment using the mouse and keyboard controls Interact with the AI teacher by typing or speaking your questions The AI teacher will respond with both text and speech View the chat history to keep track of previous conversations
Contributions are welcome! If you have any suggestions, improvements, or bug fixes, please open an issue or submit a pull request.
This project is licensed under the MIT License.
For any questions or inquiries, please contact Emilian Kasemi at emiliankasemi@gmail.com.
LinkedIn: https://www.linkedin.com/in/emilian-kasemi/ YouTube: https://www.youtube.com/c/EmilianKasemi