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!
Top comments (28)
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!
From where did you buy this antiquity? 😯
I built it in a cave…from a box of scraps!
You have a cave?? you are suspicious 🤔
Well everyone took all my ideas for the typewriter wars so I had to find my fortress of solitude to devise a plan! 😋
Hope you had fun with this one!
Not an official entry, just a silly one, but as I have been quiet I thought I better throw something together just to join in the fun!
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? 😜
Love it, especially the typing that works. Bloody brilliant.
Thanks Mike! Glad someone enjoyed the typing bit as that was far more difficult than I care to admit 🤣
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.
That's pretty neat! 😀
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! 😜🤣
Fantastic work! It's really pleasing to hold down a key and let the machine go