{"id":20963323,"url":"https://github.com/nafisrayan/threejs-python-flask","last_synced_at":"2026-04-14T00:05:41.215Z","repository":{"id":258176956,"uuid":"872614602","full_name":"NafisRayan/ThreeJS-Python-Flask","owner":"NafisRayan","description":"The project is an innovative VR application that integrates Three.js for 3D visualization, Python for backend processing, and Flask as the web framework. It features interactive 3D scenes with real-time object detection using the YOLO algorithm. The application supports multiple .gltf models and includes augmented reality feat","archived":false,"fork":false,"pushed_at":"2024-12-30T22:35:07.000Z","size":13186,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-20T01:30:54.763Z","etag":null,"topics":["ai","augmented-reality","flask","gltf","handgesture","llm","nlp","python","threejs","virtual-reality","vr","xr","yolo"],"latest_commit_sha":null,"homepage":"","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/NafisRayan.png","metadata":{"files":{"readme":"Readme.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-10-14T18:44:37.000Z","updated_at":"2024-12-30T22:35:11.000Z","dependencies_parsed_at":"2024-12-30T23:21:50.308Z","dependency_job_id":"de56a964-bd1e-4f2c-85bd-65c6185409e3","html_url":"https://github.com/NafisRayan/ThreeJS-Python-Flask","commit_stats":null,"previous_names":["nafisrayan/threejs-python-flask"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NafisRayan%2FThreeJS-Python-Flask","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NafisRayan%2FThreeJS-Python-Flask/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NafisRayan%2FThreeJS-Python-Flask/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NafisRayan%2FThreeJS-Python-Flask/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/NafisRayan","download_url":"https://codeload.github.com/NafisRayan/ThreeJS-Python-Flask/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243360090,"owners_count":20278317,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["ai","augmented-reality","flask","gltf","handgesture","llm","nlp","python","threejs","virtual-reality","vr","xr","yolo"],"created_at":"2024-11-19T02:43:38.851Z","updated_at":"2026-04-14T00:05:41.184Z","avatar_url":"https://github.com/NafisRayan.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ThreeJS-Python-Flask\n\nThis project combines Three.js, Python, and Flask to create an interactive 3D web application with real-time object detection using YOLO (You Only Look Once).\n\n## Table of Contents\n\n- [Project Overview](#project-overview)\n- [Features](#features)\n- [Technologies Used](#technologies-used)\n- [Setup Instructions](#setup-instructions)\n- [Usage](#usage)\n- [Contributing](#contributing)\n\n## Project Overview\n\nThis repository showcases an innovative integration of Three.js for 3D visualization, Python for backend processing, and Flask for creating a web application. The project demonstrates how to combine these technologies to build an interactive environment with real-time object detection capabilities.\n\n## Screenshots  \n\nHere are some screenshots of the app showcasing its key features and design:  \n\n\u003cimg src=\"threejsDemo.png\" alt=\"Home Screen\" width=\"1000\" /\u003e  \n\n### Features\n\n- Interactive 3D scene rendered using Three.js\n- Real-time object detection using YOLO algorithm\n- Web-based interface built with Flask\n- Support for multiple .gltf models\n- XR (Augmented Reality) support with hand tracking\n- Responsive design for desktop and mobile devices\n\n## Technologies Used\n\n- Frontend: Three.js\n- Backend: Python\n- Web Framework: Flask\n- Object Detection: YOLO (You Only Look Once)\n- Additional Dependencies:\n  - Ultralytics for YOLO integration\n  - OpenCV for video processing\n  - Tailwind CSS for styling\n\n## Setup Instructions\n\nTo run this project locally, follow these steps:\n\n1. Clone the repository:\ngit clone https://github.com/NafisRayan/ThreeJS-Python-Flask.git\n\n\n2. Install dependencies:\npip install flask opencv-python ultralytics numpy\n\n3. Ensure you have Node.js installed on your system.\n\n4. Navigate to the project directory:\ncd ThreeJS-Python-Flask\n\n5. Run the Flask server:\npython app.py\n\n6. Access the application by opening a web browser and navigating to `http://localhost:5000`.\n\n## Usage\n\nOnce the application is running, you'll see a live video feed with real-time object detection overlaid on a 3D scene. You can interact with the scene using keyboard controls or XR controllers if available.\n\n- Use arrow keys or WASD to move the camera\n- Press Space to jump\n- Left-click and drag to rotate the camera\n- Right-click and drag to pan the camera\n\nFor a more immersive experience, use a VR headset and controllers to explore the 3D environment.\n\n## Contributing\n\nContributions are welcome! Please feel free to submit issues or pull requests.\n\n1. Fork the repository\n2. Create a new branch (`git checkout -b feature/amazing-feature`)\n3. Make your changes\n4. Commit your changes (`git commit -am 'Add some amazing feature'`)\n5. Push to the branch (`git push origin feature/amazing-feature`)\n6. Open a Pull Request\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnafisrayan%2Fthreejs-python-flask","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnafisrayan%2Fthreejs-python-flask","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnafisrayan%2Fthreejs-python-flask/lists"}