js加载live2d moc或moc3模型

##加载moc模型

<script src="https://cdn.jsdelivr.net/gh/zztongtong/CDN/js/live2d.min.js"></script> <div style="margin:0 auto;width:500px;"> <canvas id="model_1" width="200" height="500"></canvas> </div>
loadlive2d("model_1", `https://cdn.jsdelivr.net/gh/zztongtong/moc-models@1/22_high/model.json`, null);

image.png

加载moc3模型

<!-- <script src="/live2dcubismcore.min.js"></script> --> <script src="https://cdn.jsdelivr.net/gh/UsernameFull/l2d@0.2/js/frame/live2dcubismcore.min.js"></script> <!-- Include Pixi. --> <script src="https://cdn.jsdelivr.net/gh/UsernameFull/l2d@0.2/js/frame/pixi.min.js"></script> <!-- Include Cubism Components. --> <script src='https://cdn.jsdelivr.net/gh/UsernameFull/l2d@0.2/js/live2dcubismframework.js'></script> <script src='https://cdn.jsdelivr.net/gh/UsernameFull/l2d@0.2/js/live2dcubismpixi.js'></script> <!-- User's Script --> <script src="https://cdn.jsdelivr.net/gh/UsernameFull/l2d@0.2/js/l2d.js"></script> <!-- <script src="https://cdn.jsdelivr.net/gh/litstronger/live2d-moc3@master/js/main.js"></script> --> <script src='https://cdn.jsdelivr.net/gh/UsernameFull/l2d@0.2/js/main.js'></script> <div id="L2dCanvas"> </div>
var config = { width: window.innerWidth, height: window.innerHeight, left: '0px', bottom: '0px', basePath: 'https://cdn.jsdelivr.net/gh/zztongtong/moc3-models@2.0/', role: 'Ava', opacity: 1, mobile: false } var v = new Viewer(config);

image.png

鲸之声为您拼命加载中...