チョークアニメーション

ターミナル出力のカラフルなアニメーション

利用可能なアニメーション

名前	プレビュー
虹
脈
グリッチ
レーダー
ネオン
カラオケ

インストール

1
$ npm i chalk-animation

使用法

1
2
3
const chalkAnimation = require('chalk-animation');

chalkAnimation.rainbow('Lorem ipsum dolor sit amet');

開始と停止

stop()およびを使用してアニメーションを停止および再開できますstart()。

作成されると、chalkAnimation のインスタンスが自動的に開始されます。

1
2
3
4
5
6
7
8
9
const rainbow = chalkAnimation.rainbow('Lorem ipsum'); // Animation starts

setTimeout(() => {
    rainbow.stop(); // Animation stops
}, 1000);

setTimeout(() => {
    rainbow.start(); // Animation resumes
}, 2000);

自動停止

コンソールに出力されるものはすべて、前のアニメーションを自動的に停止します。

1
2
3
4
5
chalkAnimation.rainbow('Lorem ipsum');
setTimeout(() => {
    // Stop the 'Lorem ipsum' animation, then write on a new line.
    console.log('dolor sit amet');
}, 1000);

速度の変更

2 番目のパラメータを使用してアニメーションの速度を変更します。0 より大きい値にする必要があります。デフォルトは 1 です。

1
chalkAnimation.rainbow('Lorem ipsum', 2); // Two times faster than default

テキストの変更

アニメーションテキストをシームレスに変更しますreplace()

1
2
3
4
5
6
7
let str = 'Loading...';
const rainbow = chalkAnimation.rainbow(str);

// Add a new dot every second
setInterval(() => {
    rainbow.replace(str += '.');
}, 1000);

手動レンダリング

でフレームを手動でレンダリングするrender()か、次のフレームのコンテンツを取得します。frame()

1
2
3
4
5
6
const rainbow = chalkAnimation.rainbow('Lorem ipsum').stop(); // Don't start the animation

rainbow.render(); // Display the first frame

const frame = rainbow.frame(); // Get the second frame
console.log(frame);

CLIモード

1
2
# Install package globally
$ npm install --global chalk-animation

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
$ chalk-animation --help

  Colorful animations in terminal output

  Usage
    $ chalk-animation <name> [options] [text...]

  Options
    --duration  Duration of the animation in ms, defaults to Infinity
    --speed  Animation speed as number > 0, defaults to 1

  Available animations
    rainbow
    pulse
    glitch
    radar
    neon
    karaoke

  Example
    $ chalk-animation rainbow Hello world!

関連している

• gradient-string - 端末に勾配を出力します
• Chalk - 色付きのテキストを端末に出力します

ライセンス

MIT ©ボリス K