Template

by Saturnix

HTML

<!DOCTYPE HTML>
<html>
    
    <head>
        <title></title>
        <script type="text/javascript" src="http://georgealways.github.com/gee/build/gee.min.js"></script>
        <script type="text/javascript">
            var g = new GEE({
                fullscreen: true
            });
            demo(g);
        </script>
    </head>
    
    <body></body>

</html>

JavaScript

function demo(g) {

    g.draw = function () {
        
        g.ctx.clearRect(0,0,g.width,g.height)

        var x = 75
        var y = 75
        var r = 10;
        
        if (g.mouseX < x + r && g.mouseX > x -r && g.mouseY > y -r && g.mouseY < y+r){
          g.ctx.beginPath();
        g.ctx.arc(x, y, r, 0, Math.PI * 2, true);
        g.ctx.closePath();
        g.ctx.fill();
            g.ctx.fillRect(g.mouseX, g.mouseY, 100, 100)
        } else{
        g.ctx.beginPath();
        g.ctx.arc(x, y, r, 0, Math.PI * 2, true);
        g.ctx.closePath();
        g.ctx.fill();
        }

    }
    
   


}