https://github.com/spritejs/sprite-vue

SpriteJS for Vue.js.
https://github.com/spritejs/sprite-vue

Last synced: 9 months ago
JSON representation

SpriteJS for Vue.js.

• Host: GitHub
• URL: https://github.com/spritejs/sprite-vue
• Owner: spritejs
• Created: 2018-08-24T11:07:20.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2019-12-26T10:35:49.000Z (about 6 years ago)
• Last Synced: 2025-04-23T00:42:41.162Z (9 months ago)
• Language: JavaScript
• Homepage:
• Size: 3.82 MB
• Stars: 61
• Watchers: 10
• Forks: 12
• Open Issues: 3
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# sprite-vue

> Vue.js 支持 SpriteJS 的 Runtime

- [文档](http://vue.spritejs.org) 

- [Live DEMO](https://codepen.io/collection/nVbpGo/)

## 直接使用

[例子](https://code.h5jun.com/najo/edit?js,output)

```html



const { Vue } = spritevue;

new Vue({

  el: '#app',

  data() {

    return {

      viewport: [600, 600],

    }

  },

  template: `<div>

  <scene id="container" :viewport=viewport>

    <layer id="fglayer">

      <sprite :pos="[100, 100]" :size="[50, 50]"

        bgcolor="red"></sprite>

    </layer>

  </scene>

</div>`,

});

```

## 项目里安装和使用

用 vue-cli 创建任意项目，将对应的 vue 模块替换成 sprite-vue 模块，在使用方式上稍作修改：

```js

import Vue from 'vue';

```

修改为

```js

import { Vue, spritejs } from 'sprite-vue'

```

Enjoy~