参考教程:在你的博客里放一只可爱的Spine Model吧

Blog 添加 2d 模型 | Weakyon Blog

从解包开始,让手游里的live2d角色成为你的看板娘吧! - Kara’s utopia (kara07.github.io)

关于Spine Web Player 的使用 - ModePi


好像有点不是很好搞,主要是主题不一样导致的;这个博主用的是pjsk的模型,但是我现在想先试试明日方舟小人

算了,等再想起来这件事的话先试着用白葱的模型复刻一下,毕竟这里有一个js代码里的内容有不一样的地方

还是记录一下吧

1
2
3
4
5
6
7
8
9
10
11
<script src="https://unpkg.com/@esotericsoftware/spine-player@4.0.*/dist/iife/spine-player.js"></script>
<link rel="stylesheet" href="https://unpkg.com/@esotericsoftware/spine-player@4.0.*/dist/spine-player.css">

<div id="player-container" style="width: 50%; height: 50vh;"></div>

<script>
new spine.SpinePlayer("player-container", {
jsonUrl: "/source/spine_models/scene/build_char_336_folivo.json",
atlasUrl: "/source/spine_models/scene/build_char_336_folivo.atlas"
});
</script>

跟着Blog 添加 2d 模型 | Weakyon Blog这篇博文搞了一下,发现在我使用arknights主题的基础上,控制css的代码应该写在themes/arknights/source/css/_custom/custom.styl这里。

不过模型仍然加载不出来,问题应该是出在版本不对应上,因为我使用的模型是3.5.51的,而spine-player是4.0.*。但是还有一个问题就是,我手头的spine pro是3.8版本的,所以我还得去找3.8版本的spine-player也许才能使用,同时得把3.5.51版本的模型转换成3.8的