Code Monkey home page Code Monkey logo

pio's Introduction

Pio

一个支持更换 Live2D 模型的 Typecho 插件。

本插件不存在任何依赖的样式和库,在后续版本当中我会逐渐实现一些有趣的功能。

使用方法

奇趣保罗自己搭建的 梦象 资源站上提供了较多可用于本插件的模型资源,如果你也想在这里提交自己的原创作品,不妨现在就和我 取得联系 吧!

  1. Star 本项目
  2. 从这里 下载 本插件
  3. 将插件文件夹重命名为 Pio
  4. 上传本插件,并放置在 usr/plugins/ 目录下
  5. 登录你的 Typecho 后台,找到 Pio 选择启用插件
  6. 你可以通过 选择外链 的方式引用你获得的模型资源
  7. 想了解更多的玩法,欢迎阅读 插件文档。如果对本项目有任何的建议和想法,欢迎随时提出~

项目相关

开源协议

由于原项目使用 GPL 2.0 协议,故本项目也采用相同的开源协议进行授权。

原创不易!如果喜欢本项目,请 Star 它以示对我的支持~

同时欢迎前往 保罗的小窝 为我提供赞助,谢谢您!

感谢

感谢来自开源社区提供的解决方案,简化了本项目的不少工作!

pio's People

Contributors

dreamer-paul avatar fantasticbin avatar jrotty avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

pio's Issues

设置选项报错,且启用插件后主页不显示模型

1. 该问题的重现步骤是什么?

安装最新版本Pio

2. 正常情况下的结果如何,你看到的呢?

正常情况下设置页面不会报错
报错,内容如下,且不显示模型:

Warning: file_get_contents(): SSL operation failed with code 1. OpenSSL Error messages: error:14090086:SSL routines:ssl3_get_server_certificate:certificate verify failed in /www/wwwroot/www.crashblock.top/usr/plugins/Pio/Plugin.php on line 34

Warning: file_get_contents(): Failed to enable crypto in /www/wwwroot/www.crashblock.top/usr/plugins/Pio/Plugin.php on line 34

