https://github.com/officialpesonen/3d-room
Responsive 3D room with editable surfaces.
https://github.com/officialpesonen/3d-room
3d bootstrap responsive room
Last synced: 7 months ago
JSON representation
Responsive 3D room with editable surfaces.
- Host: GitHub
- URL: https://github.com/officialpesonen/3d-room
- Owner: OfficialPesonen
- License: mit
- Created: 2019-01-12T15:33:32.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2021-06-13T09:38:23.000Z (about 5 years ago)
- Last Synced: 2024-12-29T05:26:12.867Z (over 1 year ago)
- Topics: 3d, bootstrap, responsive, room
- Language: HTML
- Homepage: https://officialpesonen.github.io/3D-Room/
- Size: 51.8 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 3D-Room
3D Room is basically a responsive 3D Room with editable surfaces.
3D Room is using Bootstrap 4 so it's easy to integrate it with your Bootstrap project.
# Example
https://officialpesonen.github.io/3D-Room/
# How it works
There is a palette on the left side of the page where you can select the color and surface.
There are three surfaces: side wall, back wall & floor.
By clicking a color on the palette, the selected surface changes to the previously selected color.
The system takes the color from `.palette-item` 's background color so adding new colors or changing them, is easy.
## Edit a color
Change the background color to your color and you are done.
```html
1
```
## Add a color
Find the line where the list of colors start (~line 27) and just add this piece of html bottom of the list (~line 77).
```html
1
```