First of all, the basic cursors.
Like the cursors you see anywhere, but in frame-by-frame animations.
This is the most basic usage of AnimeCursor: applying frame-by-frame animation to the cursors on a webpage, making them appear more personalized and dynamic.
Even better, even if you need to maintain a unified style for the cursors, you don't have to create frame-by-frame animations for every type. For example, the text cursor in the example above has no animation effects at all. AnimeCursor does not force you to add frame-by-frame animations to every cursor type.
Also, the entry page's buttons.
This is where things start to get interesting. AnimeCursor can make cursors much more engaging, and it all depends on your creativity. Beyond just making a cursor behave like a cursor, you can also create distinctive designs to achieve even more interesting interactive experiences.
Try talk to this... NPC?
Hi there!
How's it going?
In the above example, we prompt the user that this NPC can pop up dialogue by changing the cursor to a speech bubble style. This effect is achieved by pre-setting data-cursor="bubble" for the NPC element, and triggering the speech bubble pop-up via onclick. Since there is only one line of dialogue, after the user clicks the element, we use JavaScript to remove data-cursor to avoid the cursor changing to the speech bubble style again.
And also in other styles.
In the above examples, all cursors are pixel-art style,
but that doesn't mean AnimeCursor only supports pixel-art cursors.
Hover the "paper" below to see another cursor style.
The cursor above was drawn in about three minutes, so it may look a bit rough -- apologies for that.
In fact, AnimeCursor supports any frame-by-frame animation style, whether it's pixel art, hand-drawn, realistic, or any other style. As long as the cursor is composed of sprite sheets or GIFs forming frame-by-frame animations, AnimeCursor can implement it.