Nefariously Programmed Mecha
Learn about our RFC process, Open RFC meetings & more.Join in the discussion! »

sprite-vue

1.0.1 • Public • Published

sprite-vue

Vue.js 支持 SpriteJS 的 Runtime

直接使用

例子

<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~

Keywords

none

Install

npm i sprite-vue

DownloadsWeekly Downloads

46

Version

1.0.1

License

none

Unpacked Size

3.94 MB

Total Files

89

Last publish

Collaborators

  • avatar