0
1
2
3
4
5
6
7
8
9
Contact Us
1 / 6
slider-arrow
slider-arrow
slide-image
BuildCraft 3D (Demo)
1 / 6
slider-arrow
slider-arrow
slide-image

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 iconTime Spent
240h

Project Crew

contribution-logo
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.
contribution-logo
Design
The 3D Design Team crafts interactive models with precise customization, realistic textures, and smooth animations using Three.js and GSAP
contribution-logo
Other
Developed and managed the projectโ€™s core concept, overseeing the technical direction