https://github.com/thygate/depthmap-viewer-three
Simple 3D web-based interactive depthmap viewer.
https://github.com/thygate/depthmap-viewer-three
depthmap npm threejs
Last synced: 10 months ago
JSON representation
Simple 3D web-based interactive depthmap viewer.
- Host: GitHub
- URL: https://github.com/thygate/depthmap-viewer-three
- Owner: thygate
- Created: 2022-11-10T06:31:59.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2024-10-17T04:15:37.000Z (over 1 year ago)
- Last Synced: 2025-03-28T18:13:37.352Z (11 months ago)
- Topics: depthmap, npm, threejs
- Language: JavaScript
- Homepage: https://thygate.github.io/depthmap-viewer-three
- Size: 2.21 MB
- Stars: 35
- Watchers: 2
- Forks: 7
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# depthmap-viewer-three
Simple web-based interactive depthmap viewer. Using [threejs](https://threejs.org/) to render a plane with a displacement map.
`Drag-and-drop` images with combined-rgb-and-depth-horizontally into the window to view them.
LIVE at https://thygate.github.io/depthmap-viewer-three
## Example input image
>Image was generated with stable diffusion using [AUTOMATIC1111's Stable Diffusion Web UI](https://github.com/AUTOMATIC1111/stable-diffusion-webui) and [stable-diffusion-webui-depthmap-script](https://github.com/thygate/stable-diffusion-webui-depthmap-script).
## Running
The following installs dev and non-dev dependencies, including `three` for
rendering, and `serve` which is used to serve the website locally:
```
npm clean-install
npm start
```
To install for production without dev dependencies (namely, without `serve`)
run the following then host the files anywhere you want:
```
npm clean-install --production
```