Live2D项目，桌面可爱玩偶(可以动的),html桌面化(exe)的实现

原本为html的网页嵌入代码，我运用了nw.js进行了桌面化的实现

下载地址：
https://wws.lanzous.com/iWr0Wnny5bg
密码:i2on
下图为html源码图

下面为html源码

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Live2D desktop_cute_player</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome/css/font-awesome.min.css">
<style>
#github svg {transition: all 1s;fill: #222;color: #fff;position: absolute;top: 0;right: 0;border: 0;width: 80px;height: 80px;
}
#github:hover svg {width: 160px;height: 160px;
}
</style>
</head>
<body background="background.png">
<a id="github" href="https://github.com/stevenjoezhang/live2d-widget" target="_blank" title="Visit the open-source code on GitHub!">
</a>
<script src="./autoload.js"></script></body>
</html>

代码比较简单主要基于开源库<看板踉>
html桌面化的实现:
首先，我使用了nwjs（一款基与谷歌浏览器的包装器)
在百度搜索《nwjs》就有

使用方法：

1，将要打包的东西放到一个zip压缩包下面

2，在zip里面放入一个“package.json”文件，代码详细如下

{"main": "demo.html", //入口"name": "nw-demo",//字符串必须是小写字母或者数字，可以包含"." 或者"_"或者"-" ，不允许带空格,必须唯一"description": "demo app of node-webkit",//描述"version": "0.1.0",//版本"window": {//窗体配置"title": "demo", //窗体的标题"icon": "link.png",//窗体的ico图标"toolbar": false,//是否要工具栏"frame": true,//bool值。如果设置为false，程序将无边框显示 也就是没有系统默认的关闭，最小化，全屏按钮"width": 350,//窗口的大小"height": 350, //窗口的大小"position": "center", //字符串。窗口打开时的位置，可以设置为“null”、“center”或者“mouse”。"min_width": 350,//最小宽度"min_height": 250,//最小高度"max_width": 350,//最大宽度"max_height": 350,//最大高度"as_desktop" :true,//是否作为桌面背景窗口显示"resizable":false,//是否允许调整窗口大小"always-on-top":true,//窗口是否置顶"fullscreen":false,//是否全屏显示 "show_in_taskbar":true,//是否显示任务栏图标 "show":true, //如果设置为false，启动时窗口不可见"kiosk":false //是否使用kiosk模式。如果使用kiosk模式，应用程序将全屏显示，并且阻止用户离开应用},"webkit": {"plugin": false,//bool值，是否加载插件，如flash，默认值为false。"java":false, //bool值 是否加载java applets" page-cache":false //是否启用页面缓存}
}

详细的可以自行修改，提示如上图

3，将.zip压缩包改名为.nw，

将这个.nw文件放入与下载玩的nwjs同一个目录下
打开cmd
输入

cd "你的nwjs"下载目录
copy /b 你的nw文件.nw+nw.exe 你的项目名字.exe

然后得到一个新的exe
打包完成

下载地址：
https://wws.lanzous.com/iWr0Wnny5bg
密码:i2on

想要详细源码的，可以加q：2180538217

Live2D项目，桌面可爱玩偶(可以动的),html桌面化(exe)的实现相关推荐

该项目不在桌面中删除不了_win7系统桌面上的文件删不掉怎么办
我们在平时的工作当中,经常会去创建文档或者下载一些文档,但是最近有位win7系统用户使用完文档想要删除却删除不了了,用户不知道怎么回事,那么win7系统桌面上的文件删不掉怎么办呢?今天为大家分享win ...
安卓桌面壁纸_火莹视频桌面：好玩的动态桌面壁纸软件，让你的桌面动起来
前言每天都看着静止的桌面壁纸会不会感到有些无聊呢? 今天分享一款动态桌面壁纸软件,带你打开新世界的大门--「火莹视频桌面」,让我们的桌面动起来!φ(゜▽゜*)♪ 火莹视频桌面火莹视频桌面是一款桌面 ...
安卓桌面壁纸_好玩的动态桌面壁纸软件，让你的桌面动起来
点击蓝字关注我获取高效/实用/好玩的工具软件和教程前言每天都看着静止的桌面壁纸会不会感到有些无聊呢? 今天分享一款动态桌面壁纸软件,带你打开新世界的大门--「火莹视频桌面」,让我们的桌面动起 ...
CorelDRAW X7绘制可爱的卡通动漫多啦A梦
今天小编为大家分享CorelDRAW X7绘制可爱的卡通动漫多啦A梦方法,教程绘制出来的哆啦A梦非常可爱,适合新手来学习,推荐过来,来看看吧! 1.新建文件新建A4大小横向画布,双击"矩形 ...
[适合前端新手vue项目]超级可爱的宠物APP
[适合前端新手项目]超级可爱的宠物APP > < 基于网上找的UI设计图,实现简单的移动端静态页面:利用VUE框架进行管理:Mock实现模拟数据:添加了token登录和注册功能本项目用到 ...
linux切换桌面环境bug,GNOME 3.32.2桌面环境发布，最新的bug和安全修复
GNOME项目今天宣布发布GNOME 3.32 "Taipei"桌面环境的第二个也是最后一个版本的普遍可用性,适合于所有基于的Linux操作系统. 在第一个版本发布一个月之后,GN ...
怎么讲d 盘里的软件弄到桌面_GNOME 2 粉丝喜欢 Mate Linux 桌面的什么？
本文是 24 天 Linux 桌面特别系列的一部分.如果你还在怀念 GNOME 2,那么 Mate Linux 桌面将满足你的怀旧情怀. -- Seth Kenlon(作者) 如果你以前听过这个传闻: ...
桌面widget详解（四）——桌面音乐播放器（实战）
前言:这将是这个系列的最后一篇了,我写这几篇文章也是累的快不行了,再写就真的要吐了,言归正转,前面三篇已经把widget中涉及到的基本知识基本上讲完了,今天我们就做一个小例子,看看桌面音乐播放器wid ...
计算机输入法如何显示在桌面,Windows10系统启用输入法语言栏桌面提示框的方法...
一位 windows10系统用户反馈自己由于工作需求,要进行频繁的中英文转换,可是桌面并未显示输入法语言栏提示框,每次操作都很不方便.这该怎么办呢?下面,就随小编看看Windows10系统启用输入法 ...

Live2D项目，桌面可爱玩偶(可以动的),html桌面化(exe)的实现

Live2D项目，桌面可爱玩偶(可以动的),html桌面化(exe)的实现

Live2D项目，桌面可爱玩偶(可以动的),html桌面化(exe)的实现相关推荐

最新文章

热门文章