METABALL
MetaBall is a pioneering Minimum Viable Product (MVP) developed for the SCAI (Saudi Authority for Data and Artificial Intelligence) hackathon in Riyadh. Designed to coincide with Saudi Arabia's preparations for the 2034 World Cup, the platform redefines how fans experience football by merging AI Object Detection, 3D Web Graphics, and Virtual Reality (VR).
Client
SCAI Hackathon
Year
2024
Duration
Hackathon Sprint
Role
Technical Lead
Executive Summary
MetaBall is a pioneering Minimum Viable Product (MVP) developed for the SCAI (Saudi Authority for Data and Artificial Intelligence) hackathon in Riyadh. Designed to coincide with Saudi Arabia's preparations for the 2034 World Cup, the platform redefines how fans experience football by merging AI Object Detection, 3D Web Graphics, and Virtual Reality (VR).
Project Demo
Key Contributions & Achievements
AI Object Detection (YOLO): Integrated the YOLO (You Only Look Once) model to detect and track the football in real-time within video feeds, providing data-driven insights for the immersive view
Spatial Computing & VR: Engineered a seamless bridge between the web application and VR Hardware, allowing users to transition from standard viewing to a 3D immersive stadium environment
3D Rendering Engine: Leveraged Three.js and A-Frame to render high-performance 3D graphics and spatial elements directly in the browser
Team Coordination & Presentation: Led the technical team through intense development sprints, followed by a professional presentation and technical defense of our architecture before the SCAI judging committee
AI Integration: Implemented the logic to process YOLO detection data and visualize it within a 3D space
Technical Highlights
| Feature | Implementation |
|---|---|
| Ball Tracking | Real-time detection using the YOLO model |
| VR Experience | Web-based immersive environment via A-Frame |
| Team Leadership | Technical Lead role during SCAI Hackathon, Riyadh |
| Future Readiness | Designed as a scalable prototype for Saudi 2034 World Cup |
Technologies Used
Frontend
Backend
Deployment
Tools & Services
Project Screenshots
Results & Impact
Successfully presented MVP at SCAI Hackathon
Integrated AI object detection with 3D/VR environment
Led technical team through hackathon sprints
Demonstrated innovative sports technology vision
Legal Disclaimer
Notice: This project was developed as a collaborative MVP for the SCAI Hackathon in Riyadh.
I served as the Technical Lead, overseeing the AI integration, 3D architecture, and VR synchronization.
Project Purpose: Created for competition purposes to demonstrate innovation in sports technology.
Teamwork: All creative and technical outcomes are the result of collective team efforts during the hackathon.
Intellectual Property: All concepts and code remain the property of the development team and are presented here to showcase technical leadership in AI and immersive technologies.
Key Features
- Real-time ball tracking using YOLO model
- Web-based VR experience via A-Frame
- 3D stadium environment with Three.js
- Hardware-software synchronization
- AI processing and visualization pipeline
- High-performance 3D rendering
- VR headset integration
- Optimized FPS for comfortable VR
- Multi-disciplinary team coordination
- Live demo and technical presentation
Got an Ambitious Idea? 🚀
Ready to turn your vision into reality? Whether it's a cutting-edge web app, an AI-powered solution, or something extraordinary — let's build it together!