vue-depth-viewer
Work in progress
Simulate a fake 3d view with depth map and WebGl for your vue apps.
Installation
npm i vue-depth-viewer
Usage
import "vue-depth-viewer/style.css"
<VueDepthViewer
:img="image"
:depth-img="depth"
:options="{
horizontalThreshold: 30,
verticalThreshold: 150,
}"
/>
Custom css
You can add you custom css via the following properties
-
.vuedepthviewer__container
for the container -
.vuedepthviewer__img
for the placeholder image
Playground
To use the playground just go to the ./playground/vite
or ./playground/nuxt
and run npm i
and npm run dev
.