멋진 커뮤니티 모듈

분필 애니메이션

빌드 상태 npm Codecov 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 10
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!
  • gradient- string-터미널에 그라디언트 출력
  • 분필 - 출력 단자에 텍스트를 색

특허

MIT © 보리스 K