Skip to main content

Zeichnen-App – Schritt 3

Linien zeichnen

Ziel 3

Statt einzelner Punkte wollen wir nun Linien zeichnen – wie der Finger über die Zeichenfläche gleitet.

Design-Ansicht

Benötigt werden:

Für diesen Schritt werden keine neuen Elemente benötigt.

Hilfe benötigt? So könnte das aussehen...


Blöcke-Ansicht (Programmierung)

Linie zeichnen

Auslöser: Finger über Zeichenfläche ziehen

Zu verändernde Elemente: Zeichenfläche → ZeichneLinie

Berechnung: Linie vom Start (vorherX, vorherY) zum Ziel (aktuellesX, aktuellesY)

  1. Erstellt ein Gezogen-Ereignis für die Zeichenfläche
  2. Erstellt einen ZeichneLinie-Block für die Zeichenfläche und verknüpft diesen mit dem Ereignis
  3. Damit eine Linie gezeichnet wird, müsste ihr einen Startpunkt (vorherX, vorherY) und einen Endpunkt (aktuellesX, aktuellesY) angeben. Diese Punkte holt ihr euch aus dem Gezogen-Event.
Hilfe benötigt? Hier gibt es die Lösung...


Testen

  1. Könnt ihr nun Linien auf der Zeichenfläche malen?
  2. Wird die Linie an der Stelle gemalt, über die ihr mit dem Finger zieht?
  3. Wechselt die Stiftfarbe ihre Farbe, wenn ihr eine andere Farbe auswählt?
  4. Könnt ihr weiterhin Punkte malen?

Funktioniert alles? Herzlichen Glückwunsch! Weiter geht es auf der nächsten Seite!


JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.