flo-bit.dev
[READ-ONLY] Mirror of https://github.com/flo-bit/image2fake3d. show a fake 3d effect in the browser from an image with a depth map
flo-bit.dev/image2fake3d/
3d-effect
depthmap
image3d
svelte
threlte
update readme
author
Florian
date
(Jan 21, 2024, 11:15 PM +0100)
commit
cdf3affd
cdf3affd851753e6f9dbae38025ef284d8f67330
parent
72880da4
72880da4fbe9ed114c0ac2eb4f4a56c28ceef2b1
+5
-34
+5
-34
README.md
+5
-34
README.md
···
1
-
# create-svelte
2
-
3
-
Everything you need to build a Svelte project, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/main/packages/create-svelte).
4
-
5
-
## Creating a project
6
-
7
-
If you're seeing this, you've probably already done this step. Congrats!
1
+
# image2fake3d
8
2
9
-
```bash
10
-
# create a new project in the current directory
11
-
npm create svelte@latest
3
+
[check out the demo](https://flo-bit.github.io/image2fake3d)
12
4
13
-
# create a new project in my-app
14
-
npm create svelte@latest my-app
15
-
```
5
+
[](https://flo-bit.github.io/image2fake3d)
16
6
17
-
## Developing
7
+
## how it works
18
8
19
-
Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
20
-
21
-
```bash
22
-
npm run dev
23
-
24
-
# or start the server and open the app in a new browser tab
25
-
npm run dev -- --open
26
-
```
27
-
28
-
## Building
29
-
30
-
To create a production version of your app:
31
-
32
-
```bash
33
-
npm run build
34
-
```
35
-
36
-
You can preview the production build with `npm run preview`.
37
-
38
-
> To deploy your app, you may need to install an [adapter](https://kit.svelte.dev/docs/adapters) for your target environment.
9
+
using an image an 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).
video.mov
video.mov
This is a binary file and will not be displayed.
video.webp
video.webp
This is a binary file and will not be displayed.