live2d看板娘

一、说明

原项目出自一个大佬的博客，猫与向日葵。阅读原文

这里感谢林木木木木木木木木木大佬和galnetwen大佬，此内容也是转载两位大佬的

首先到galnetwen大佬的 Github 去下载整理后的 Live2D 代码，大佬整理好的好下手 ~

这里转发一下资源，只记录简单使用，方面日后自己可以再次使用

二、代码使用

引入css

<link rel="stylesheet" href="/live2d/css/live2d.css" />

html

<div id="landlord">
    <div class="message" style="opacity:0"></div>
    <canvas id="live2d" width="280" height="250" class="live2d"></canvas>
    <div class="hide-button">隐藏</div>
</div>

引入脚本

<script type="text/javascript">
    var message_Path = '/live2d/'
    var home_Path = 'https://haremu.com/'  //此处修改为你的域名，必须带斜杠
</script>
<script type="text/javascript" src="/live2d/js/live2d.js"></script>
<script type="text/javascript" src="/live2d/js/message.js"></script>
<script type="text/javascript">
    loadlive2d("live2d", "/live2d/model/tia/model.json");
</script>

三、最终效果