【初級篇】網頁引入live2d

網上存在大佬寫的網頁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>

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章