Permanent effects applied with mouse click accumulation?
For context: I'm working on a group project that focuses on taking inspiration from a book or any piece of literature, and reimagine it in the form of dynamic cybertext. So out of the list of software we could use, my group project decided to use Twine, and we stuck with the default story format since we have zero experience with the software.
So far we've achieved randomized display of passages upon clicking on the link. But now, we're at a point where we want to apply permanent events/effects depending on the accumulation of number of mouse clicks, and I can't for the life of me find a solution that doesn't feel too convoluted, mainly because on the aspect of JavaScript I'm only familiar with the language code from my days in Processing.
For example, after a certain amount of clicks navigating through the passages, we want the screen to start being covered by eyes. And reaching another specific number, the number of eyes increases on the screen.
I also want to know if this will have to do with changing the background itself each time, or have it work with some "randomized array" type of deal using a PNG of an eye.
Thank you in advance for the response/advice!