PIXI.js - Cursor Interactions

These are just some simple interactions with PIXI.js and the cursor as I learn how it works. You can see the rendered examples at https://amajor.github.io/pixijs-cursor-sprite/

If you use VS Code, installing Live Server and then pressing "Go Live" will then run your index.html which links to the following:

  • Laser Cursor (v4.8.9) - this gives a user icon and some text details that follow the cursor and uses PIXI.js v4.8.9
  • Laser Cursor - this gives a user icon and some text details that follow the cursor
  • Custom Cursor - this sets the cursor on the canvas to a custom cursor
  • Sprite-Follows-Cursor - this has a sprite following your mouse around the screen (uses PIXI.js v5.2.0).

This playlist was helpful.