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~

Versions

Current Tags

VersionDownloads (Last 7 Days)Tag
1.0.13latest

Version History

VersionDownloads (Last 7 Days)Published
1.0.13
1.0.00
0.22.90
0.22.80
0.22.70
0.22.60
0.22.50
0.22.40
0.22.30
0.22.20
0.22.10
0.22.00
0.21.190
0.21.180
0.21.170
0.21.160
0.21.150
0.21.141
0.21.130
0.21.120
0.21.110
0.21.100
0.21.90
0.21.80
0.21.70
0.21.60
0.21.50
0.21.40
0.21.30
0.21.20
0.21.10
0.21.00
0.20.20
0.20.10
0.20.00
0.19.20
0.19.10
0.19.00
0.18.20
0.18.10
0.18.00
0.17.10
0.17.00
0.16.60
0.16.50
0.16.40
0.16.30
0.16.20
0.16.10
0.16.00
0.15.00
0.14.00
0.13.10
0.13.00
0.12.70
0.12.60
0.12.50
0.12.40
0.12.30
0.12.20
0.12.10
0.12.00
0.11.10
0.11.00
0.10.30
0.10.20
0.10.10
0.10.00
0.9.130
0.9.120
0.9.110
0.9.100
0.9.90
0.9.80
0.9.70
0.9.60
0.9.50
0.9.40
0.9.32
0.9.20
0.9.10
0.9.00
0.8.00
0.7.00
0.6.90
0.6.80
0.6.70
0.6.60
0.6.50
0.6.41
0.6.30
0.6.20
0.6.10
0.6.00
0.5.40
0.5.30
0.5.20
0.5.10
0.5.00
0.4.20
0.4.00
0.3.30
0.3.20
0.3.10
0.3.00
0.2.10
0.2.00
0.1.20
0.1.10
0.1.00

Package Sidebar

Install

npm i sprite-vue

Weekly Downloads

7

Version

1.0.1

License

none

Unpacked Size

3.94 MB

Total Files

89

Last publish

Collaborators

  • akira_cn