【初级篇】网页引入live2d

一、说明

网上存在大佬写的网页live2d引擎，由于查找的资料经过很多次转载，找不到引擎的原作者。这里就发下资源，只记录怎么简单引用live2d。

资源下载地址：链接: https://pan.baidu.com/s/1GpbX7vsb4_E7OBF0whlNXg?pwd=8mpe 提取码: 8mpe 复制这段内容后打开百度网盘手机App，操作更方便哦

二、代码使用

html

<div id="landlord"><div class="message" style="opacity:0"></div><canvas id="live2d" width="280" height="250" class="live2d"></canvas><div class="hide-button">隐藏</div>
</div>

js部分

<script type="text/javascript" src="https://cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script>
<script type="text/javascript">var message_Path = 'live2d/' var home_Path = 'https://haremu.com/' //此处修改为你的域名，必须带斜杠
</script>//引入live2D基础库
<script type="text/javascript" src="live2d/js/live2d.js"></script>// 修改live2D上面的随机出现的文字信息
<script type="text/javascript" src="live2d/js/message.js"></script><script type="text/javascript">//调用live2d引擎，载入模型数据json，网上有很多模型，可以自行导入切换loadlive2d("live2d", "live2d/model/tia/model.json");
</script>

三、显示效果

【初级篇】网页引入live2d相关推荐

html常用特效,网页常用特效整理：初级篇-网页设计,HTML/CSS
笔者日积月累了许多精彩.实用的web特效的制作,这些特效几乎都是比较常用的网页特效.现在我就把这些经过整理和修改过的特效分三个级别分别介绍给大家. 初级篇 1．让文字不停地滚动 <marquee ...
EntityFramework Core 3.x初级篇发布
之前陆陆续续有一些童鞋一直催我什么时候出EF Core视频,因个人时间确实有限,中间也一直有想法去录制,但是还是因为各种原因而难产,刚好最近因为疫情的事情,个人时间比较充裕,于是下定决心开始准备录制E ...
在Eclipse中使用JUnit4进行单元测试（初级篇）
转载自在Eclipse中使用JUnit4进行单元测试(初级篇) 本文绝大部分内容引自这篇文章: http://www.devx.com/Java/Article/31983/0/page/1 我 ...
GNU Radio系列教程（七）：初级篇之GNU Radio GRC PSK调制解调
本文讲解视频:https://www.bilibili.com/video/BV1J54y147GQ 在本文中,我们将进行纯仿真实验,不使用任何硬件设备.但是,我们会考虑无线信号在实际信道传输过程中所 ...
简单五子棋算法——初级篇
简单五子棋算法--初级篇前言设计思路算法实现后言进阶设计前言五子是中国古老的棋类之一,是老少咸宜的娱乐项目.也是人机博弈中最简单的一类,相较于围棋.象棋变化更少,算法实现起来就相对比较简 ...
WarGame系列之Natas(Web安全)通关指北(初级篇0-10)详细版
*OverTheWire社区是一个提供wargame的网站,可以帮助安全爱好者以趣味的方式进行学习.练习安全知识. 本系列文章旨在记录笔者通关思路,其中解题思路也会参考借鉴网上已有文章,在此感谢相关作 ...
python-正则表达式入门初级篇
Python 正则表达式入门(初级篇) 本文主要为没有使用正则表达式经验的新手入门所写. 转载请写明出处引子首先说正则表达式是什么? 正则表达式,又称正规表示式.正规表示法.正规表达式.规则表达 ...
Python 正则表达式入门（初级篇）
唯心不易(转载) https://www.cnblogs.com/chuxiuhong/p/5885073.html Python 正则表达式入门(初级篇) 本文主要为没有使用正则表达式经验的新手入门 ...
osg中运用Shader(osg初级篇2)
关于shader的概念,可以参见我的另一篇博客<opengl版本发展史及各种概念的厘清>,这里列举一个例子,用来实现一个特效,屏幕的左半部显示为红色.首先我们准备好两个shader程序: ...
Kotlin——初级篇（六）：空类型、空安全、非空断言、类型转换等特性总结
在我们熟知的Java中,定义一个变量可以默认不赋值,因为Java的系统会给我们默认赋一个默认值,并且Java可定义一个赋值为null的变量,这样在使用这个变量的时候都会去显示判断该变量是否为null. ...

【初级篇】网页引入live2d

一、说明

二、代码使用

html

js部分

三、显示效果

【初级篇】网页引入live2d相关推荐

最新文章

热门文章