问题描述
需要在vue页面引入pixi.js的spine动画功能 我可以导入 pixi.js 但 Spine 函数总是显示“未捕获的类型错误:无法读取未定义的属性 'Spine'”[在此处输入链接描述][1]spineboy.atlas/spineboy.json/spineboy.png/在此链接中 npm install pixi.js import * as PIXI from 'pixi.js'
<template>
<div>
import spine
</div>
</template>
<script>
import * as PIXI from 'pixi.js'
mounted: function () {
var app = new PIXI.Application();
document.body.appendChild(app.view);
// load spine data
app.loader
.add('spineboy','assets/pixi-spine/spineboy.json')
.load(onAssetsLoaded);
app.stage.interactive = true;
function onAssetsLoaded(loader,res) {
// create a spine boy
var spineBoy = new PIXI.spine.Spine(res.spineboy.spineData);
// set the position
spineBoy.x = app.screen.width / 2;
spineBoy.y = app.screen.height;
spineBoy.scale.set(1.5);
// set up the mixes!
spineBoy.stateData.setMix('walk','jump',0.2);
spineBoy.stateData.setMix('jump','walk',0.4);
// play animation
spineBoy.state.setAnimation(0,true);
app.stage.addChild(spineBoy);
app.stage.on('pointerdown',function() {
spineBoy.state.setAnimation(0,false);
spineBoy.state.addAnimation(0,true,0);
});
}
}
</script>
```
[1]: https://github.com/pixijs/examples-v4/tree/main/examples/assets/pixi-spine
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)