【初级篇】网页引入live2d

一、说明

网上存在大佬写的网页live2d引擎，由于查找的资料经过很多次转载，找不到引擎的原作者。这里就发下资源，只记录怎么简单引用live2d。

资源下载地址：链接: https://pan.baidu.com/s/1GpbX7vsb4_E7OBF0whlNXg?pwd=8mpe 提取码: 8mpe 复制这段内容后打开百度网盘手机App，操作更方便哦

二、代码使用

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>

js部分

<script type="text/javascript" src="https://cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script>
<script type="text/javascript">
    var message_Path = 'live2d/' 
    var home_Path = 'https://haremu.com/' //此处修改为你的域名，必须带斜杠
</script>

//引入live2D基础库
<script type="text/javascript" src="live2d/js/live2d.js"></script>

// 修改live2D上面的随机出现的文字信息
<script type="text/javascript" src="live2d/js/message.js"></script>

<script type="text/javascript">
    //调用live2d引擎，载入模型数据json，网上有很多模型，可以自行导入切换
    loadlive2d("live2d", "live2d/model/tia/model.json");
</script>

三、显示效果