Click Bereich "unsichtbar" erweitern

Jofre

Erfahrenes Mitglied
Grundlage Meiner Frage:


var myVar = setInterval(Flieg, 1000);
var j = 0;
function Flieg()
{
$('canvas').drawArc({
layer: true,
name: 'myBox' + j,
fillStyle: Farbe(),
x: Math.floor(Math.random() * 1200) + 100,
y: 800,
radius: 40,

click: function (layer) {
layer.fillStyle = '#FFEFDB'
}

});
$('canvas').animateLayer('myBox' + j, {
y: -180
}, {
duration: 8000,
easing: 'linear',
step: function (now, fx, layer) {

},
complete: function (layer) {

}
});

j++
}
function Farbe()
{
farbe = [" red", "red", "green", "yellow", "black","coral", "orange", "red", "indigo","palegreen","green","blue" ];
return farbe[Math.floor((Math.random() * farbe.length-1))];
}

Meine Frage:

Wenn man abfragt ob der Kreis angeklickt wurde, bekommt man einen Response, der mit dem persönlichen Eindruck gut übereinstimmt wenn die Kreise langsam fliegen. Man meint man hättre getroffen und das Programm bestätigt es. Der Kreis wird blue.k
Fliegen die Kreise schnell, dann meint man oft, dass man den Kreis getroffen hat. Aber das stimmt nicht mit den Fakten überein, der Kreis hier im Code wird nicht blue.
Auge/Gehirn und Programm (Realität) laufen auseinander. Das erzeugt Frust.
Deshalb fände ich es hilfreich wenn man den Kreis unsichtbar erweitert. Damit wird er für die Klick Abfrage größer für das Auge. Somit stimmen dann vermeintliche Treffer mit den „augenscheinlichen“ Treffern mehr überein. Der Frust kommt erst gar nicht auf.
Frage:
Idee wie man elegant um den wahren Kreis eine erweiterte Treffer Zone legen kann?
Ich hoffe ich konnte mein Anliegen transparent rüber bringen.

LG

Joachim
 
Zurück