A bit late to the party but here is my silly entry for the typewriter wars!
And unlike everyone else...I built a typewriter!
warning: This will not be very accessible for screen reader users I am afraid.
It is a little rough around the edges and way better on a PC, but it works and it will do for a quick idea (I say quick, it took ages!).
It is interactive
Once the initial animation has played you can use it just like a typewriter! You may have to click on the typewriter to focus the fiddle.
on mobile: there is an input you can focus to bring the keyboard up.
What no tutorial this time?
Nope, there is not a single piece of code here that I would want you to use in the real world!
However I have taken the time to make sure that the key movements actually correspond to the keys on your keyboard, so I hope that you can forgive the shoddy code in exchange for the eternity that it took me to label up all the parts of the SVG!
Anyway, just have fun with it and at least I joined the fight, even if it was late!
Latest comments (28)
Wow great stuff!
When this typewriter thing started, I bet my buddy that before it was over someone would break down and make a working typewriter. You just won me 5 moneys! :P
Glad my breakdown won you some moneys! 😜🤣
It's Amazing. I Typed a lot here :)
Thanks for sharing.
I might see if I can improve this one to become an actual writer app.
Looks awesome! I haven't tried it (doesn't work on mobile for me - why?) But looks awesome!
if you click to the left in the input the keyboard should pop up and it will work then, or are you saying with the input focused it isn't working?
I can't focus the input on mobile for some reason.
Actually, I can't even focus it on my laptop. I'm guessing the fiddle embed is interfering
You don’t need to focus the input on laptop at least, annoying you can’t focus the input though!
That's pretty neat! 😀
I wrote almost 10 minute without stop :D don't do this to us again :/ joke aside super cool mate!
Perhaps I should turn it into a "focus writer" and when you are done you can export your work 🤣
Very cool, I love how I can type it even I use Colemak. You can try to simulate jamming for a challenge.
Well these are both great ideas, guess mark 2 will have to come out at some point! 🤣
No, I actually mean it prints correct character even I used Colemak. It's not really an idea. But, I would love to see simulated jamming.
My code is buggy enough that if you try really hard it will probably break, does that count? 😜
Super cool 👍
Fantastic work! It's really pleasing to hold down a key and let the machine go