BuildCraft 3D (Demo)
Project Details
BuildCraft 3D is an advanced 3D design platform that enables users to fully customize prefabricated steel buildings with an intuitive, interactive interface. Tailored for simplicity and efficiency, BuildCraft 3D empowers users to visualize, personalize, and finalize their building designs online. Key features include:
Key Features
- 3D Drag-and-Drop Customization
Effortlessly add, move, or adjust building elements like walls, doors, and windows in real time. The drag-and-drop functionality ensures a seamless design experience with intuitive controls. - Real-Time Visual Updates
See changes instantly as you customize the structure. Adjust dimensions, textures, and placements with immediate visual feedback, creating an immersive design process. - Texture and Color Selection
Choose from a range of textures and colors to personalize walls, roofs, and accessories. Each option updates in real-time, so users can explore multiple combinations and finalize the look that best suits their vision. - Flexible Object Manipulation
Add elements like doors, windows, and accessories with full control over placement and orientation. Easily position items on any wall and rotate or move them as needed, with restrictions to prevent overlapping or improper placements. - Wall and Roof Customization
Modify individual walls and the roof pitch, selecting different designs and textures for each. Specific settings allow for detailed customization, ensuring that the buildingโs style aligns with user preferences. - Preset Building Templates
Explore preset building designs with images, each serving as a starting point for further customization. These templates include base elements like windows and doors for efficient modification. - Interactive Build Map
Quickly navigate between different building sections using a compact build map. Located in the top right corner, this tool helps users access specific walls and areas for streamlined adjustments.
Web product
Technologies
Three JS
Vue.js
TypeScript
CSS/CSS2/CSS3
3D
Tailwind CSS
Building
Details
Time Spent
240h
Project Crew
Frontend Development
The Frontend Team creates an intuitive, responsive UI focused on interactive 3D visualizations, drag-and-drop functionality, and real-time customization using Vue.js, Three.js, and GSAP. Prioritizing a user-friendly experience, the team develops features like texture selection, object manipulation, and dynamic pricing to ensure smooth, engaging interactions across all devices.
Design
The 3D Design Team crafts interactive models with precise customization, realistic textures, and smooth animations using Three.js and GSAP
Other
Developed and managed the projectโs core concept, overseeing the technical direction