This project is a modern web-based building configurator built with a stack designed for interactive 3D visualization and dynamic user interfaces. Here’s a brief overview:
Technology Stack
-
React: Provides the core framework for building the user interface.
-
Three.js: Handles the rendering of 3D graphics in the browser.
-
React Three Fiber: Integrates Three.js with React, allowing declarative 3D scene management.
-
Drei: Supplies useful helpers and abstractions that simplify working with Three.js elements within React Three Fiber.
-
Firebase: Configuration files (e.g., .firebaserc, firebase.json) indicate Firebase is used, likely for hosting or backend services.
Key Features
-
Customizable Building Dimensions: Adjust parameters like length, width, and height.
-
Entrance Door Configuration: Set the position and location of entrance doors.
-
Balcony Options: Choose which sides have balconies and where they are located.
-
Accessory Randomization: Incorporate additional features with a random percentage to add variety.
-
Global Seed Control: Ensure consistent randomization across sessions.
-
Camera Controls: Modify the camera rotation for different perspectives of the building.