在博客里放一只SpineModel

First Post:

Last Update:

参考教程：在你的博客里放一只可爱的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/[email protected].*/dist/iife/spine-player.js"></script>
<link rel="stylesheet" href="https://unpkg.com/@esotericsoftware/[email protected].*/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的