GitHub

Depth 3D

Example

Usage

  1. Choose an image (photos of one person in the center work best) and generate a depth map for it for example with this tool

  2. Use component with image and depth map

<script lang="ts">
	import { Depth3D } from 'fuchs';
</script>

<Depth3D
	sceneProps={{
		image: {
			image: '/images/image.png',
			depth: '/images/depth.png'
		},
		rounded: 1
	}}
/>