sprite-vue
v1.0.1
Published
A Vue.js project for SpriteJS
Downloads
116
Readme
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~