live2d吧 关注:27,063贴子:24,392
  • 23回复贴,共1

如何在给自己的博客或者网站加上live2d看板娘

只看楼主收藏回复

序章:
live2d常常被我们用于做手机的动态壁纸增加萌点!live2dviewerex
当然你也可以把ta放到你的博客上看板!这样也很卡哇伊不是吗(*/ω\*)
live2d目前技术还不是很成熟 但是很适合用来做网站的看板娘 这一点是不错的废话不少说
直接进入今天的正题


回复
1楼2017-12-08 18:27
    因为我在博客上写过相同的文章
    也可以浏览我的博客食用https://www.ohyhello.com/


    回复
    2楼2017-12-08 18:29
      获取模型&调整:
      科普:Live2D是一种应用于电子游戏的绘图渲染技术,技术由日本Cybernoids公司开发。
      通过一系列的连续图像和人物建模来生成一种类似三维模型的二维图像,对于以动画风格为主的冒险游戏来说非常有用,缺点是Live 2D人物无法大幅度转身,开发商正设法让该技术可显示360度图像。
      首先既然是做live2d的看板娘怎么能少了最基础的模型呢!
      这里是本project的大概流程图:
      Live2d的模型(你喜欢的)[这里包含了声音调用以及其他的0.0]→官方或者修改的SDK(合成)→上传至网站相应目录→在相应位置插入 js css div以及其他附属→调整css→完工了!
      关于模型如何获取这里不详细讲解


      回复
      3楼2017-12-08 18:29
        以下为获取途径:
        1.百度贴吧 (live2d吧 live2dviewerex吧 )这里面有很多模型 自己去看看吧!看看能不能找到你们的老婆
        2.在游戏里提取(注意版权问题)这些游戏都是由live2d引擎驱动的
        像在这些游戏里都能提取出模型 置于方法嘛(自己百度吧)说出来我怕菊花被人捅烂
        《樱花庄的宠物女孩》【2013/02/14】(角川游戏)PSP/PSV
        《某魔术和科学的群奏活剧》【2013/02/21】(NBGI)PSP
        《药水制作师》【2015/3/23】(Sinsiroad) 安卓/ios
        这里有篇讲如何提取《药水制作师》模型的文章:相关链接
        获取模型的格式 最好是moc的可编辑工程文件 当然lpk也行 但是lpk能不能用就看你的运气了
        这里讲讲如何打开模型
        查看模型需要使用LIVE2D官方提供的Live2D Viewer,下载和安装方法请查看 这个网页然后如果你下载(或者提取的)的是编工程文件的live2d的话 (json已经写好的)你可以吧json拖到live2d-viewer里面就可以预览模型了
        如果是lpk格式的文件的话 这里讲解一种(菊花被人捅烂的方法解lpk)
        先下载好lpk然后用zip压缩工具查看打开这个lpk 然后解压里面的文件出来就可以得到moc 那样的模型了
        如果你下载的lpk是被加密过的那么这个方法就不能使用了(乖乖换老婆或者想其他办法吧)






        回复
        4楼2017-12-08 18:30
          同样我们可以把别的模型也拖进去拖进live2d-viewer里 就可以预览模型了
          打开Live2D Viewer,将json或者moc (网页只调用json)拖入主窗口,可以看到模型已经加载成功,若有贴图错位、动作鬼畜等情况则为上一步的json文件配置有误,测试直到找到正确的模型、动作、贴图组合


          回复
          5楼2017-12-08 18:31
            有些模型是自带动作以及语音的(有些不带 后面我会详细讲如何添加语音的)
            这样可以测试动作:


            回复
            6楼2017-12-08 18:31
              选择要测试的动作,点击Playback播放动作以测试动作是否正常,勾选Loop可以循环播放
              模型测试好了之后就进入下一步吧!
              模型大概就到这里了 下面是主体部分:
              接下来是准备SDK
              为了效率最大化,为了不重复造轮子,为了社会主义的发展 我们这里直接调用而是用@EYHN大佬封装好的库来加载并显示模型。
              相比较官方版本而言,仅需一条命令即可进行模型的加载,无疑方便许多。而且官方的sdk还附加背景以及其他之类的 我们这里博客不需要 当然如果你需要的话可以自己去使用官方的sdk!
              以下为增加博客萌点所做?(?>?<?)?
              但对于「药水制作师」这款游戏的模型来说,上面所说的库还需经过一些修改。
              转载 @猫与向日葵
              修改原因:
              基于commit #fea64e4修改,修改内容:
              修复移动鼠标会触发点击事件的问题
              增加鼠标点击事件
              移除自带的眨眼动作
              增加久置动作与事件支持
              增加自定义HIT_AREA的方法
              由于原项目使用了GPL v2开源协议,修改后的代码已开源至GitHub,若想修改请参考项目hexo-helper-live2d
              鉴于该项目仍在活跃开发中,@猫与向日葵修改的版本可能会随时间变化而过时
              编译后的版本可以在这里下载:点这里
              以下部分内容为转载内容:
              提示功能(可选)
              这部分直接抄自之前的浮动小人,做了部分修改,非必须项,须jQuery支持
              若不启用此部分内容,下一步应作相应修改
              此处代码不可直接套用,应根据自身情况进行修改
              这里是为小人添加消息提示框的 此部分可以不做 当然你喜欢的话我也是不介意的


              回复
              7楼2017-12-08 18:31
                置于详细的步骤 以及源码这里不好上传
                可以阅读:https://www.ohyhello.com/530/
                获取详细内容
                关于live2d 改进和更新或者其他问题可以在评论区留言
                demo:http://www.ohyhello.com


                收起回复
                8楼2017-12-08 18:33
                  感谢


                  收起回复
                  来自Android客户端9楼2017-12-08 20:40
                    喝杯java


                    回复
                    10楼2017-12-16 19:29


                      回复
                      来自Android客户端11楼2017-12-17 20:48
                        基于hexo搭建的next主题想实现live2d,根据网上教程设置如下:
                        live2d:
                        enable: true
                        model:
                        use: live2d-widget-model-haruto
                        display:
                        position: right
                        width: 150
                        height: 300
                        mobile:
                        show: true
                        scale: 0.5
                        但是没有效果,请问大佬怎么破?


                        收起回复
                        12楼2018-04-23 13:56
                          不过在博客园上怎么操作?sStyx-Ferryman大佬在博客园上成功的载入了live2d,不知怎么做......


                          回复(1)
                          13楼2018-10-11 22:37
                            链接都失效了。。。


                            回复
                            14楼2018-12-19 10:31