https://github.com/yexuanxiao/pio-ts

🎃 一个支持更换 Live2D 模型的 JS 插件 - TypeScript 版本
https://github.com/yexuanxiao/pio-ts

Last synced: about 2 months ago
JSON representation

🎃 一个支持更换 Live2D 模型的 JS 插件 - TypeScript 版本

• Host: GitHub
• URL: https://github.com/yexuanxiao/pio-ts
• Owner: YexuanXiao
• License: apache-2.0
• Created: 2022-10-20T14:29:39.000Z (about 2 years ago)
• Default Branch: master
• Last Pushed: 2022-10-25T18:36:36.000Z (about 2 years ago)
• Last Synced: 2023-04-25T11:40:49.271Z (over 1 year ago)
• Language: TypeScript
• Size: 40 KB
• Stars: 2
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Pio-ts

🎃 一个支持更换 Live2D 模型的 JS 插件 - TypeScript 版本

原版：[Dreamer-Paul/Pio](https://github.com/Dreamer-Paul/Pio)

修改版（本项目依赖）：[YexuanXiao/Pio](https://github.com/YexuanXiao/Pio)

原则上兼容原版，仅提供 TypeScript 部分，以 Apache 2.0 重新发布

目前还处于开发阶段，有可能会有 bug

#### 兼容性

仓库内的 Pio.js 的编译目标为 ES2022，如果有兼容旧浏览器的需求可自行编译

Paul_Pio 为 Pio 的别名

Pio.init 为 Pio.Init 的别名

Pio.message 为 Pio.Message 的别名，注意，使用方式有所变化：

Pio.Message(message: string | string[], time?: number)

message 可为字符串数组或者字符串，若为字符串则随机显示一个

message 不支持 HTML（原版支持），time 单位为毫秒，默认为随机显示 [10, 20] 秒

### 新增功能

#### JS 用户轻松创建环境

使用 Pio.CreateContainerToBody(width: number, height: number) 可直接创建 Pio 所需条件

只需要再使用 let x = new Pio(/* args */) 即可使用

使用该方法会自动解决 canvas 模糊问题

#### 公开接口

let x = new Paul_Pio(/* args */)

x.Hide() 隐藏

x.Show() 显示

x.Init() 刷新看板娘

x.Message('Message', 10000) 发送消息

x.SetNextIdol() 来切换下一个模型

#### 控制按钮显示

在参数内添加

button: {

    info: false,

    home: false,

    totop: false,

    info: false,

    night: false,

    skin: false

},

可关闭对应按钮，如果有按钮没关闭则默认显示

#### 根据设备大小自动减小大小

该功能需要替换 css 使用：[pio.css](https://github.com/YexuanXiao/Pio/blob/master/static/pio.css)

#### 返回顶部按钮

该功能需要替换 css 使用：[pio.css](https://github.com/YexuanXiao/Pio/blob/master/static/pio.css)

#### 消息最大 4 行

该功能需要替换 css 使用：[pio.css](https://github.com/YexuanXiao/Pio/blob/master/static/pio.css)

#### 更改原版 loadlive2d 修正错误

该功能需要替换 js 使用：[l2d.js](https://github.com/YexuanXiao/Pio/blob/master/static/l2d.js)

### 声明

该项目是本人学习 TypeScript 的练手项目