java如何使用live2d_使用live2d web驱动（网页看板娘）

github地址如下：

原资源位置：

下载原资源后打开

根据原SampleApp1.html内容重新建立html页面

下面是依照修改的页面 => 下面删除了改变模型的按钮

main.js中引入的文件如下

文件结构如下

修改原SampleApp文件有：SampleApp1.js LAppDefine.js

SampleApp1.js

删除了按钮的定义

浏览器警告：给其添加passive参数

注释了这一条代码，这个会影响点击感受 => mousedown时会设置焦点，人物会看向鼠标

增加这一行代码，让鼠标在区域内移动时，会设置焦点

设置 mouseevent 的函数中注释了mouseup的情况，因为前面已经取消了mousedown 时

设置焦点

LAppDefine.js

重新设置模版配置的路径

补充的修改：LAppLive2DManager.js

初始是 –1 这里修改成 4 。就是修改init()时加载的默认模版这里改的默认模版是shizuku

module.json

观察：shizuku.module.json

textures：是身体部件

physics：是物理配置 => 决定人物头发应该怎么动等

pose: 配置人物的姿势

expressions ：配置人物表情

layout：布局配置

motions ：定义动作

idle :空闲时

tap_body: 点击身体时

pinch_in: 被捏时

pinch_out 被撑开时

shake: 被摇时

flick_head : 被拍打头部时

最后效果：

java如何使用live2d_使用live2d web驱动（网页看板娘）相关推荐

如何给自己的个人博客添加一个呆萌的live-2d博客精灵/看板娘
live2d看板娘一览图 1. 引入live-2d相关js  <script src="https://eqcn.ajz.miesnf ...
html中看板娘添加,如何在自己开发的web中放入“看板娘”
什么是看板娘? 那就她了--> 就是她~ 看板娘是一种职业和习惯称呼,也是ACGN次文化中的萌属性之一.简而言之就是小店的女服务生,也有"吸引顾客,招揽生意,提高人气"等作用 ...
【live2d】博客看板娘live2d！
意外发现live2d这种好东西,当然得收集点model玩一玩啦. 但听说原创model要大几千,所以还是网上找点别人的老婆过来吧. 先给我的盘连接~不知道这里面有没有放我收集的model,可能没有链 ...
live2d（Web SDK 4.x）Web看板娘进阶
接上篇文章 Live2D(WebSDK 4.X)网页看板娘设置(一) 欢迎大家阅读本篇教程该篇教程为进阶版的看板娘设置教程,阅读完后可以极大程度的自定义你的看板娘项目. 教程内容: 去掉canvas ...
Hexo添加Live2D看板娘最新教程
目录前言介绍 Live2D 看板娘添加Live2D看板娘准备工作安装依赖下载model文件添加live2d看板娘到hexo 查看效果发布结束语参考前言上次我们搭建了hexo博客 ...
基于纯Java代码的Spring容器和Web容器零配置的思考和实现（3） - 使用配置
经过<基于纯Java代码的Spring容器和Web容器零配置的思考和实现(1) - 数据源与事务管理>和<基于纯Java代码的Spring容器和Web容器零配置的思考和实现(2) - ...
Java中常见的5种WEB服务器介绍
Web服务器是运行及发布Web应用的容器,只有将开发的Web项目放置到该容器中,才能使网络中的所有用户通过浏览器进行访问.Java常用的Web服务器有哪些?本文将由小千给大家讲解. 开发Java We ...
Spring MVC之基于java config无xml配置的web应用构建
更多spring相关博文参考: spring.hhui.top 前一篇博文讲了SpringMVC+web.xml的方式创建web应用,用过SpringBoot的童鞋都知道,早就没有xml什么事情了,其 ...
Eclipse java SE版本解决无法新建web项目问题
Eclipse java SE版本解决无法新建web项目问题参考文章: (1)Eclipse java SE版本解决无法新建web项目问题 (2)https://www.cnblogs.com/lf ...

java如何使用live2d_使用live2d web驱动（网页看板娘）

java如何使用live2d_使用live2d web驱动（网页看板娘）相关推荐

最新文章

热门文章