震惊!世界级天才画家 椎名真白竟然......

震惊!世界级天才画家 椎名真白竟然......

创意 1843 字 / 4 分钟
AI 总结 以下AI总结内容由腾讯混元大模型生成

本文介绍了作者如何尝试将 Live2D 角色模型应用到自己的项目中,并分享了一些过程中遇到的问题和解决方案。作者从 Live2D ViewerEX 开发者处了解到该技术的潜力,然后在 GitHub 上寻找相关代码和资源,但由于语言限制,未能找到有用的信息。接着,作者尝试在 CSDN 上寻找教程并下载了官方提供的 Live2D 模型,但在本地环境中无法预览。经过一系列尝试,作者最终成功地将 Live2D 模型嵌入到了自己的项目中,并解决了模型贴图损坏的问题。

  1. Live2D ViewerEX:介绍了 Live2D ViewerEX 是一款将动漫人物放入主屏幕的 APP,以及其在安卓平台上的流行程度。

  2. 技术探索:作者在为 Love Bangumi 找 Pixiv API 时,意外发现了一个技术大佬的博客,该博客展示了丰富的编程资源和 Geek 精神。

  3. GitHub 与 Live2D 项目:在博客中,作者提到了在 GitHub 上找到的一些与 Live2D 相关的项目,但并未找到有价值的代码。

  4. 官方文档与模型下载:作者下载了官方发布的 Live2D 模型和案例,准备在自己的项目中使用。

  5. 本地环境部署:由于没有安卓设备,作者决定在 VMware 中安装 Android 虚拟机,并通过更改启动文件参数来解决问题。

  6. 虚拟机安装与图形界面:经过一番折腾,作者终于在虚拟机上看到了图形界面,并解决了网络连接问题。

  7. 模型导入与运行:作者将下载的 Live2D 模型导入到项目中,并替换了损坏的贴图,使角色能够正常运行。

  8. 项目整合与优化:最后,作者将 Mashiro 的文件转移到七牛云上,并考虑使用 CDN 加速以提高性能。

之前在学校时,同学给我看了安卓上的一个APP——Live2DViewerEX,说是可以将动漫人物放在主屏幕上。嘛,Live2D,大家都知道的,霓虹的黑科技,提供2D的素材,然后营造出一种伪3D的效果。深受大(hen)家(tai)的喜爱。

之前也只是看到在安卓端挺火的。然而,前几天,当我在为 Love Bangumi 找 Pixiv 的 API 时,无意间发现了一个大佬的博客。我的天啊,我是真的被震撼到的。他光租的 VPS 就有3台(地主家的傻儿子233),架设了自己的 VPN,Git仓库,图床,网盘,API…满满的 Geek 精神啊!网址:https://imjad.cn/ 大家可以去看看,我还在想着能不能交换个友链。在他的个人介绍里,我看到了这个:

一个会动的蕾姆!二话不说右键-审查元素!祭出 Chrome 开发者面板!

在控制台的输出中,我发现,这居然是用 Live2D 做的:

我的天!这东西居然还可以移植到 HTML 上?那网上这么多的 Live2D 模型,我岂不是都可以拿来做个奇迹暖暖的换装游戏啦?

但是,很遗憾,我并没有在开发者面板中拿到完整的代码,便随便 Copy 了几段 JS 到 GitHub 上,看看能不能搜出来,结果也什么都没搜到。如果单单在 GitHub 上搜索 Live2D 的话,也只能搜到几个霓虹人写的 Test Project,没有任何参考价值。嘛,度娘一下吧。

然后,我找到了 CSDN 上的一篇文章,是讲这方面的,内容较复杂,也没什么耐心看,打算自己摸索,便把里面所提到的官方发布的演示项目下载了下来。(文章网址:http://blog.csdn.net/kakinuma/article/details/50697762)不要问我为什么不去官网上下载,官网是英文和日文混搭,完全看不懂!

下载下来后,发现官方已经提供了几个模型以及几个案例。但是在本地却无法预览,控制台的输出显示好像是不允许跨域(Cross Domain)

这也就意味着我只能上传文件到服务器上,然后在线进行调试。

翻了下文件,不多,并且也大概都知道各部分的作用。那么接下来就是找模型啦。

因为手头并没有安卓设备,所以打算用 VMware 开一个虚拟机,安卓镜像下载走起!

给虚拟机分配了 2G 的内存和 1 核 4 线程的 CPU,反正是绝对不会卡顿了。开机!Link Start!

然而,安装结束后,它出来的,居然,是,命令行!!!啊啊啊啊!!!我的安卓图形界面呢?angry

没办法,只好再一次求助度娘了。在一个角落里我发现了这篇我认为是最负责最详细的安卓虚拟机安装教程(http://suo.im/317GQV),然而它却被人丢在百度文库里…

原来是需要更改启动文件的参数,经过一番折腾后,我终于如愿以偿地见到了我的图形界面:

啦啦啦~安卓6.0,不对,是 Android 6.0,原生系统,比国产的那些固件不知道高到哪里去了!

然而,问题又来了!它连不上网!!VMware 好像并没有将我电脑的网络传给虚拟机!!(╯‵□′)╯︵┻━┻

I’m angry! 这下我是完全没耐心了!干脆还是下个安卓模拟器吧,随即还是下了个BlueStacks。

安装 App,进入,发现模型还挺多的,我便下载了个 Sakurasou ,樱花庄的模型。(啊啊啊真白!)

下载完后,提取模型到电脑,更改JS文件,上传到服务器,预览!

然后,控制台又给我报错了!!crying说是贴图损坏!!嘛,再一次求助度娘:https://tieba.baidu.com/p/4932375657,里面的解释是说,App中的模型全都是经过加密了的,无法使用,并且贴吧的小伙伴还很热心的给出了无加密的文件:https://tieba.baidu.com/p/4933433403

说真的,真是超级感动啊!下载,替换贴图!然后还是无法运行!:-(

喝了口水,瞬间想起会不是 .moc 的模型文件也是被加密过的?我便算了一下两个文件的 MD5,果然,不一样!

这下就更有把握了!再次替换模型文件,F5 刷新!!

终于,真白出现在了我的屏幕上!

超开心的啊!后面就是一些收尾工作了,我将真白的动作以及模型的物理参数文件都上传到了服务器上。她现在已经可以跟着鼠标动了!!移动端也用 iPad 和 iPhone 试了一下,完全适配!

为了不影响 Light Cube 的整体运行,我将这个 Live2D 以 iframe 框架的形式插入到了 Light Cube 上的关于我界面:

图片不可用

怎么感到莫名的羞耻啊!噫,四斋蒸鹅心!!

总得来说还是挺开心的,虽然中途遇到了很多很多的问题,但还是很感谢度娘一次又一次地帮了我,向李彦宏大佬低头!

后面的打算是将 Mashiro 的文件转移到七牛云上,毕竟几乎全都是静态文件,虽然文件不是很大,但配个 CDN 加速总归是好的!就写到这吧,今天也是端午最后一天假了,明天早上还要回学校…实不相瞒,这个 Live2D 我可以吹一年!哈哈!laugh

谢谢老板 Thanks♪(・ω・)ノ


喜欢这篇文章?为什么不打赏一下呢?