# webpf

**Repository Path**: y1378056783/webpf

## Basic Information

- **Project Name**: webpf
- **Description**: 这是一个用node实现webp转换png的小工具
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-02-21
- **Last Updated**: 2024-02-21

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# webpf

## 简介

把webp一键转化可用的序列帧动画，产出物包括canvas代码/png雪碧图/json配置文件。此工具依赖于gka，详情请移步[这里](https://github.com/gkajs/gka)。

运行本程序前，请确保本地已安装gka及模板gka-tpl-canvas。

执行如下命令安装：
	
	npm install gka -g
	npm install gka-tpl-canvas -g

## 安装方法

	npm install webpf -g
注意：安装gka有点慢，最好在命令行配置代理，否则会失败，配置参考：
```
$env:HTTPS_PROXY="http://127.0.0.1:8580"
$env:HTTP_PROXY="http://127.0.0.1:8580"
```
## window使用注意
1. 安装后要替换两处文件才可以正常运行
* C:\Users\your account\AppData\Roaming\npm\目录中webpf脚本文件
* C:\Users\your account\AppData\Roaming\npm\node_modules\webpf\splitweb目录中extract脚本文件
2. 需要在mingw64命令行中才可以正常使用
3. 需要在mingw64中安装libwebp依赖，安装参考：

`pacman -S mingw-w64-x86_64-libwebp`

## 命令介绍

### webp转换成png源图

`webpf source -p path`

- path：webp路径
- 产出物：webp文件同级目录文件夹，包括所有webp文件中png图片
- 文件夹名称和webp文件相同

`webpf sprite -i path`

- path：png源图文件夹
- 产出物：webp-canvas文件夹，含序列帧播放demo、json配置文件、png雪碧图

`webpf fix -p path`

- source/sprite两个子命令的集成体，可直接从webp转化到canvas播放demo
- path：webp路径

### 例子

下载项目根目录下`lan.webp`文件到本地，执行命令`wepf fix -p path`。