You are browsing as a guest. Sign up (or log in) to start making projects!

34m 31s logged

huge update for grounding today.

first off, i fixed the layout issues from the last post. the text is finally centered on the screen and actually readable against the dark background.

but the biggest change is that the typing mechanic is officially here.
I shifted the text rendering to individual character spans so i could track keyboard inputs character by character. it completely mirrors the monkeytype feel now.

How it looks so far:

  • characters start out a muted gray
  • typing a correct key turns it a smooth offwhite
  • typos turn a soft red
  • i also got the custom caret (cursor) working.

it has a decent transition so it slides smoothly between letters instead of just snapping rigidly, and it flashes slowly when you stop typing (the animation is still going to be worked on cuz its not the best). backspace support is fully functional too, so you can actually go backward and correct your mistakes.

now, what’s next:

  • making the overlay fade out beautifully once the quote is 100% complete
  • also might make the text larger and bolder; its hard to read
  • actually unlocking the restricted website after you finish typing
  • expanding the quote pool with some longer, cleaner poems/quotes (i might try to get the quotes from some bank, not sure yet.)
0
8

Comments 0

No comments yet. Be the first!