ccmars / typecadence Goto Github PK
View Code? Open in Web Editor NEWTyping animation library that automatically mimics the flaws of a human typist
Home Page: http://typecadence.colemarshall.net/
License: Creative Commons Zero v1.0 Universal
Typing animation library that automatically mimics the flaws of a human typist
Home Page: http://typecadence.colemarshall.net/
License: Creative Commons Zero v1.0 Universal
Add a singular page with a demo of all Typecadence features with instructions on how to use them. Use GitHub Pages.
Allow for the animation to optionally print word-by-word rather than letter-by-letter.
Allow the user to specify a callback once the animation is complete.
Allow mistakes to be present for up to a certain amount. Have each new character check if corrections should be made, at random. The more mistakes present, the more likely the correction will take place.
Instead of starting the animation when the element is visible, allow the user to programmatically start the animation.
HTML tags should be preserved for the animation.
Allow the user to specify the speed at which a space or backspace is completed.
Add:
Allow for multiple mistakes to be present at the same time, having the animation backspace over multiple characters to get to the earliest mistake.
Setting the attribute data-typecadence-mistakes
to 0
does not prevent mistakes from being present. This is likely due to seeing 0
as the property not being set. Check line 243
for where the mistakes
property is set.
Allow the user to specify:
It's possible for the animation to go a very long time before the typist realizes there is a mistake and backspaces to correct it.
A new attribute should be introduced that allows the user to define how attentive the typist is. As the animation continues, getting further and further from the first mistake, the typist should be more apt to realize a mistake was made.
Spaces are occasionally erroneously being labeled as mistakes when they should never be mistakes, because there are no alternative mistake characters.
Allow the user to specify the amount of time it takes for the animation to complete. Potentially predetermine the speed of each keystroke by dividing that time over each key, including mistakes.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.