Saludos, necesito saber con que código puedo ampliar el heptagono que les voy a mostrar, de modo que cuando yo subo o bajo la rueda del raton, el heptágono se hace mas grande o mas pequeño, tambien necesito que el heptágono, al mantener pulsado el click derecho, el heptágono aparece en la posicion de mi cursor en todo el momento hasta que yo dejo de mantener pulsado el click derecho, aqui dejo el codigo del heptagono.
<!DOCTYPE html>
<!-- Descargado y adaptado de http://processingjs.org/learning/-->
<html>
<head>
<script src="https://github.com/downloads/processing-js/processing-js/processing-1.4.1-api.js"> </script>
<h2> HEPTAGONO </h2>
<title> HEPTAGONO </title>
</head>
<body>
<p>
<canvas id="canvas1" width="400" height="400"></canvas>
</p>
<script id="script1" type="text/javascript">
function sketchProc(processing) {
var x = 450;
var y = 500;
//Lado
var L = 50;
//Angulo
var ang1 = 2*Math.PI/7;
function heptagono (x, y, L, ang1) {
processing.line (x, y, x+L, y);
processing.line (x+L, y, x+L + Math.cos(ang1)*L, y - Math.sin(ang1)*L);
processing.line (x, y, x - Math.cos(ang1)*L, y - Math.sin(ang1)*L);
processing.line (x+L + Math.cos(ang1)*L, y - Math.sin(ang1)*L, x+L + Math.cos(ang1)*L - Math.cos(ang1*3/2)*L, y - Math.sin(ang1)*L - Math.sin(ang1*3/2)*L);
processing.line (x - Math.cos(ang1)*L, y - Math.sin(ang1)*L, x - Math.cos(ang1)*L + Math.cos(ang1*3/2)*L, y - Math.sin(ang1)*L - Math.sin(ang1*3/2)*L);
processing.line (x+L + Math.cos(ang1)*L - Math.cos(ang1*3/2)*L, y - Math.sin(ang1)*L - Math.sin(ang1*3/2)*L, x+L + Math.cos(ang1)*L - Math.cos(ang1*3/2)*L - Math.cos(ang1/2)*L, y - Math.sin(ang1)*L - Math.sin(ang1*3/2)*L - Math.sin(ang1/2)*L);
processing.line (x - Math.cos(ang1)*L + Math.cos(ang1*3/2)*L, y - Math.sin(ang1)*L - Math.sin(ang1*3/2)*L, x - Math.cos(ang1)*L + Math.cos(ang1*3/2)*L + Math.cos(ang1/2)*L, y - Math.sin(ang1)*L - Math.sin(ang1*3/2)*L - Math.sin(ang1/2)*L);
}
processing.setup = function() {
};
processing.draw = function () {
processing.size (1000, 1000);
processing.background (180, 200, 233);
heptagono (450, 600, 50, 2*Math.PI/7);
if (boton_derecho == true) {
heptagono (processing.mouseX, processing.mouseY, 100, 2*Math.PI/7) }
else {
heptagono
}
}
}
var canvas = document.getElementById("canvas1");
// attaching the sketchProc function to the canvas
var p = new Processing(canvas, sketchProc);
// p.exit(); to detach it
</script>
</body>
</html>