Die visuelle Programmiersprache Scratch ist ideal zum Programmieren lernen. Doch der festgelegte 4:3-Bildschirmformat begrenzt die Anwendung auf Geräten wie iPads oder Handys. Abhilfe schafft TurboWarp. Projekte können als HTML oder ZIP exportiert werden, wodurch sie offline nutzbar sind oder in Lernplattformen eingebettet werden können. Besonders praktisch ist die dynamische Anpassung an die Fenstergröße. Ein Beispielprojekt, das Snake-Spiel, zeigt die Flexibilität dieser Lösung auf verschiedenen Geräten und Browsern. Probiert es aus!
Vorschau
TurboWarp Desktop und Packager
Es gibt aber eine Möglichkeit, Scratch Projekte als dynamische, responsive Universalapps zu exportieren.
Hier hilft die Plattform TurboWarp.
- Als App für Windows, Mac oder Linux:
TurboWarp Desktop – Better offline editor for Scratch 3 - Oder als WebApp im Browser:
TurboWarp Editor
Der Turbowarp Desktop bietet eine Programmieroberfläche, die den Funktionsumfang von Scratch um etliche Funktionen erweitert.
So kann man zum Beispiel die Erweiterung Runtime-Options hinzufügen und erhält Programmierblöcke, wie stage.width und stage.height.
HTML oder ZIP
Die hier programmierten Apps können nun mit dem Turbowarp Packager entweder als html oder als zip-Datei ausgegeben werden.
Mit der HTML Datei können die Scratch Apps offline auf Geräten laufen (auf dem iPad kann man hier z. B. die Documents von Readdle verwenden). Die Zip Datei kann man verwenden, um die App auf Lernplattformen wie Moodle oder mebis einzubetten und zu verwenden.
Dynamic Stage Resize
Beim Paketisieren hat man nun auch die Option: „Dynamically resize size to match window size“, das heißt, die App ist immer so groß, wie das Browserfenster, in dem sie aufgerufen wird.
Natürlich muss man beim Programmieren solcher Apps nun Rücksicht darauf nehmen, dass sich diese Dimensionen ständig ändern können, bzw. bei jedem Start der App anders sind. Aber man kann z. B. die Größe und die Position der Figuren abhängig von den stage Werten skalieren.
Snake für alle Plattformen
Damit man mal in der Praxis sehen kann, wie das funktioniert habe ich den Klassiker Snake als dynamische WebAPP mit TurboWarp Scratch programmiert.
Probiert es aus, egal auf welchem Gerät oder Browser:
LernSachen 