web页面人物很小 - Githubissues

x0620x commented 2 years ago

你好，我下载了少女咖啡枪这个模型，我在web上引入相关的资源显示出来，人物模型太小了，并且用css怎么去控制大小或缩放都不行，如下图，这个怎么改呢？是改模型的 model3.json 文件吗？

web效果图

KAIYOHUGO commented 2 years ago

我之前也有類似的問題，我後來是用sdk那邊條的（或live 2d pixi 之類的），在載入時可以更改大小，因為它是用canvas 所以無法用css調整大小

Eikanya commented 2 years ago

改模型大小有一个loadModel.js，控制模型大小、位置，还有motion的加载等等。var model_x = -5; var model_y = 0; var modelWidth = 320; var modelHight = 300; var scale = 26;

x0620x commented 2 years ago

谢谢我试试！

x0620x commented 2 years ago

loadModel.js 这个资源在哪里啊没找到

x0620x commented 2 years ago

我是这样写的

<!DOCTYPE HTML>
<!--Eventually by HTML5 UP html5up.net|@ajlkn Free for personal and commercial use under the CCA 3.0 license(html5up.net/license)-->
<html>
<head>
    <title>demol3dome</title>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
    <script src="js/jquery.min.js"></script>
    <script src="js/live2dcubismcore.min.js"></script>
    <script src="js/pixi.min.js"></script>
    <script src="js/live2dcubismframework.js"></script>
    <script src="js/live2dcubismpixi.js"></script>
    <script src="js/l2d.js"></script>
    <script src="js/main.js"></script>
</head>
<style type="text/css">
</style>
        <div class="Canvas" id="L2dCanvas" ></div>
        <script>
            var config = {
                width: window.innerWidth,
                height: window.innerHeight,
                left: '0px',
                bottom: '0px',
                basePath: 'http://127.0.0.1/sw',
                role: '4__l2d_32.u',
                opacity: 1,
                mobile: true
            }
            var v = new Viewer(config); 
        </script>
</html>

Eikanya commented 2 years ago

这里https://github.com/Eikanya/live2dCDN/blob/master/live2dv3/loadModel.js，live2dv3文件夹可以直接用了

x0620x commented 2 years ago

这个怎么用啊在web上

KAIYOHUGO commented 2 years ago

用 pixi live2d display 也可以(個人覺得比官方的好太多了)，底下的範例就有教了

改大小是這句

model.scale.set(2, 2);

x0620x commented 2 years ago

啊啊啊啊啊还是没改好可以帮忙写一个预览的html单页吗 ☺ 我是菜鸟我是这样写的

https://github.com/guansss/pixi-live2d-display/blob/master/README.zh.md 这个的我也没学会能帮忙写一个这个的预览单页吗，十分感谢

<html>
<head>
    <title>domemodel3</title>
    <meta charset="utf-8" />
    <script src=""></script>
    <script src="js/jquery.min.js"></script>
    <script src="js/live2dcubismcore.min.js"></script>
    <script src="js/pixi.min.js"></script>
    <script src="js/live2dcubismframework.js"></script>
    <script src="js/live2dcubismpixi.js"></script>
    <script src="js/l2d.js"></script>
    <script src="js/main.js"></script>
</head>
<style type="text/css">
</style>
<div class="Canvas" id="L2dCanvas"></div>
<script>
            var config = {
                basePath: 'http://127.0.0.1/sw',
                role: 'l2d4__l2d_182.u',
                opacity: 1,
                mobile: true
            }
            var v = new Viewer(config); 
</script>

<script>
model.scale.set(2, 2);
</script>
</html>

Eikanya commented 2 years ago

这个是引入的js文件https://github.com/Eikanya/eikanya.github.io/blob/master/js/loadmodel.js。预览的html单页

<div class="waifu"  style="position: fixed; right: 10px;"><div class="waifu-tips"> </div> // 说话框
 <canvas id="live2d" class="live2d"></canvas> // 模型画布
<script>
  loadModel();  //加载模型
</script>
</div>

大概这样了

Eikanya / Live2d-model

web页面人物很小 #34