sprite-vue

Vue.js 支持 SpriteJS 的 Runtime

• 文档
• Live DEMO

直接使用

例子

<script src="https://unpkg.com/spritejs/dist/spritejs.min.js"></script>
<script src="https://unpkg.com/sprite-vue/dist/sprite-vue.min.js"></script>
<div id="app"></div>
<script>
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>`,
});
</script> 

项目里安装和使用

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

import Vue from 'vue';

修改为

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

Enjoy~