Zeichnen Sie einen Pfad zwischen zwei Punkten

Arbeite ich auf einem touch-basierte Spiel, und habe ich Probleme, einen Pfad zeichnen der Benutzer hat durch Sie berührt.
Ich bin versucht, zu imitieren, so etwas wie diese apps http://www.youtube.com/watch?v=G3CECr6mT1Q oder http://www.youtube.com/watch?v=r34-_0wrVC4

Ich Tue dies in XNA/C#.

Mein Problem ist: ich habe die Wegepunkte, die festlegen, dass Benutzer-touch-Pfad. Ich war nicht sicher, wie ich könnte eine stilisierte Linie zwischen diesen Punkten, also dachte ich "hey, ich will einfach nur einen wirklich kleinen Bild, das 'die Linie', und ziehen Sie es an jeder Stelle zwischen den Wegpunkten ist, und drehen Sie Sie entsprechend. Ich bin mir nicht sicher, wenn dies ist die beste Lösung oder nicht.

Aber ich war ratlos weil ich nicht weiß, wie man die Koordinaten zwischen diesen beiden Punkten. Ich habe die beiden Punkte, die ich bekommen kann ein Vektor von der ersten zur zweiten, usw, aber ich kann nicht scheinen, um die Mathematik zu korrigieren.

Anregungen oder Hilfe?
Danke!

InformationsquelleAutor Steve | 2010-11-22
  1. 5

    Berechnen Zwischenpunkt zwischen zwei Punkten zu finden die Richtung, Vektor von einem Punkt zum anderen und der Abstand zwischen den Punkten. Skala die Entfernung durch einen Faktor t zwischen 0 und 1, wo t = 0 entspricht dem ersten Punkt t = 0.5 ist die Hälfte Weg zwischen Ihnen und t = 1 entspricht dem zweiten Punkt. Dann skalieren Sie die Richtung Vektors durch diesen Wert, und fügen Sie es an der ursprünglichen Stelle.

    Vector2 IntermediatePoint(Vector2 p0, Vector2 p1, float t)
{
    Vector2 delta = p1 - p0;

    float distance = delta.Length();

    if (distance == 0.0f)
    {
        return p0;
    }
    else
    {
        Vector2 direction = delta / distance;

        return p0 + direction * (distance * t);
    }
}

    Wenn Sie berechnen, mehrere Punkte zwischen p0 und p1, sollten Sie nur die Berechnung der Entfernung und Richtung, sobald.

    Könnte man auch mit XNA RoundLine die Verbindung Ihrer Punkte.

    Ein weiterer Vorschlag ist, um Einrichtung eines strukturierten gedreht quad.

    • Empyrean - vielen DANK! Das funktionierte wie ein Charme! Sehr geschätzt! Wissen Sie, wenn Ihr code ist mehr oder weniger die gleiche Weise XNA zeichnen von primitiven, oder würde ich eine perf-hit? Auch ich poste meinen code-snippet incase jemand wagt auf diesen thread in der Zukunft. Darüber hinaus roundLine sieht wirklich cool aus, werde ich check it out.
    • Berechnung der Länge eines Vektors ist ein teurer Vorgang. Aber nicht zu teuer für das, was Sie hier tun. XNA ist dies nicht als Teil der Linie-Zeichnung primitiven. Ich empfehle, nicht mit der Linie der Zeichnung primitiven jedoch. Wie Sie sagen in Ihrer Frage, es ist nicht anpassbar an alle.
    InformationsquelleAutor Empyrean
  2. 1
    pointA = waypointsToDraw.ElementAt(i);
pointB = waypointsToDraw.ElementAt(i + 1);
deltaVector = pointB - pointA;
distance = deltaVector.Length();
direction = deltaVector / distance;
for (int z = 1; z < distance; z++)
{
    newPoint = pointA + direction * (distance * (z/distance));
    //this is the newPoint - it will be every point/pixel between pointA and pointB. Put drawing code here

}

    Code-Beispiele oben. PointA und pointB die beiden end-Punkte, newPoint wird jeder Punkt zwischen Ihnen

    • Ich empfehlen, z sein vom Typ float zu vermeiden, int zu float Umwandlung einmal pro Endlosschleife ab, wenn Sie geteilt durch Abstand. Versuchen Sie zu vermeiden, mischen-Typen für mathematische Operationen für eine optimale Leistung.
    • danke für das feedback, ich werde es im Kopf behalten. Nur, um das lernen trainieren gehen, wenn ich wollte, anwenden einer bezier-Kurve oder catmull-rom-spline, um die oben - wäre es leicht zu zwicken, die oben für diese? 🙂
    InformationsquelleAutor Steve
  3. 0

    Check-out die Probe bei http://create.msdn.com/en-US/education/catalog/sample/primitives für details auf, wie zu zeichnen, einfache, "Primitive", darunter eine Linie.

    • danke, aber ich habe tatsächlich schon einen Blick auf die vor. Von der Suche, ich war nicht sicher, wie ich wäre in der Lage, anpassen Ihre Linie zu sein, etwas, das mehr attraktiv - die einzige Anpassung, die ich fand, war die option "Farbe". Ich denke auch, Sie sind mit XNA tun eine Menge der Berechnungen, die für die Zeichnung, damit kann ich sehen, Mathematikunterricht, wie Sie es getan hat.
    InformationsquelleAutor Matt Lacey
Schreibe einen Kommentar