멋진 커뮤니티 모듈

분필 애니메이션

빌드 상태npmCodecovnpmXO 코드 스타일

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

사용 가능한 애니메이션

이름 시사
무지개무지개
펄스펄스
글리치글리치
레이더레이더
네온네온
노래방노래방

설치

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() 하여 수동으로 프레임을 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