Warning: file_get_contents(https://api.paugram.com/update/?name=Pio&current=2.4&site=blog.crashblock.top): failed to open stream: operation failed in /www/wwwroot/www.crashblock.top/usr/plugins/Pio/Plugin.php on line 34

3. 服务器的运行环境是?

  • 操作系统版本:CentOS 7.9.3
  • Apache/Nginx 版本:Nginx 1.20.2
  • PHP 版本:7.1.33
  • 插件版本:2.4
  • 浏览器版本:edge

看版娘对话框太长问题

1. 该问题的重现步骤是什么?

2. 正常情况下的结果如何,你看到的呢?

点击看版娘互动的对话框长度太长

3. 服务器的运行环境是?

  • 操作系统版本:
  • Apache版本:2.4
  • PHP 版本:2.4
  • 插件版本:7.4.5
  • 浏览器版本:

微信图片_20210724113123

点击 X 按钮之后无法再次让模型出现

1. 该问题的重现步骤是什么?

展现模式调成固定后点击x按钮后无法再次调出模型

2. 服务器的运行环境是?

  • 操作系统版本:ubuntuserver20.04
  • Apache/Nginx 版本:1.15
  • PHP 版本:5.4
  • 插件版本:2.4
  • 浏览器版本:chrome/firefox

隐藏看板娘看上去并不起作用

1. 该问题的重现步骤是什么?

在手机上进行浏览。

2. 正常情况下的结果如何,你看到的呢?

在隐藏看板娘开启时,依旧会出现模型

3. 服务器的运行环境是?

  • 操作系统版本:Debian9 x64
  • Apache/Nginx 版本:Nginx 1.17
  • PHP 版本:7.2
  • 插件版本:2.4
  • 浏览器版本:Brave 1.6.0, Chromium 78.0.3904.108

插件设置
访问情况

现在支持model3.json吗

1. 该问题的重现步骤是什么?

2. 正常情况下的结果如何,你看到的呢?

3. 服务器的运行环境是?

  • 操作系统版本:
  • Apache/Nginx 版本:
  • PHP 版本:
  • 插件版本:
  • 浏览器版本:

不支持 L2D 的 SDK3 模型

从网上找到大佬解包少鸽手游的模型1,丢上服务器发现不显示。
查了一下发现json格式不对,跑l2d官网一看才发现是版本的问题,大佬您的插件只支持旧sdk2.1的json加mtn文件,不支持新的sdk3模型。
翻了issues发现有人遇到过这种情况(就是那个血小板的)。里面提到了jad大佬用Cubism3Editor直接3转2的方法2。但是这个方法转出来的模型有bug,而且前提是要能拿到模型的源文件(.cmox等)。游戏中解包拿到的肯定是导出过的模型,只能view不能edit,所以方法不可用。
几年前的老游戏用的还是sdk2.1,这几年都是sdk3了,官方也已淘汰2...然而翻了jad大佬和另外几位大佬的repo,好像都是2的...
(jad大佬好像说过升级sdk很难...
(那我这种菜鸡萌新只能等新的大佬写出新版本了15551

typecho主题使用了PJAX功能怎么修改插件代码呢

typecho主题使用了PJAX功能后,切换页面会无法加载模型或加载图像错乱,具体报错信息为:

Uncaught TypeError: Cannot read property 'createProgram' of undefined
    at mt.loadShaders2 (VM743 l2d.js:1)
    at mt.initShader (VM743 l2d.js:1)
    at mt._$ZT (VM743 l2d.js:1)
    at Y.preDraw (VM743 l2d.js:1)
    at ft.update (VM743 l2d.js:1)
    at o.update (VM743 l2d.js:1)
    at _ (VM743 l2d.js:1)
    at t (VM743 l2d.js:1)

应该如何解决呢?

关闭看板娘后,重新显示的位置不对

1. 该问题的重现步骤是什么?

  1. 使用插件的「可移动」模式,或是 JS 配置使用 draggable
  2. 拖拽看板娘,点击「关闭」按钮

2. 正常情况下的结果如何,你看到的呢?

正常:图标应位于页面左侧
实际:位置错乱,相对于看板娘本身

3. 服务器的运行环境是?

  • 操作系统版本:/
  • Apache/Nginx 版本:/
  • PHP 版本:/
  • 插件版本:7d3cac
  • 浏览器版本:任意新浏览器

image

模型使用

1. 该问题的重现步骤是什么?

https://github.com/Eikanya/Live2d-model下载模型后导入,并稍加修改model.json

2. 正常情况下的结果如何,你看到的呢?

看不到模型

3. 服务器的运行环境是?

Centos

  • 操作系统版本:CentOS Linux release 7.6.1810 (Core)
  • Apache/Nginx 版本:nginx/1.18.0
  • PHP 版本:PHP 7.2.34
  • 插件版本:2.4
  • 浏览器版本:Google Chrome 90.0.4430.93

13IL$F0AK`B5V0CWUKF65B4

我觉得是模型版本问题,插件默认的model.json是v1
而给的model是v3的

能否增加自定义边距功能

1. 该问题的重现步骤是什么?

设置两个皮肤的情况下,设置中自定义宽高度无法保证两个模型完美显示

image

image

鼠标移动的时候总有一部分被截掉,如果能自定义透明边框,就可以全部包含模型部分了

2. 正常情况下的结果如何,你看到的呢?

如上图

3. 服务器的运行环境是?

php7,sqlite3,nginx

  • 操作系统版本:Windows10
  • Apache/Nginx 版本:--
  • PHP 版本:7
  • 插件版本:最新
  • 浏览器版本:89.0.4389.114

不可在pjax模版中运行

1. 该问题的重现步骤是什么?

在一个pjax模板中运行

2. 正常情况下的结果如何,你看到的呢?

正常左下角应加载pio,我看到的没有hhhh

3. 服务器的运行环境是?

  • 操作系统版本:centos 7
  • Apache/Nginx 版本:tengine
  • PHP 版本:7
  • 插件版本:2.4/2.1.5
  • 浏览器版本:all

功能按钮上下居中

.pio-container .pio-action {
    top: 5%;
    bottom: 1%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    opacity: 0;
    position: absolute;
    transition: opacity .3s;
}

使用 flex 让其居中对齐似乎是一种不错的方式

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.