AR-based Angular Web App Development
Budget: ₹1,500 – ₹12,500 INR
Project Title: Angular Application for Marker-Based 3D Object Rendering
Project Description:
We are looking for an experienced Angular developer with expertise in Augmented Reality (AR) to build a web application that scans a given marker and renders a 3D object around it.
Project Scope:
1. Marker Detection:
• Implement marker-based AR using a recognized AR framework (e.g., AR.js, Three.js, or similar).
• The application should use the device’s camera to detect and track the provided marker in real time.
2. 3D Object Rendering:
• Once the marker is scanned, render a 3D object (model will be provided) around the marker with smooth animations.
• Ensure that the 3D object rotates and adjusts based on the marker’s position, giving the effect that the object is anchored to the marker in 3D space.
3. Customization:
• Ability to scale, rotate, and adjust the 3D object within the scene dynamically, with options for predefined transformations.
4. Cross-Device Compatibility:
• Ensure the web app works seamlessly on both desktop and mobile browsers (mobile-first approach).
• Include device motion control for interaction with the 3D object on mobile devices.
5. Performance Optimization:
• Optimize the application for smooth performance across different devices with minimal lag.
Deliverables:
• Fully functional Angular application.
• Source code with proper documentation.
• Instructions for deployment and usage.
Requirements:
• Proven experience with Angular and 3D rendering libraries such as Three.js or Babylon.js.
• Previous experience with AR-based applications is a plus.
• Strong understanding of mobile-friendly web development.
Project Description:
We are looking for an experienced Angular developer with expertise in Augmented Reality (AR) to build a web application that scans a given marker and renders a 3D object around it.
Project Scope:
1. Marker Detection:
• Implement marker-based AR using a recognized AR framework (e.g., AR.js, Three.js, or similar).
• The application should use the device’s camera to detect and track the provided marker in real time.
2. 3D Object Rendering:
• Once the marker is scanned, render a 3D object (model will be provided) around the marker with smooth animations.
• Ensure that the 3D object rotates and adjusts based on the marker’s position, giving the effect that the object is anchored to the marker in 3D space.
3. Customization:
• Ability to scale, rotate, and adjust the 3D object within the scene dynamically, with options for predefined transformations.
4. Cross-Device Compatibility:
• Ensure the web app works seamlessly on both desktop and mobile browsers (mobile-first approach).
• Include device motion control for interaction with the 3D object on mobile devices.
5. Performance Optimization:
• Optimize the application for smooth performance across different devices with minimal lag.
Deliverables:
• Fully functional Angular application.
• Source code with proper documentation.
• Instructions for deployment and usage.
Requirements:
• Proven experience with Angular and 3D rendering libraries such as Three.js or Babylon.js.
• Previous experience with AR-based applications is a plus.
• Strong understanding of mobile-friendly web development.