Live2D模型

基于Qt的Live2D模型显示以及控制 链接库在下载的SDK目录Core/lib/windows下,我们根据自己使用的vs版本选择对应的库,v143是Vs2022,v142是Vs2019,v141是Vs2017。在vs中我们看到除了Demo项目,还有glew,glfw,framework项目,它们是用来生成链接库的,我们把他们设为启动项目然后生成一遍,得到对应链接库,之后我们要用的。到这里就基本和官方的效果差不多了,至于更多自定义修改,比如去掉背景和一些部件,模型的自定义显示,模型的切换等等,把那些控制代码看看,根据的需求修改即可。 阅读详情

把以下代码添加到 html 即可:

<script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script>

<script>
    L2Dwidget.init({
        "model": {
            jsonPath: "https://unpkg.com/live2d-widget-model-shizuku@1.0.5/assets/shizuku.model.json",
            "scale": 1
        },
        "display": {
            "position": "left",
            "width": 150,
            "height": 300,
            "hOffset": 0,
            "vOffset": -20
        },
        "mobile": {
            "show": true,
            "scale": 0.5
        },
        "react": {
            "opacityDefault": 0.7,
            "opacityOnHover": 0.2
        }
    });
</script>

其他可选的模型:
黑猫:https://unpkg.com/live2d-widget-model-hijiki@1.0.5/assets/hijiki.model.json
萌娘:https://unpkg.com/live2d-widget-model-shizuku@1.0.5/assets/shizuku.model.json
白猫:https://unpkg.com/live2d-widget-model-tororo@1.0.5/assets/tororo.model.json
狗狗:https://unpkg.com/live2d-widget-model-wanko@1.0.5/assets/wanko.model.json
小可爱:https://unpkg.com/live2d-widget-model-z16@1.0.5/assets/z16.model.json
小可爱:https://unpkg.com/live2d-widget-model-koharu@1.0.5/assets/koharu.model.json

把live2D模型放上网页 把live2D添加进网页 Live2D是一种应用于电子游戏的绘图渲染技术,技术由日本Cybernoids公司开发。通过一系列的连续图像和人物建模来生成一种类似三维模型的二维图像。 —来源:https://baike.baidu.com/item/Live2D/8496493 那么我们怎么把live2D人物模型添加进网页呢? 我就以我的一个网页为例: 先看效果 可以实现鼠标交互。 开始! 初级部分... 阅读详情

相关推荐

Live2d vue 插件 将live2d引入vue工程 在网页上添加live2d模型

Live2d vue 插件 将live2d引入vue工程 在网页上添加live2d模型 前面的废话: Live2d火过一阵,因为当我搜索“live2d 添加到网页上“的时候可以看到很多宅友已经给自己的博客首页加上了live2d看板娘并且发了博客跟大家分享了添加方法。 Live2d官方已经开源了网页上用的WebGL SDK,还提供了若干示例代码,鼓励开发者在更多场景下使用live2d。不过...

weixin_42740139的博客 8027

分享几种方式获取免费精致的Live2d模型

分享几种方式获取免费精致的Live2d模型

向宇的博客,专注php/web全栈 unity游戏开发,欢迎大家评论纠错 4万+

如何本地加载live2d模型 离线方式加载看板娘

此项目的基本技术栈:vue ( + electron-vue ) 在博客园看到不少这样的在页面下方有个live2d的动画(看板娘),想想要不也在最近的桌面应用加上去,弄成桌宠,像这样: (哈哈哈哈哈哈哈哈!放上最爱的neptune!!!) 咳咳,由于网上大多数的都是用引入链接的方式载入的看板娘,可是考虑到万一 故 意 拔了网线怎么办?女朋友卡网线里了,肯定不可以啊。好不容易找到了离线的方式,下面是方法 离线加载live2d模型 需要用到的库 pixi.js ( > 5.2.0 ) //.

这是个什么博客 8952

Live2D 模型资源下载

Live2D 模型资源下载 【下载地址】Live2D模型资源下载 本仓库提供高质量的 Live2D 模型资源,包含精心制作的模型文件,适用于动画制作、游戏开发及数字媒体项目。Live2D 技术赋予角色自然流畅的动作表现,提升视觉体验。下载前请确保已安装相关软件,并确认使用权限与目的,遵守法律法规。文件为压缩格式,解压后即...

gitblog_06732的博客 2935

Hexo项目:添加live2d模型

基于Hexo架构,快速开发博客项目

修行的凡人的博客 933

原神角色Live2D模型制作与应用指南

在当前迅速发展的数字娱乐领域,Live2D模型正成为游戏和虚拟角色设计中的一个热门话题。Live2D技术,源自日本,是一种允许二维图像以接近三维的方式进行动态表现的技术。它特别适用于需要角色表情丰富、动作流畅的场景,如游戏、虚拟直播、动画短片等。Live2D模型是一种二维动画技术,其核心在于将静态图像通过算法“活化”,使之具备微妙的动态表情和动作变化。与传统的动画制作方式相比,Live2D能够大幅提升动画的制作效率,同时减少工作量。它的出现,为二维动画领域带来了全新的变革。

