멋진 커뮤니티 모듈

분필 애니메이션

빌드 상태 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() 로 애니메이션을 stop() 다시 시작할 수 있습니다.

생성되면 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 © Boris K