🎮 Spine Viewer Demo

📝 使用方法

首先引入 Spine Viewer 组件：

<script type="module" src="./spine-viewer.js"></script>

然后在HTML中使用：

<spine-viewer 
    src="/kanade/sd_main.skel" 
    animation-name="w_pure_idle01_f" 
    scale="0.4">
</spine-viewer>

JavaScript API：

const viewer = document.querySelector('spine-viewer');

// 设置动画
viewer.setAnimation('w_pure_idle01_f', true);

// 设置缩放
viewer.setScale(0.4);

// 获取所有动画列表
const animations = viewer.getAnimations();

// 切换Spine
viewer.renderSpine({
  src: "/mafuyu/sd_main.skel",
  animationName: "w_pure_idle01_f",
});

属性说明：

• src: Spine .skel 文件路径
• animation-name: 要播放的动画名称
• scale: 缩放比例