網上存在大佬寫的網頁live2d引擎,由於查找的資料經過很多次轉載,找不到引擎的原作者。這裏就發下資源,只記錄怎麼簡單引用live2d。
資源下載地址:https://pan.baidu.com/s/1F7dFUQNGu8ubXC50bgCMWw 提取碼:j2qh
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>
<script type="text/javascript" src="live2d/js/live2d.js"></script>
<script type="text/javascript" src="live2d/js/message.js"></script>
<script type="text/javascript">
//調用live2d引擎,載入模型數據json
loadlive2d("live2d", "live2d/model/tia/model.json");
</script>