Shulou(Shulou.com)05/31 Report--

This article is about how to use gkajs's frame animation generation tool gka. The editor thinks it is very practical, so I share it with you. I hope you can get something after reading this article.

Gkajs/gka is an efficient and high-performance tool for generating frame animation. Official website address: https://gka.js.org

The full name of GKA is generate keyframes animation.

Gka

Gka is a simple and efficient tool for generating frame animation and image processing.

Just one line of command, fast picture optimization, generate animation files, support the effect preview.

One-click: image file batch serialization rename, generate frame animation file, support preview

Good performance: support the same frame picture multiplexing ✓, picture blank cropping ✓, picture composition mode ✓, picture compression ✓

Multiple templates: built-in multiple file output templates to support custom templates

Online official document: https://gka.js.org

Gka installs sudo npm i gka-g

Just one line of command, quickly generate animation files, support the effect preview.

To process the pictures in the E:\ img directory, just type the command

Gka E:\ img

Generate a new file and preview the effect.

Gka one-click picture optimization, generate animation files.

Gka [options]

Gka tool fast picture processing, support pressure picture, composite picture, blank cut, remove repetition, generate picture information.

Gka tool [options]

Gka one-click picture optimization, generate animation files.

Command command gka [options]

Options parameter options

-d,-- dir # Picture folder address-u,-- unique [boolean] # enable the same frame Image Multiplexing on default-m,-- mini # enable Image Compression-p,-- prefix [string] # rename prefix, default prefix--f,-- frameduration # time per frame Default is 0.04 info,-- info # output information file-t,-- template # generate animation file template default n. For optional models, please see template listTemplates template list.

File generation template, built-in for picture processing and optimization, how to use.

Gka picture directory-t template name

Templates support dynamic growth, as long as you install the required templates. Instantly installed and available immediately.

Sudo npm i gka-tpl- template name-g

Process the pictures in the E:\ img directory. Use the default template to generate frame animation.

Gka E:\ img

Generate frame animation using a blank crop template

Gka E:\ img-t c

Use the composite template to generate frame animation and compress the picture

Gka E:\ img-m-t sgka tool

Gka tool is a fast image processing tool, which can support image pressing, image composition, blank clipping, de-duplicating, and generating picture information.

Command command gka tool [options] Options parameter options-d,-- dir # picture folder address-u,-- unique # enable picture de-duplicating-c,-- crop # turn on blank cropping mode-s,-- sprites # turn on composite mode-m -- mini # enable image compression-p,-- prefix [string] # rename prefix default prefix--i,-- info # output information file-a,-- algorithm # default binary-tree for composite layout mode Optional top-down | left-right..-r,-- replace # to use when compressing source images,-mr example

Process the pictures in the E:\ img directory.

Compress the image (if you want to compress the source file directly, use-mr)

Gka tool E:\ img-m

Cut the blank space of the picture

Gka tool E:\ img-c

Cut the blank of the picture, combine the picture after cutting, and output the information file

Gka tool E:\ img-csi

The above is how to use gkajs's frame animation generation tool gka. The editor believes that there are some knowledge points that we may see or use in our daily work. I hope you can learn more from this article. For more details, please follow the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.