将看板娘搬进桌面看你写代码。

最新推荐文章于 2023-10-15 01:10:25 发布
最新推荐文章于 2023-10-15 01:10:25 发布
阅读量367 收藏
点赞数 1
分类专栏： vue 文章标签： 前端 vue.js javascript electron php
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/L_TZzzz/article/details/124864063
版权

技术栈描述

前端 electron + vue
后端 PHP live2D_api
部署 阿里云 + 小皮Linux版本

在看论坛的时候，发现了看板娘的项目，手动实现之后发现还挺不错，就萌生出了自己搞一个桌面版的想法。说干就干，正好以前使用electron自己做过简易版网易云的桌面应用，在实现过程中，发现前端请求的是cdn资源。而cdn的不稳定，也让我很头痛。然后通过接口，分析，找到了后端开源的API 项目，通过自己个人部署，终于完成。
在这里插入图片描述在这里插入图片描述

Super-Admin
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
电子小精灵：使用电子和live2D开发的类似桌面精灵的应用程序（使用电子和live2D开发的桌面应用程序）
02-02
台式精灵 2020/9/17感谢各位的喜欢，由于个人原因这个作品其实很久都没有进行维护了。从国庆假期开始，我将开始尝试纠正elf，包括对Windows平台的支持，适应electron最新版，添加一些新的模型等等，如果我司不再拼命安排加班的话，预计11月底12月初，可以看到一个全新的elf。 使用Electron，live2D开发的一个二次元桌面应用。 φ（≧ω≦*）♪ 如果你喜欢，请给我一颗 :white_medium_star: :sparkles: 相关技术 一 一 一 快速开始 1.下载示例代码 git clone https://github.com/fguby/Electron-elf.git 2.进入目录 cd Electron-elf 3.安装依赖并运行 npm install && npm start 支持功能 模型切换 内置音效 窗框 换装功能 自定义菜单标题文字 一些有趣的小功能 mac通知栏开发（简易的删除邮件方式？） 支持设置本地的模型仓库 文本邮件的备注以及通知 附件邮件自动下载附件至本地 快捷键切换模型以及换装 预先文件至模型区域触发删除功能 一个大概
桌面看板娘 ppet （附模型）
09-13
"桌面看板娘 ppet"是一款非常受欢迎的二次元虚拟助手软件，它的主要功能是将一个可爱的3D角色（通常称为“看板娘”或“桌面娘”）置于用户的电脑桌面上，为用户提供互动和信息展示服务。看板娘不仅能够增加桌面的...
网页中的动漫人物互动——看板娘
weixin_44735933的博客
02-21 3107
相信我们在很多博客页面中看到过页面下面有个动漫人物的 , 人物还可以互动 , 那么这是怎么实现的呢? 实现功能很简单 , 我们只需要添加如下三行代码在html中即可 <script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome/css/font
Vue、Html前端页面引入live2dw 使用看板娘
qq_43193513的博客
03-24 2803
一. 不下载文件 <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-widg
前端页面添加跟随鼠标的Live2d看板娘
wsncbddg的博客
01-21 1614
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href="https://cdn.jsde
live2d 3行代码 为网站添加萌萌哒看板娘
Kindnit的博客
08-31 1350
如何将萌萌的看板娘放进自己的网站里
live2d-widget网页看板娘源代码
03-18
live2d-widget是一个可以在网页中添加可爱的看板娘的网页插件。 live2d-widget特性： 在网页中添加Live2D看板娘。兼容PJAX，支持无刷新加载。 警告：本项目使用了大量 ES6 语法，不支持 IE 11 等老旧浏览器。 你也...
看板娘_看板娘waifu_网页看板娘背景_
10-02
"网页看板娘背景"是指将动态的看板娘图像设置为网页的背景，使得用户在浏览网页时，可以看到一个活动的角色在页面背后移动或执行各种动作。这种设计不仅能够增加网站的视觉吸引力，还可能提升用户体验，尤其是对于...
看板娘软件，能在Windows桌面上生成萌萌哒的看板娘
06-09
看板娘软件是一种创新的桌面应用，专为Windows操作系统设计，旨在为用户的电脑桌面增添趣味性和个性化元素。这种软件的核心功能是在用户的工作环境中创建一个动态的、可爱的虚拟角色，被称为“看板娘”，通常以...
看板娘配置文件.rar
01-14
4. **脚本文件**：JavaScript代码可能包含看板娘的交互逻辑，例如响应用户的输入，执行特定动作，或者根据时间触发事件。 5. **文档**：提供的文档很可能是指导用户如何部署和自定义看板娘的教程，包括如何切换不同...
live2d-desktop:使用electron建造的看板娘PC端桌面挂件，live2d使用的是https
03-22
live2d桌面 使用electron生成的看板娘PC端桌面挂件，live2d以为基础修改（使用本地资源，不请求大佬的API了）所以，大家可以直接下载使用。 在kbn文件中有打包好的exe文件，只能在windows64系统上运行。若果想要其他平台的文件，需要安装electron以及electron-package两个包，然后修改主目录下的package.json文件中的packager版本，将electron-version的值换成你自己的electron版本（我的版本是6.0.2）。最后一个命令行cd到文件主目录里，运行命令npm run-script packager可得到更多平台的应用。 kbn：打包输出文件。资源：寻找到的看板娘的资源文件。index.html：主页面。main.js：electron入口文件。package。json：electron的配置文件。 。 依赖包： 有
看板娘html代码
weixin_42502300的博客
09-17 1358
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>看板娘</title> </head> <body> <!-- .
【live2D看板娘】为你的网站添加萌萌的二次元板娘，这都拿不下你？
阿牛的博客
10-04 1万+
好久没有分享过有趣的东西了，这次我打算分享一个所有人都无法拒绝的前端小demo。相信好多自己搭建博客的盆友们总喜欢搞一个萌萌的二次元板娘，但基本都是网上引入别人封装好的资源，无法进行小部分修改，那么今天阿牛把我之前搞得可以扩展与修改的live2D板娘分享出来，快拿去装扮到你的博客小站去装x吧！
写一个网站看板娘教程
最新发布
m0_59547487的博客
10-15 321
时，通常是指为网站提供一个自定义的聊天机器人，用于与用户进行交互和回答问题。
部署看板娘到vue项目（前后端整合）
热门推荐
大爱仙尊
06-01 2万+
看板娘优秀的页面互动可以让页面更加活泼可爱，在个人博客或者项目中引用看板娘可以让项目更加美观、大气、活灵活现。今天我们就来引用一个看板娘到自己的前端项目中来。因为看板娘的后端API是用PHP写的，网上的CDN极不稳定，十分容易断掉。因此我们需要把后端也实例化一份到自己项目中来。 所需资源：linux服务器（可联网）、vue项目首先要在服务器上安装一个docker，使用docker可以轻量化的部署PHP的服务。
vue-live2d 看板娘
evgo2017的博客
01-01 1398
live2d 介绍，及方便用户在前端 vue 项目中添加看板娘
electron 打包 php,electron 将现有vue项目改成支持electron桌面端应用
weixin_39717704的博客
04-15 182
vue过滤器和组件化!DOCTYPE htmlhtml lang="en"head meta charset="UTF-8" meta name="viewport" content="width=device-width, initial-scale=1.0" meta http-equiv="X-UA-Compatible" content="ie=edge" titleDocument/ti...
Live2D看板娘代码引用
qq_28543535的博客
06-13 335
1、修改模板地址2、添加/修改对话3、引用“一言”接口后显示语句修改
基于大佬的代码实现看板娘效果（三段代码实现）
techeryi的博客
07-07 1926
基于大佬的代码实现看板娘效果（三段代码实现） 这是鄙人的第一篇博客日记，虽然也是用的他人的代码。这里附上原文地址https://www.cnblogs.com/liuzhou1/p/10813828.html，大佬在这里。话不多说放图： 在这里插入图片描述 这是我随手截出来的三张图，看板娘会随着你的鼠标移动和点击做出不同的反应和目光方向，所以看起来是非常和谐的。实现这个效果是非常简单的，代码附上： 在html页面直接引入 <script type="text/javascript" char
博客添加live2d看板娘代码
03-01
很高兴回答你的问题！如果你想添加Live2D看板娘代码到你的博客，你可以参考这个教程：https://blog.csdn.net/weixin_42891510/article/details/104062256。希望能帮到你！
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值