weixin_31776191的博客 1747

Live2D使用分享

记得当时在做这个博客网站的时候,确实搞了很多花样。记得当时完live2d看板娘的时候就花了很多时间在这上面,毕竟是一步一步探索,都是从未知开始,今天我来分享总结一下Live2d的使用经历。 主要介绍三种玩法 玩法方式一 第一种玩法是只加载Live 2D模型,不能变身,可以使用在自己建的html文件里面。 这样的模型我一共发现总结了16个 比如: izumi shizuku wanko 具体大...

不愿意做鱼的小鲸鱼の博客 6595

vscode-live2d-models:VSCode看板娘模型库

vscode-live2d-models VSCode看板娘模型库 VSCode看板娘: 打开 “设置@ext:charlesz.vscode-live2d” 粘贴模型对应的url即可直接使用 URL 1. bilibili-22 https://raw.githubusercontent.com/iCharlesZ/vscode-live2d-models/master/model-library/bilibili-22/index.json 2. bilibili-33 https://raw.githubusercontent.com/iCharlesZ/vscode-live2d-models/master/model-library/bilibili-33/index.json 3. chiaki_kitty https://raw.githubusercontent.com/

Unity-Live2D笔记(脚本初始化,模型加载,live2d模型导出)

Unity-Live2d 概述:这是我学习Unity中Live2d的相关操作的一个笔记,欢迎各位同好和大牛的指点。(参考siki学院出的视频学的) 脚本初始化: 首先在创建的脚本里,我们需要导入live2d的命名空间即写入————using live2d; 然后实在Start方法中写入我们的Live2D.init();来架起live2d的环境条件(我姑且是这么理解的); (本条仅为知识点扩展,并...

诡白丷的博客 1万+

个人收集的Live2D模型.zip

个人收集的Live2D模型 个人收集的Live2D模型 个人收集的Live2D模型 个人收集的Live2D模型 个人收集的Live2D模型 个人收集的Live2D模型 个人收集的Live2D模型 个人收集的Live2D模型 个人收集的Live2D模型 个人收集的Live2D模型 个人收集的Live2D模型 个人收集的Live2D模型 个人收集的Live2D模型 个人收集的Live2D模型 个人收集的Live2D模型 个人收集的Live2D模型 个人收集的Live2D模型 个人收集的Live2D模型 个人收集的Live2D模型 个人收集的Live2D模型 个人收集的Live2D模型 个人收集的Live2D模型 个人收集的Live2D模型 个人收集的Live2D模型 个人收集的Live2D模型 个人收集的Live2D模型 个人收集的Live2D模型 个人收集的Live2D模型 个人收集的Live2D模型 个人收集的Live2D模型 个人收集的Live2D模型

基于Arduino与脑电模块的意念控制LED灯环实现

脑机接口(BCI)技术通过采集和处理脑电信号,实现人脑与外部设备的直接交互。其核心原理是利用传感器捕捉大脑活动产生的微弱电信号,经过放大、滤波和特征提取,转换为可识别的指令。这项技术在医疗康复、神经反馈训练和人机交互等领域具有重要价值。本文聚焦于一个具体的工程实践:使用消费级NeuroSky TGAM模块采集专注度与放松度数据,通过Arduino平台解析信号,并驱动WS2812B LED灯环实现实时可视化反馈。项目涵盖了硬件选型、电路搭建、数据解析和光效映射等关键环节,为脑机接口入门和嵌入式开发提供了完整的

weixin_28721917的博客 280

Vue-live2d在项目中展示Live2D 模型

Live2D 技术可以为网页增添一些趣味性,而 Vue-live2d 是一个基于 Live2D 技术的 Vue 组件,可以帮助我们在 Vue 项目中展示可爱的 Live2D 模型。在本文中,我们将介绍如何安装、配置和使用 Vue-live2d,并展示一些示例代码。现在,我们可以在 Vue 组件中使用 Vue-live2d 组件来展示 Live2D 模型。首先,我们需要安装 Vue-live2d。// xxx.model.json 的路径。//看板娘的表现位置left。//人物文件夹的位置。

weixin_43073383的博客 1530

Monocle2拟时轨迹基因模块的GO富集解析

本文详细解析了如何对Monocle2拟时分析中得到的基因表达模块进行GO富集分析。通过从热图对象中提取聚类模块,并利用clusterProfiler等工具进行功能注释,将抽象的基因表达时序模式转化为可解释的生物学功能主题,如免疫应答、细胞外基质组织等,从而深入理解细胞命运转变的驱动机制。

gpt4scribbler的博客 500

Unity--Cubism Live2D模型使用

模型导入到LIVE2D场景之后,会出现这样的问题,因为Editor里的图层顺序安排,在unity里并不适用,要在RenderController里设置后-前 Order,这样部件的排序(大概率是SDK做的Order)就可以改掉unity的展示问题。梳理一下自己的需求,视线追踪要实现,自由切换表情,,,(这个可能还要结合一下语音内容什么的,已经有动作了,表情要怎么处理,,,这个还得考虑)但加上也是可以的,只不过和Clip的动画会有一些出入,比如覆盖clip里规定 的各个参数变化,眼睛一直保持某个状态不变等。

red_redemption的博客 4237

LTspice进阶技巧-031.一键加密仿真模型:LTspice Encrypt Tool实战指南

本文详细介绍了LTspice Encrypt Tool的使用方法,帮助工程师一键加密LTspice仿真模型,保护知识产权。通过图形化界面简化操作流程,支持批量加密和兼容性处理,适用于电路设计中的模型保护需求。

weixin_28304023的博客 202

基于STM32F334C8T6的四开关Buck-Boost双向DC-DC电源设计与实现(附源码、仿真与计算书)

本文详细介绍了基于STM32F334C8T6的四开关Buck-Boost双向DC-DC电源设计方案。该设计利用STM32的高分辨率定时器(HRTIM)实现精确PWM控制,支持Buck、Boost和Buck-Boost三种工作模式自动切换,具备双向能量流动能力。通过PSIM仿真和Mathcad计算书进行参数优化,实测效率达95.8%,适用于新能源系统和电池管理等场景。

www00的博客 528

探索Live2D模型的Web世界:live2d-viewer-web项目推荐

探索Live2D模型的Web世界:live2d-viewer-web项目推荐 项目介绍 live2d-viewer-web 是一个基于 pixi-live2d-display 的Web应用程序,旨在为用户提供一个直观、易用的平台,用于展示和交互Live2D模型。通过该项目,开发者可以轻松地将Live2D模型集成到Web应用中,实现动态的2D角色展示和互动。 项目技术分析 live2d-viewer...

gitblog_00131的博客 1133

2080Ti双卡开启NVLink

本文介绍了如何在Ubuntu 22.04系统下给2080Ti双卡开启NVLink的方法。

flymyd的博客 2901

从零开始:如何为hexo-helper-live2d制作专属Live2D模型

hexo-helper-live2d是一款能为Hexo博客添加萌系二次元看板娘的插件,通过简单配置就能让你的博客充满生动趣味。本文将详细介绍如何为hexo-helper-live2d制作并集成专属的Live2D模型,让你的博客个性十足! ## 准备工作:了解Live2D模型结构 在开始制作前,我们需要先了解Live2D模型的基本结构。一个标准的Live2D模型通常包含以下核心文件: - `.m

gitblog_00140的博客 783

ST7789P3初始化配置

【代码】ST7789P3初始化配置。

zqq_1314的博客 4153

用FPGA控制步进电机是种什么体验?从状态机到分频器,详解Verilog驱动A4988全流程

本文详细介绍了如何使用FPGA通过Verilog语言控制步进电机,从状态机设计到A4988驱动模块的精准控制全流程。FPGA的并行处理能力和纳秒级响应速度使其在步进电机控制中展现出显著优势,特别适合工业自动化和精密仪器应用。通过实战代码示例,展示了如何实现高效的状态机设计和可编程分频器,为开发者提供了一套完整的FPGA驱动步进电机解决方案。

weixin_30983965的博客 329

JavaWeb项目中添加live2d模型

之前在个人博客中使用的 live2d 模型一直用的是网上一个大佬免费提供的 API ,这段时间发现这个 API 失效了,模型显示不出来,所以想着在自己的服务器上配置好 live2d 看板娘需要的所有文件,实现在项目中只需要引用一个 js 文件就可以在网页上显示看板娘。

小关同学的博客 2207

一文让你轻松理解802.11ax RU的概念

RU

1042484520@qq.com(邮箱) 3367

【亲测免费】 Live2D Widget 模型库安装和配置指南

### 项目介绍 `live2d-widget-models` 是一个用于存储 Live2D 模型的开源项目。Live2D 是一种用于创建二维动画的技术,广泛应用于游戏、网页等场景中。该项目提供了多种 Live2D 模型,用户可以通过简单的命令行操作来安装和使用这些模型。 ### 主要编程语言 该项目主要使用 JavaScript 进行开发,依赖于 Node.js 环境。 ## 2. 项目使用...

gitblog_09522的博客 1277

老版QQ原生表情gif动态

这是老版的QQ表情,不过全是动态的的,Windows照片查看器是不会动的,可以右击用浏览器打开查看,再说一遍是老版的,只是分享给宁愿用老版也要动态的人。

Statistics and Machine Learning Toolbox

Statistics and Machine Learning Toolbox(带书签),MATLAB统计学习工具

自制live2D模型在vue项目中展示的debug日志

总之之前的一大堆报错没有了,背景也成功变成透明的了,pixi-live2d-display插件提供的变换也都能用了(之前不能用),模型会自动呼吸了(只是动作较小,考虑回炉加大一下呼吸参数的live2D呼吸幅度)。

m0_63465025的博客 4051

win10 跳过U8环境检测的IE WebControls.rar

win10 安装u8的时候 提示IE WebControls 不通过,这个工具可以欺骗u8的检查。 跳过U8环境检测的IE WebControls。提示导入失败后,重新检测通过。

上一篇: mysql原理
下一篇: window7Docker 和 Xshell 安装
Jacob_Yu
博客等级 码龄11年 4粉丝 19原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值