live2d内嵌html,live2d web端加载moc3模型

将模型文件放在github上面用jsdelivr会出现WebGL加载跨域纹理出错的问题

查看详细错误后会发现问题出在这里，接着打开lapptexturemanager.ts文件，在这里加上img.crossOrigin = '';

人物没有布满整个canvas导致人物相对较小的问题

修改Framework\src\math\cubismmodelmatrix.ts里面的this.setHeight，原来是1.0

删除官方模板右上角的齿轮出现的问题

根据大佬的博客删除齿轮后，如果点击屏幕，会出现下面问题(虽然对使用没什么影响)

到lappview.ts里面注释掉下面的代码即可

加完后重新打包，用新的bundle.js即可

如果想用在博客园上面的话除了上面的修改之外还得再修改一下代码加载的内容

最后附上自己修改的代码，右边的模型是直接用官方的素材

var resourcesPath = 'https://cdn.jsdelivr.net/gh/wangstong/live2dm3/live2d/model/'; // 指定资源文件(模型)保存的路径

var backImageName = ''; // 指定背景图片

var modelDir = ['Hiyori']; // 指定需要加载的模型

initDefine(resourcesPath, backImageName, modelDir); // 初始化模型

live2d内嵌html,live2d web端加载moc3模型相关推荐

web端加载百度地图和天地图
1.加载百度地图在页面中引入js文件 <html> <head> <script type="text/javascript" src=" ...
OSM逆地理服务器搭建（四）之Web端加载OpenStreetMap地图
前言前面的文章中说道我们利用 Nominatim将搭建了可以进行地址解析的服务器,以及如何利用 Nominatim进行地址解析. 虽然我们解决了地址解析不依赖谷歌服务,但是地图引擎,路线规划,画电子 ...
SuperMap iMobile 8C 技术文档 ——加载倾斜摄影模型
作者:博哥北京超图软件股份有限公司中国•北京 ##** 目录** ###**1 概述 ** ###**2 操作流程 ** ####**2.1 生成配置文件 ** #####2.1.1 使用说明 ...
内嵌WEB服务器加载原理
内嵌WEB服务器加载原理理解里面的tomcat是如何启动的 Startup.bat Server.start() 1,概述我们在使用springboot项目的时候并没有使用外部的tomcat,那么 ...
web.xml加载详细过程（步骤）
转载自:http://blog.csdn.net/believejava/article/details/43229361 这篇文章主要是综合网上关于web.xml的一些介绍,希望对大家有所帮助,也欢 ...
移动端加载MVT矢量瓦片
在SuperMap iMobile for Android 9D(2019)版本中,新增了加载MVT矢量瓦片的接口.矢量瓦片具有创建效率高.传输和渲染速度快.数据和风格样式独立,更改配图方案无需重新创 ...
web 页面加载速度优化实战-100% 的飞跃提升
前言一个网站的加载速度有多重要? 反正我相信之前来博主网站的人至少有 50% 在加载完成前关闭了本站. 为啥捏? 看图首页完整加载时间 8.18s,看来能进来看博主网站的人都是真爱呀,哈哈. ...
python网页优化_400% 的飞跃－web 页面加载速度优化实战
前言一个网站的加载速度有多重要? 反正我相信之前来博主网站的人至少有 50% 在加载完成前关闭了本站. 为啥捏? 看图首页完整加载时间 8.18s,看来能进来看博主网站的人都是真爱呀,哈哈. 正常 ...
web 页面加载速度优化实战
前言一个网站的加载速度有多重要? 反正我相信之前来博主网站的人至少有 50% 在加载完成前关闭了本站. 为啥捏? 看图首页完整加载时间 8.18s ,看来能进来看博主网站的人都是真爱呀,哈哈. ...
JAVA Web.xml 加载顺序
web.xml加载过程(步骤): 1.启动WEB项目的时候,容器(如:Tomcat)会去读它的配置文件web.xml.读两个节点: <listener></listener> ...

live2d内嵌html,live2d web端加载moc3模型

live2d内嵌html,live2d web端加载moc3模型相关推荐

最新文章

热门文章