분필 애니메이션
터미널 출력의 다채로운 애니메이션
사용 가능한 애니메이션
이름 | 시사 |
---|---|
무지개 | |
맥박 | |
결함 | |
레이더 | |
네온 | |
노래방 |
설치하다
1$ npm i chalk-animation
용법
1
2
3const chalkAnimation = require('chalk-animation');
chalkAnimation.rainbow('Lorem ipsum dolor sit amet');
시작 및 중지
stop()
및 를 사용하여 애니메이션을 중지하고 다시 시작할 수 있습니다 start()
.
생성되면 chalkAnimation 인스턴스가 자동으로 시작됩니다 .
1
2
3
4
5
6
7
8
9const rainbow = chalkAnimation.rainbow('Lorem ipsum'); // Animation starts
setTimeout(() => {
rainbow.stop(); // Animation stops
}, 1000);
setTimeout(() => {
rainbow.start(); // Animation resumes
}, 2000);
자동 정지
콘솔에 인쇄된 모든 내용은 이전 애니메이션을 자동으로 중지합니다.
1
2
3
4
5chalkAnimation.rainbow('Lorem ipsum');
setTimeout(() => {
// Stop the 'Lorem ipsum' animation, then write on a new line.
console.log('dolor sit amet');
}, 1000);
속도 변경
두 번째 매개변수를 사용하여 애니메이션 속도를 변경합니다. 0보다 커야 하며 기본값은 1입니다.
1chalkAnimation.rainbow('Lorem ipsum', 2); // Two times faster than default
텍스트 변경
애니메이션 텍스트를 원활하게 변경하세요.replace()
1
2
3
4
5
6
7let 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
6const 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!
관련된
특허
MIT © 보리스 K