PaperScript, mouse events

Mouse enter and leave example.

by Gonzalo Chumillas

HTML

<script src="http://www.soloproyectos.com/resources/paper-full.min.js"></script>
<div id="text">&nbsp;</div>
<canvas id="canvas" width="640" height="480"></canvas>
<script>(function(){var s="script",n='\n',d=document,b=d.getElementsByTagName(s)[2].innerHTML.split(n);d.write('<'+s+' type="text/paperscript" canvas="' + document.getElementsByTagName('canvas')[0].id + '">'+b.slice(2,b.length-2).join(n)+'</'+s+'>')})()</script>

JavaScript

var rec1 = new Path.Rectangle(50, 50, 100, 100);
rec1.fillColor = 'blue';

var rec2 = new Path.Rectangle(100, 100, 100, 100);
rec2.fillColor = 'green';
rec2.opacity = 0.3;

rec1.onMouseEnter = function() {
    $('#text').text('mouse enter');
};
rec1.onMouseLeave = function() {
    $('#text').text('mouse leave');
};