5

You could do this:
create a file cursor.js

window.onload = function() 
{
  document.body.addEventListener("mousemove", function(event)
  {
        var cursor = document.getElementById("cursor");

        //TODO: More consistent way of aligning the cursor without awkward offsets?
        var x = event.pageX - cursor.width + 7;
        var y = event.pageY - 7;

        cursor.style.left = x;
        cursor.style.top = y;
  });
}

Download a cursor Icon somewhere

Open the __resource.lua file and add 'cursor.png' and 'cursor.js' to the files {} section

then in your index.html add the code below before the end of the body tag
remember to change the location of the cursor.png and cursor.js in the code below to match the location of these files. This goes for the resource.lua as well.

<img id="cursor" src="files/cursor.png"/>
<style>
  #cursor {
  width: 35px;
  height: 35px;
  position: fixed;
  z-index: 10000;
          }
  </style>
  <script src="files/cursor.js"></script>

The only issue with this is that, the click function for the mouse does not work… If someone could help out with this, it would solve our problem.