anim-txt.js
v1.0.5
Published
my 0wn TexT animator :333!
Downloads
15
Maintainers
Readme
anim-TxT.js
parse-g
the text animator
install
npm i anim-txt.js
use in project
import { AnimateTxT } from 'anim-txt.js';
Actions
Default settings
{
time: 1500,
text: 'AnimateTxT!',
point: '.',
construct: {
replace: false,
backReplace: {
value: true,
point: '.',
},
time: {
mode: 'half',
ms: 1500,
},
text: 'AnimateTxT!',
},
}
CONSTRUCTOR
Create new animation
const settings = {
time: { mode: 'half', ms: 1500 },
replace: false,
backReplace: {
value: true,
point: '#'
}
};
const myAnim = new AnimateTxT(settings);
settings
{
replace: boolean,
backReplace: {
value: boolean,
point: string
},
time: {
mode: 'full' | 'half' | 'third',
ms: number
},
text: string
};
start custom animation ->
myAnim.start();
get settings ->
myAnim.settings;
Point animation
example
AnimateTxT.point({ text: 'my text', point: 'p', all_time: 1500 });
template
AnimateTxT.point({ text: string, point: string, all_time: number });
Print animation
example
AnimateTxT.print({ text: 'my text', all_time: 1500 });
template
AnimateTxT.print({ text: string, all_time: number });
Wawe animation
example
AnimateTxT.wawe({ text: 'my text', all_time: 1500 });
template
AnimateTxT.wawe({ text: string, all_time: number });
Line animation
example
AnimateTxT.line({ text: 'my text', all_time: 1500 });
template
AnimateTxT.line({ text: string, all_time: number });