FGS WebAR is an innovative augmented reality web experience built using A-Frame and Three.js. This project leverages the power of WebXR to bring immersive AR directly to the web browser, allowing users to interact with digital objects overlaid onto the real world without the need for any app downloads.
- Interactive WebAR Elements: Users can interact with 3D models like cars and buildings directly in their browser.
- Direct Links to Professional Profiles: Each building in the AR scene is clickable and links to relevant professional profiles and social media.
- Responsive Design: Optimized for performance and accessibility across all modern browsers and devices.
No installation is required! Ensure you have a modern web browser that supports WebXR, such as the latest versions of Chrome, Firefox, or Safari.
Simply visit the hosted GitHub Pages site to start interacting with the AR experience: FGS WebAR Experience
Ensure your device's camera permissions are enabled for the full AR experience.
- Interacting with Elements: Tap on buildings to open links to professional profiles and social media.
- Zoom and Rotate: Pinch to zoom in/out and rotate your device to view models from different angles.
- Use WASD Keys: To move around
Developing FGS WebAR involved overcoming several technical hurdles, including:
- WebXR Integration: Integrating WebXR with A-Frame to ensure seamless AR capabilities.
- Cross-Platform Compatibility: Ensuring consistent performance across different devices and browsers.
- UI/UX for AR: Designing intuitive user interactions for AR within a web browser.
- WebAR Potential: Gained deep insights into the capabilities and future potential of augmented reality on the web.
- Advanced A-Frame Techniques: Leveraged complex components and animations within A-Frame to enhance the user experience.
- Performance Optimization: Focused on optimizing the AR scene for better performance and lower latency.
- More Interactive Elements: Plan to add more interactive features such as video overlays and live data integration.
- User Customization: Introduce options for users to customize 3D models and settings within the AR scene.
- Enhanced Mobile Experience: Improve the interface and interaction for mobile users to enhance accessibility.
Hello, I'm Mico Bledsoe, an aspiring AR/VR engineer passionate about pushing the boundaries of digital and real-world interactions through innovative web technologies. This project not only showcases my technical skills but also my commitment to making advanced technology accessible and enjoyable for everyone. Connect with me on LinkedIn to see more of my work and exchange ideas!