멋진 커뮤니티 모듈

분필 애니메이션

빌드 상태 npm 코덱스 npm XO 코드 스타일

터미널 출력의 다채로운 애니메이션

사용 가능한 애니메이션

이름 시사
무지개 무지개
맥박 맥박
결함 결함
레이더 레이더
네온 네온
노래방 노래방

설치하다

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);

속도 변경

두 번째 매개변수를 사용하여 애니메이션 속도를 변경합니다. 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!

특허

MIT © 보리스 K