{"id":480,"date":"2021-02-23T10:18:24","date_gmt":"2021-02-23T10:18:24","guid":{"rendered":"https:\/\/gigers.com\/blog\/?p=480"},"modified":"2024-06-24T17:33:33","modified_gmt":"2024-06-24T17:33:33","slug":"koordinaten-in-snap","status":"publish","type":"post","link":"https:\/\/gigers.com\/blog\/koordinaten-in-snap\/","title":{"rendered":"Koordinaten in Snap!"},"content":{"rendered":"

Snap! nutzt ein Koordinatensystem, welches sich am Modell der vier Quadranten orientiert: Sowohl die x- als auch die y-Koordinaten k\u00f6nnen negative und positive Werte annehmen. So k\u00f6nnen in der Grundeinstellung x-Werte von -240 (links) bis 240 (rechts) abgebildet werden, die y-Werte sind von 180 (oben) bis -180 (unten) sichtbar. Der Koordinatenursprung liegt also im Zentrum.<\/p>\n

\"\"
Abbildung von Punkten im Koordinatensystem von Snap!.<\/figcaption><\/figure>\n

Dies im Gegensatz zu vielen anderen Programmiersprachen, wo der Koordinatenursprung (0, 0) h\u00e4ufig in der oberen linken Ecke liegt.<\/p>\n

Wie gross der abgebildete Bereich tats\u00e4chlich ist, kann \u00fcber die Einstellung zur B\u00fchnengr\u00f6sse (stage) festgelegt werden.<\/p>\n

\"\"
Die Aufl\u00f6sung des Ausgabefensters (stage) kann in Snap! angepasst werden.<\/figcaption><\/figure>\n

Diese Darstellung der Koordinaten und die unterschiedlichen Bildschirmgr\u00f6ssen in Snap! sollte man bei der Programmierung entsprechender Grafiken ber\u00fccksichtigen. Sonst werden beispielsweise Grafiken mit ausschliesslich positiven Koordinaten nur in einem Viertel des Bildschirms dargestellt.<\/p>\n

\"\"
Bildet man beispielsweise die Quadrate der nat\u00fcrlichen Zahlen ab, wird nur ein Viertel des Bildschirms genutzt.<\/figcaption><\/figure>\n

Noch vertrackter wird es, wenn man w\u00e4hrend der Programmierung die Aufl\u00f6sung \u00e4ndert oder es mit sehr grossen oder kleinen Zahlen zu tun hat. Dann muss man jedes Mal die entsprechenden Koordinaten umrechnen.<\/p>\n

Dies von Hand zu tun ist nur eine L\u00f6sung, welche sinnvoll ist, wenn man Snap! kaum jemals f\u00fcr die Darstellung von Daten ben\u00f6tigt. Bei h\u00e4ufigerer Verwendung liegt es nahe, eine entsprechende Umrechnungsroutine in Snap! selbst zu schreiben.<\/p>\n

Sch\u00fclerinnen und Sch\u00fcler scheitern meist daran, dass dies keine ganz einfache Aufgabe ist. Die folgenden Schritte erkl\u00e4ren, wie man zu einer L\u00f6sung kommt, welche solche Darstellungsprobleme endg\u00fcltig beseitigen. Dabei lohnt es sich, schrittweise vorzugehen.<\/p>\n

Im einfachsten Fall beginnen sowohl der Datenbereich als auch die Bildschirmdarstellung bei 0, wie die folgende Grafik zeigt.<\/p>\n

\"\"
Wenn beide Zahlenbereiche bei 0 beginnen, ist die Aufgabe schnell gel\u00f6st.<\/figcaption><\/figure>\n

Der Datenbereich in der Grafik reicht von 0 bis 6, auf dem Bildschirm k\u00f6nnen die Werte 0 bis 12 abgebildet werden. Um die Zahlen von einer Menge in die andere umzurechnen, vergleichen wir die Spannweiten der beiden Bereiche. Die Spannweite auf dem Bildschirm ist doppelt so gross wie die Spannweite des Datenbereiches. Es gen\u00fcgt in diesem Fall also, alle Datenwerte mit 2 zu multiplizieren, um die korrekte Position auf dem Bildschirm zu erhalten, wir erhalten also folgende Werte:<\/p>\n