live2d 看板娘 简单添加看版娘到自己的网站

live2d 看板娘 简单添加看版娘到自己的网站

大家好,又见面了,我是全栈君。

简单添加看版娘到自己的网站

关注公众号后台回复  “看板娘”  获取全部文件(接口,源代码)。

我们先来看一下我们的网站会变成什么样吧!

http://www.djyqxbc.vip

(官网)注意左下角。

live2d 看板娘 简单添加看版娘到自己的网站

  1. 简单制作一个简单的看板娘

点击左下角的4个方块(开始菜单),直接搜索iis。

live2d 看板娘 简单添加看版娘到自己的网站

启动,并新增一个自己的网站,在网站目录下导入下面这些文件。

主要的文件我已经放在网盘了,文后有链接哦。

 

live2d 看板娘 简单添加看版娘到自己的网站

 

然后访问本地这个网站,我们就可以看见自己的看板娘了。

 

或者在当前文件夹中,我们已经有写好的网站页面,那我们只需要添加这段代码在我们当前的网站代码中,就能引入看版娘了。

<!-- waifu-tips.js 依赖 JQuery 库 -->

<script src="assets/jquery.min.js?v=3.3.1"></script>



<!-- 实现拖动效果,需引入 JQuery UI -->

<script src="assets/jquery-ui.min.js?v=1.12.1"></script>



<!-- 使用 aotuload.js 引入看板娘 -->

<script src="assets/autoload.js?v=1.4.2"></script>

 

我这份代码,经过改进,点击看版娘还有声音哦。

 

  1. 制作会发声的看版娘

live2d 看板娘 简单添加看版娘到自己的网站

根据需要,找到这两个文件,搜索193.112.19.100:2222修改为www.djyqxbc.com/kbn 发声的接口,便可以使用了。当然如果有更好的接口,也可以换成自己需要的。

 

3、部署看板娘接口。

上面的这种方式,只是简单的将看板娘代码片段部署到我们的网站上,我们只是看到看版娘的在我们的页面上显示。

 

那我不想调用其他人的接口,我就想要调用自己的看板娘接口。

 

live2d 看板娘 简单添加看版娘到自己的网站

如图,这些就是我们看版娘的接口。

 

那要如何布置到我们自己的网站呢?

 

来看我们上一篇文章中提到的部署iis配置php环境的文章。

iis+php环境搭建:https://blog.csdn.net/qq_39046854/article/details/114108141

live2d 添加对应mine值,mtn,moc文件404:https://blog.csdn.net/qq_39046854/article/details/114019680

 

按照这篇文章所写配置php环境,新增一个网站,将网盘中的文件复制到你的网站下,便部署看版娘接口了。

 

然后再assets下面找到这两个文件,根据选择的方式,将其中的modelAPI修改为刚才搭建的api。

live2d 看板娘 简单添加看版娘到自己的网站

 

 

 

比如你的网站是127.0.0.1:80

看板娘接口地址是127.0.0.1:81

 

那这里你就需要将//live2d.fghrsh.net/api/设置127.0.0.1:81/live2d。如果你的目录下没有live2d目录,那就直接127.0.0.1:81。

 

live2d 看板娘 简单添加看版娘到自己的网站

 

 

 

然后我们再来访问一下我们的网站,查看显示。

127.0.0.1:80.

相关推荐:

​windows IIS+php配置教程

搭建flask web框架及应用

搭建服务器jenkins+sonar的持续集成代码质量环境

人像转漫画

喜欢记得关注我们哦。

live2d 看板娘 简单添加看版娘到自己的网站

 

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/111377.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 焦点科技怎么老是招人_选错对焦点,错失好照片,你了解相机的对焦吗?

    焦点科技怎么老是招人_选错对焦点,错失好照片,你了解相机的对焦吗?对焦一直是衡量相机的性能的重要参数,在很长的一段时间里,我们因为相机的对焦系统不够强大,而习惯的单点手动设置对焦。而近几年微单相机的对焦快速发展,眼部自动对焦已经比较成熟,而我们的习惯也应该发生改变……选错对焦点,错失好照片多好的构图,妹子笑的多甜,然而就是因为焦点没有对准,成功的变成一张废片。很多人和我抱怨过,什么镜头跑焦,机身跑焦,可是你们有没有从自身找过原因,当真找到正确的焦点,准确合…

    2022年6月6日
    330
  • js中判断数组中是否包含某元素的方法有哪些_js判断数组里面是否包含某个元素

    js中判断数组中是否包含某元素的方法有哪些_js判断数组里面是否包含某个元素方法一: arr.indexOf(某元素):未找到则返回-1。 实际用法:if(arr.indexOf(某元素)&gt;-1){//则包含该元素}1例:varfruits=["Banana","Orange","Apple","Mango"];vara=fruits.indexOf("Apple");//2//以上输出结果意味着"Apple"元

    2022年10月19日
    4
  • scikit-learn : LARS[通俗易懂]

    scikit-learn : LARS[通俗易懂]LARS正则化斯坦福大学的BradleyEfron,TrevorHastie,IainJohnstone和RobertTibshirani发现了LARS(LeastAngleRegression,最小角回归)它借用了威廉·吉尔伯特·斯特朗(WilliamGilbertStrang)介绍过的高斯消元法(Gaussianelimination)的灵感。背景LARS是一种回归手段,适

    2022年6月24日
    30
  • Keil中代码的颜色设置 ( 很 全 )[通俗易懂]

    Keil中代码的颜色设置 ( 很 全 )[通俗易懂]因为长时间要编程,对于keil上的黑字白底,如果看久了会让人眼睛产生疲倦感,所以最好将代码颜色和底色都改变一下,让自己看起来舒服一点。下面是文字图片教程(如果自己没空去设置,我后面也有两套模板可以直接用,教程也在后面)1、点击keil右上角edit——Configuration——Color&Fonts(上面标签)2、3、(注意事…

    2022年5月10日
    223
  • C语言学习——指针精华(1)

    C语言学习——指针精华(1)C语言精华-指针01指针变量的引用代码入下://通过指针变量访问整型变量#include <stdio.h>int main(void){ int a, b, *p1, *p2; a = 100; b = 10; p1 = &a; p2 = &b; printf(“a=%d, b=%d\n”, a, b); printf(“*p1=%d…

    2022年8月18日
    7
  • discuz二次开发技巧

    discuz二次开发技巧discuz二次开发技巧二次开发大多时候知识设置和处理,如果能够获知模板文件获得的变量数组将大大提高我们的开发效率获取页面已经定义的变量<–{evalprintf_r(get_defined_vars());}–>  获取页面定义的常量<–{evalprint_r(get_defined_constants(true));}–&g…

    2022年5月12日
    42

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号