只有跨越了来自人类自身恐惧的人,才有资格被称为站在顶峰的人。我是这样认为的。——迪奥·布兰度

这次就非常简单啦

首先你得准备模型文件

然后把这段代码粘贴过去

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<!-- Live2DCubismCore script -->
<script src="https://VampireAchao.github.io/js/live2dcubismcore.js"></script>
<!-- Build script -->
<script src="https://VampireAchao.github.io/js/bundle.js"></script>
<canvas id="live2d" width="300" height="300" class="live2d" style="position: fixed; opacity: 1; left: -45px;bottom: 0px; z-index: 99999; pointer-events: none;"></canvas>
<script>
var resourcesPath = ''; // 指定资源文件(模型)保存的路径
var backImageName = ''; // 指定背景图片
var modelDir = ['supa']; // 指定需要加载的模型
initDefine(resourcesPath, backImageName, modelDir); // 初始化模型
</script>
</body>
</html>

这里再转载一下两位大大的博客

https://blog.csdn.net/weixin_44128558/article/details/104792345

https://www.cnblogs.com/wstong/p/12874732.html