Skip to content

Latest commit

 

History

History
62 lines (43 loc) · 1 KB

README.md

File metadata and controls

62 lines (43 loc) · 1 KB
Raw

vue3d

Interactive 3d models in any vue app.

Demo

Setup

  1. Install @reidjs/vue3d from npm

npm i @reidjs/vue3d

  1. Import the ModelViewer component
<script setup>
    import { ModelViewer } from "@reidjs/vue3d"
</script>

<template>
    <ModelViewer src="/plant.glb" auto-rotate camera-controls></ModelViewer>
<template>

Documentation

This package wraps google's model-viewer with vue, so refer to their docs for usage.

Local development

Install issue to install google model viewer you need: "@google/model-viewer": "^3.1.1", "three": "^0.151.2", in package.json

Project Setup

npm install

Compile and Hot-Reload for Development

npm run dev

Type-Check, Compile and Minify for Production

npm run build

Run Unit Tests with Vitest

npm run test:unit

Lint with ESLint

npm run lint