3D model viewer for Vue.js with vue-3d-model plugin

Category: Images Vue.js | August 26, 2021
Author: hujiulong
Official Page: Go to website
Last Update: August 26, 2021
License: MIT

vuejs 3d model viewer

Description:

A lightweight and simple 3D model viewer for Vue.js which is based on threejs and does supports JSON, obj and some other model formats. And supports mousemove event.

How to install and use it?

1. Install the component with NPM.

npm install vue-3d-model --save

2. Import the required components.

import { ModelObj } from 'vue-3d-model';

3. Register the 3D model viewer component.

export default {
  components: { ModelObj }
}

4. Add the component to your template file.

<template>
  <model-obj src="example/models/obj/LeePerrySmith.obj"></model-obj>
</template>