https://github.com/isobolewski/playcanvas-vue

This project combines the great PlayCanvas 3D engine with VUE.js
https://github.com/isobolewski/playcanvas-vue

Last synced: about 1 month ago
JSON representation

This project combines the great PlayCanvas 3D engine with VUE.js

• Host: GitHub
• URL: https://github.com/isobolewski/playcanvas-vue
• Owner: isobolewski
• License: mit
• Created: 2020-10-31T20:33:09.000Z (about 4 years ago)
• Default Branch: master
• Last Pushed: 2022-07-15T08:22:56.000Z (over 2 years ago)
• Last Synced: 2024-08-02T07:09:22.943Z (4 months ago)
• Language: JavaScript
• Size: 2.46 MB
• Stars: 41
• Watchers: 4
• Forks: 8
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-playcanvas - playcanvas-vue - A PlayCanvas integration with Vue.js. (Extensions and Utilities)

README

        
# playcanvas-vue

This project combines the great PlayCanvas 3D engine with VUE.js.

It is meant as a Boilerplate to start off your 3D applications or games.

\

For more information look at [PlayCanvas website](https://playcanvas.com) and [VUE.js website](https://vuejs.org)

[![Total alerts](https://img.shields.io/lgtm/alerts/g/isobolewski/playcanvas-vue.svg?logo=lgtm&logoWidth=18)](https://lgtm.com/projects/g/isobolewski/playcanvas-vue/alerts/)

[![Language grade: JavaScript](https://img.shields.io/lgtm/grade/javascript/g/isobolewski/playcanvas-vue.svg?logo=lgtm&logoWidth=18)](https://lgtm.com/projects/g/isobolewski/playcanvas-vue/context:javascript)

[![Netlify Status](https://api.netlify.com/api/v1/badges/88543acf-5b97-4592-8c0e-933ccad8855c/deploy-status)](https://app.netlify.com/sites/playcanvas-vue/deploys)

See [Live Demo on Netlify](https://playcanvas-vue.netlify.app/)

View OpenSource Repo on [Github](https://github.com/isobolewski/playcanvas-vue)

**Features:**

- Use JSON files from PlayCanvas editor to kick off your app

- Use PlayCanvas scripts as Mixins

- Use Ammo.js physics

- Use Tween.js Animations

- Use Basis texture compression

- Use the power and reactivity of Vue.js

- Use VUEX state management

- Use Vue router

This project is a proof of concept and not a complete application.

## Project setup

```

npm install

```

### Compiles and hot-reloads for development

```

npm run serve

```

### Compiles and minifies for production

```

npm run build

```

### Customize VUE.js configuration

See [VUE CLI Configuration Reference](https://cli.vuejs.org/config/).