Live2D看板娘

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Live2D看板娘</title>
    <script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script>
</head>

<body>

</body>
<script>
    L2Dwidget.init({
        "model": {
            //jsonpath控制显示那个小萝莉模型
            jsonPath: "https://unpkg.com/[email protected]/assets/shizuku.model.json",
            //jsonPath: "https://unpkg.com/[email protected]/assets/z16.model.json",
            // jsonPath: "https://unpkg.com/live2d-widget-model-miku/assets/miku.model.json",
            "scale": 1
        },
        "display": {
            "position": "right", //看板娘的表现位置
            "width": 150,  //小萝莉的宽度
            "height": 300, //小萝莉的高度
            "hOffset": 0,
            "vOffset": -20
        },
        "mobile": {
            "show": true,
            "scale": 0.5
        },
        "react": {
            "opacityDefault": 0.8,//模型透明度
            "opacityOnHover": 0.2
        }
    });
</script>

</html>

你可能感兴趣的:(javascript,CSS)