Skip to content

X3ne/vue-depth-viewer

Repository files navigation

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.

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Packages

No packages published