Flutter 3D Product Configurator
Budget / Salary$250–750
TypeFreelance project
LocationRemote
Posted1 hour ago
I need a mobile-friendly configurator built with Flutter that lets shoppers interact with a base product image, change its color or texture in real time, pick a flavor and a topping, and immediately see the updated 3D render.
Core flow
• Display a default 3D model or photorealistic render on screen as soon as the page loads.
• When a user chooses a flavor, the model’s surface or texture updates to match (for example, chocolate, vanilla, strawberry).
• When a topping is selected, the visual layer for that topping appears on the model in the correct position.
• The final composite image is generated and can be saved or added to cart.
Technical notes
• Flutter / Dart for the full front-end; feel free to leverage packages such as flutter_cube, flutter_scenic, or a custom OpenGL bridge if that delivers smoother performance.
• Real-time texture swapping is the only 3D interaction required—no need for rotation or zoom at this stage, though the code should be clean enough that those features could be added later.
• All flavor and topping assets will be provided as high-res PNGs or OBJ textures; the task includes mapping them correctly on the base mesh.
Deliverables
1. Fully commented Flutter project with the 3D configurator screen.
2. Simple JSON or hard-coded data source listing flavors, toppings, and their corresponding texture files.
3. Build instructions and a brief README explaining how to add new options in the future.
Acceptance criteria
• Texture changes occur in under 200 ms on a mid-range Android device.
• Generated composite image matches the selected options pixel-perfectly.
• Code passes `flutter analyze` with zero warnings.
------------------
Sample:
https://lola.do/en/home
https://www.threekit.com/
https://www.customily.com/
https://gokickflip.com/
Core flow
• Display a default 3D model or photorealistic render on screen as soon as the page loads.
• When a user chooses a flavor, the model’s surface or texture updates to match (for example, chocolate, vanilla, strawberry).
• When a topping is selected, the visual layer for that topping appears on the model in the correct position.
• The final composite image is generated and can be saved or added to cart.
Technical notes
• Flutter / Dart for the full front-end; feel free to leverage packages such as flutter_cube, flutter_scenic, or a custom OpenGL bridge if that delivers smoother performance.
• Real-time texture swapping is the only 3D interaction required—no need for rotation or zoom at this stage, though the code should be clean enough that those features could be added later.
• All flavor and topping assets will be provided as high-res PNGs or OBJ textures; the task includes mapping them correctly on the base mesh.
Deliverables
1. Fully commented Flutter project with the 3D configurator screen.
2. Simple JSON or hard-coded data source listing flavors, toppings, and their corresponding texture files.
3. Build instructions and a brief README explaining how to add new options in the future.
Acceptance criteria
• Texture changes occur in under 200 ms on a mid-range Android device.
• Generated composite image matches the selected options pixel-perfectly.
• Code passes `flutter analyze` with zero warnings.
------------------
Sample:
https://lola.do/en/home
https://www.threekit.com/
https://www.customily.com/
https://gokickflip.com/
Apply on Freelancer →
Project sourced from Freelancer.com. Applications happen directly on the original platform — we never collect your data.