Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/theringsofsaturn/3d-ai-school-threejs
Immersive 3D AI classroom using Three.js, React Three Fiber, and the OpenAI API.
https://github.com/theringsofsaturn/3d-ai-school-threejs
3d-graphics artificial-intelligence chatgpt drei openai react reactthreefiber threejs
Last synced: about 1 month ago
JSON representation
Immersive 3D AI classroom using Three.js, React Three Fiber, and the OpenAI API.
- Host: GitHub
- URL: https://github.com/theringsofsaturn/3d-ai-school-threejs
- Owner: theringsofsaturn
- Created: 2024-03-24T19:47:07.000Z (10 months ago)
- Default Branch: master
- Last Pushed: 2024-04-09T14:08:42.000Z (10 months ago)
- Last Synced: 2024-12-23T02:45:33.958Z (about 1 month ago)
- Topics: 3d-graphics, artificial-intelligence, chatgpt, drei, openai, react, reactthreefiber, threejs
- Language: JavaScript
- Homepage: https://youtu.be/AllROojlixE?si=K5mQlN58Jl92U4NR
- Size: 31 MB
- Stars: 15
- Watchers: 1
- Forks: 5
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
![3D-school(1)-Cover](https://github.com/theringsofsaturn/3d-ai-school-threejs/assets/60050952/0349d7bf-7e18-4101-b018-4c15a1be4a3d)
# 3D AI Classroom
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.# Features
- 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# Getting Started
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# Usage
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# Contributing
Contributions are welcome! If you have any suggestions, improvements, or bug fixes, please open an issue or submit a pull request.# License
This project is licensed under the MIT License.# Contact
For any questions or inquiries, please contact Emilian Kasemi at [email protected].# Connect with me
LinkedIn: https://www.linkedin.com/in/emilian-kasemi/
YouTube: https://www.youtube.com/c/EmilianKasemi