|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="">
|
|
|
|
|
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
|
|
|
<meta name="viewport" content="width=device-width,initial-scale=1.0">
|
|
|
|
|
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
|
|
|
|
|
<title>
|
|
|
|
|
G M H の 神奇工具箱🌟
|
|
|
|
|
</title>
|
|
|
|
|
<link rel="stylesheet" href="/css/style.css">
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body>
|
|
|
|
|
<noscript>
|
|
|
|
|
<strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled.
|
|
|
|
|
Please enable it to continue.</strong>
|
|
|
|
|
</noscript>
|
|
|
|
|
<div id="loading-bg" class="loading-bg"></div>
|
|
|
|
|
<div id="loading" class='box'>
|
|
|
|
|
<div class='sun'>
|
|
|
|
|
<img src="/img/sun.png" alt="" class='sunbody'>
|
|
|
|
|
<img src="/img/eye.png" alt="" class='eye'>
|
|
|
|
|
</div>
|
|
|
|
|
<p>加载中 请稍等....</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="app"></div>
|
|
|
|
|
|
|
|
|
|
<!-- built files will be auto injected -->
|
|
|
|
|
</body>
|
|
|
|
|
<script src="/live2D/l2dwidget.min.js"></script>
|
|
|
|
|
<script>
|
|
|
|
|
var catConfig = {
|
|
|
|
|
model: {
|
|
|
|
|
jsonPath: '', // xxx.model.json 的路径
|
|
|
|
|
},
|
|
|
|
|
display: {
|
|
|
|
|
superSample: 1, // 超采样等级
|
|
|
|
|
width: 250, // canvas的宽度
|
|
|
|
|
height: 300, // canvas的高度
|
|
|
|
|
position: 'right', // 显示位置：左或右
|
|
|
|
|
hOffset: 0, // canvas水平偏移
|
|
|
|
|
vOffset: 0, // canvas垂直偏移
|
|
|
|
|
},
|
|
|
|
|
mobile: {
|
|
|
|
|
show: true, // 是否在移动设备上显示
|
|
|
|
|
scale: 1, // 移动设备上的缩放
|
|
|
|
|
motion: true, // 移动设备是否开启重力感应
|
|
|
|
|
},
|
|
|
|
|
react: {
|
|
|
|
|
opacityDefault: 1, // 默认透明度
|
|
|
|
|
opacityOnHover: 1, // 鼠标移上透明度
|
|
|
|
|
},
|
|
|
|
|
}
|
|
|
|
|
// window.onload = function () {
|
|
|
|
|
// initCat()
|
|
|
|
|
// }
|
|
|
|
|
function initCat() {
|
|
|
|
|
L2Dwidget.init(catConfig)
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
</html>
|
