https://github.com/flo-bit/image2fake3d

show a fake 3d effect in the browser from an image with a depth map
https://github.com/flo-bit/image2fake3d

3d-effect depthmap image3d svelte threlte

Last synced: 8 days ago
JSON representation

show a fake 3d effect in the browser from an image with a depth map

• Host: GitHub
• URL: https://github.com/flo-bit/image2fake3d
• Owner: flo-bit
• Created: 2024-01-21T22:01:28.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2024-01-23T12:12:17.000Z (10 months ago)
• Last Synced: 2024-10-29T00:32:23.309Z (10 days ago)
• Topics: 3d-effect, depthmap, image3d, svelte, threlte
• Language: Svelte
• Homepage: https://flo-bit.dev/image2fake3d/
• Size: 103 MB
• Stars: 7
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome - flo-bit/image2fake3d - show a fake 3d effect in the browser from an image with a depth map (Svelte)

README

        
# image2fake3d

[check out the demo](https://flo-bit.github.io/image2fake3d)

[![demo gif](video.webp)](https://flo-bit.github.io/image2fake3d)

## how it works

using an image and a depth map, this tool creates a fake 3d effect by moving parts of the plane where the image is shown according to the depth map (so that the foreground is closer to the viewer than the background). 

## Credit

The on device image to depth estimation is based on [RGB-Depthify](https://github.com/jankais3r/RGB-Depthify), which is based on [mobilePydnet](https://github.com/FilippoAleotti/mobilePydnet). Code for both of these is licensed under the APACHE version 2.0 license, so the same goes for that part of this code (`Convert.svelte` and `model.ts` in `/src/lib/`). Weights for the network can be used for research purposes only.

The rest of the code is licensed under the MIT license.