Wie man Bilder an irgendeinem "Umriss" -Bild einrasten lässt (mit der Demo "animals on the beach")

Question

Ich bin neu bei Konvasjs und neu auf der Leinwand und ich habe versucht, ein Spiel ähnlich dem Demo "Tiere am Strand "Ich möchte den Teil behalten, wenn es in der richtigen Umrisse die Punktzahl erhöht, aber anstatt der Tiere in der Demo schnappt sich ihre spezifische Kontur Ich möchte das Tier Snap zu jedem Umriss so der Spieler kann bekomme eine falsche Antwort oder bekomme weniger Punkte.

Sorry, wenn das, was ich frage, eigentlich eine Menge Zeug ist.

Answer 1

Ich habe eine alternative Lösung gefunden, die Drag-Objekte nicht automatisch an jeder Fangzone einrasten lässt, aber es erlaubt Ihnen, sie mit weniger Code zu steuern.

habe ich eine Funktion, das Objekt (Code) und die Zone (Entwurf) zu erhalten:

function snapTo(code, outlineSnap) { 
     var outline = outlines[outlineSnap + '_black']; 
     if(isNearOutline(code, outline)) { 
      code.position({ 
       x : outline.x, 
       y : outline.y 
      }); 

     console.log("privKey:"+ privKey); 
     console.log("Key:"+ key); 
     console.log(code.id()); 
     codeLayer.draw(); 
     var testKey = privKey+ "_black"; 


     if(code.id() == outlineSnap) { 
      setTimeout(function() { 
       code.draggable(false); 
      }, 50); 
     } 
    } 
} 

Diese Funktion erstellt die für (in Codes var key) sein muss, {} und außerhalb des Drag Veranstaltungen. Ich habe dann die Funktion im dragend-Event aufgerufen.

code.on('dragend', function() { 
    snapTo(code, "pstart"); 
    snapTo(code, "pend"); 
} 

Es ist ein bisschen ein Problem mit der Partitur hinzufügen, ich habe eine Lösung, die nur noch die nicht hält die gefunden if-Anweisung ziehbar für die richtige Objektkontur Kombination auf false zu ändern, als ob diese es herausgenommen der Benutzer könnte die Ziehfunktion für Punkte "farmen" ...