https://github.com/pimpadev/house-builder-prototype
Small prototype that allows loading 3D models and editing their parts individually (doors, walls, windows, etc.).
https://github.com/pimpadev/house-builder-prototype
interactive-builder react-three-drei react-three-fiber threejs
Last synced: 6 months ago
JSON representation
Small prototype that allows loading 3D models and editing their parts individually (doors, walls, windows, etc.).
- Host: GitHub
- URL: https://github.com/pimpadev/house-builder-prototype
- Owner: pimpadev
- Created: 2024-08-08T12:02:00.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-09-04T12:31:37.000Z (almost 2 years ago)
- Last Synced: 2025-07-10T13:08:01.335Z (about 1 year ago)
- Topics: interactive-builder, react-three-drei, react-three-fiber, threejs
- Language: TypeScript
- Homepage: https://house-builder-prototype.vercel.app
- Size: 6.78 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
This is a [Next.js](https://nextjs.org/) project bootstrapped with [`npx create-next-app@latest`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
## Getting Started
First, run the development server:
```zsh
pnpm dev
```
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
## Learn More
To convert the .gltf file into a .glb file, you can use the [gltfjsx](https://github.com/pmndrs/gltfjsx) tool.
```zsh
npx gltfjsx mode.gltf --transform
```