(html)看板娘


看板娘收集的可用的模型

<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>看板娘</title>
</head>

<body>
    <!--
        可替換的模型名稱
        2D模型全名稱:
            live2d-widget-model-haruto      小娃娃(男)
            live2d-widget-model-koharu      小娃娃(女)
            live2d-widget-model-ni-j        小娃娃(不知道怎么描述,帶這個耳機)
            live2d-widget-model-nico        小娃娃(狐狸??)
            live2d-widget-model-nipsilon    小娃娃(粉長頭發小娃娃)
            live2d-widget-model-nito        小娃娃(粉短頭發小娃娃)
            live2d-widget-model-unitychan   小娃娃(黃色長頭發小娃娃)
            live2d-widget-model-chitose     一個帥哥
            live2d-widget-model-shizuku     坐在課桌上的小美女
            live2d-widget-model-hibiki      一個小妹妹
            live2d-widget-model-izumi       一個妹子
            live2d-widget-model-tsumiki     綠蘿????
            live2d-widget-model-miku        初音
            live2d-widget-model-z16         這個妹子好看
            live2d-widget-model-hijiki      黑貓
            live2d-widget-model-tororo      白貓
            live2d-widget-model-wanko       趴在碗里的狗
    -->
    <div id="live2d-widget">
        <canvas id="live2dcanvas">
    </div>
</body>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script>
<script>
    L2Dwidget.init({
        "model": {
            jsonPath: "https://unpkg.com/live2d-widget-model-hijiki/assets/hijiki.model.json",//這里改模型,前面后面都要改
            "scale": 1
        },
        "display": {
            "position": "left",//設置看板娘的上下左右位置
            "width": 200,
            "height": 200,
            "hOffset": 70,
            "vOffset": 0
        },
        "mobile": {
            "show": true,
            "scale": 0.5
        },
        "react": {
            "opacityDefault": 0.7,//設置透明度
            "opacityOnHover": 0.2
        }
    });
    window.onload = function () {
        $("#live2dcanvas").attr("style", "position: fixed; opacity: 0.7; left: 170px; bottom: 0px; z-index: 1; pointer-events: none;")
    }
</script>

</html>

直接替換后面的名稱即可


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM