Python und JavaScript mit blockly

Erstellung von Python (Jython, TigerJython) und JavaScript Programmen mit blockly; incl. Turtlemodus

Version 4.2.2 (18.12.2023)
Datei (*.xml)
Ausgabe

    

Kleines "blockly Tutorial".
n e u : alle Skripte der Informatik AG 2023/24 zum Nachlesen.

  • 04.09.2017 : neues Turtle - Modul (mit Canvas)
  • 08.09.2017 : neues Turtle Modul (mit einer 2. Canvas für die Turtle, aber noch ohne Animation)
  • 20.09.2017 : Turtle Modul jetzt mit Animation (vielen Dank Jannes für die professionelle Hilfe bei der JavaScript - Programmierung)
  • 20.09.2017 : 1 Programm lässt sich jetzt im Browser speichern und später wieder laden; probierts aus ,-)
    (wieder Jannes -> JavaScript - Programmierung); das Turtle Modul wird weiterentwickelt
  • 28.09.2017 : neue Funktionen zum Kreis-Zeichnen: dot() und openDot()
  • 04.10.2017 : gefüllte Flächen zeichnen -> startPath() / fillPath()
  • 10.10.2017 : es können jetzt bis zu 10 Programme lokal im Browser gespeichert werden
  • 29.10.2017 : speed() zum Einstellen der Animationsgeschwindigkeit; moveTo - Block um setPos(x,y) erweitert
  • 02.11.2017 : Version 2.00: Zoom und Grid im Workspace, Unterkategorien in der Turtle Toolbox, clear und clean zum löschen und Hintergrund einfärben eingefügt;
  • 21.11.2017 : Version 2.10: Export und Import von blockly Programmen in eine .xml Datei
  • 28.11.2017 : n e u : Kleines "blockly Tutorial". Damit ist der Einstieg in die blockly Programmierung ganz einfach !
  • 27.12.2017 : Version 3.00: Mein Sohn Jannes Mingram hat das Turtle-Modul incl. Animation komplett umgestellt. Damit sind auch Informationsblöcke ("Getter", die z.B. die aktuelle Position der Turtle liefern -> neue Unterkategorie "Informationen") möglich. Bei ausgeschalteter Animation (speed -1) ist das Programm jetzt sehr schnell.
    Danke Jannes!
  • 16.01.2018 : Version 3.01: Neue Symbole für Start, Import / Export, Laden / Speichern
  • 24.01.2018 : Version 3.02: Neue "Getter" playgroundWidth() und playgroundHeight() liefern die Breite und Höhe des Turtlefensters
  • 26.01.2018 : Version 3.03: Neue Funktion heading(Richtung) zum Ausrichten der Turtle
  • 02.02.2018 : Version 3.04: Undo- (Rückgängig) und Redo- (Wiederholen) Buttons
  • 13.02.2018 : Version 3.05: neue "Picture-Funktion" drawImage('__ . gif')
  • 28.02.2018 : Version 3.06: neue Funktion Pause - delay(Zeit in ms) -
  • 22.03.2018 : Version 3.1: Neben JavaScript- und Python 2 Programmen können jetzt auch Python 3 Programme generiert werden (z.B. für den OpenHPI Onlne Kurs "Spielend Programmieren lernen")
  • 19.11.2018 : Version 3.2: Der ColourPicker wurde an die X11 Farbpalette angepasst. Beim TigerJython Quellcode wird die Farbe jetzt als Text (wenn möglich) angegeben.
  • 21.07.2021 : Version 3.3: Für das Speichern des Blockly Programms muss jetzt ein Dateiname eingegeben werden (*.xml). Beim Laden einer Datei wird der Dateiname übernommen.
  • 23.07.2021 : Version 3.3.1: Syntag Highlighting, Zeilennummern und ein Copy Button beim Python- / JavaScript Programmcode.
  • 13.09.2021 : Version 3.3.2: Das Input-Fenster wird jetzt im Turtlemodus korrekt vor dem Turtlefenster angezeigt. Vielen Dank Jannes für die Hilfe.
  • 08.11.2021 : Version 3.3.3: Der Index bei Listen (Arrays) beginnt jetzt bei 0 (wie bei allen Programmiersprachen üblich)
  • 16.12.2021 : Version 3.4: Neuer Block für den Turtle-Mode: label("...") zum Einfügen von Text im Turtle-Fenster
  • 31.12.2021 : Version 3.5: Für die Nutung von Maus- und Tastaturevents gibt es im Menü "Turtle-Events" neue Blöcke: -neuer Startblock und die Funktionen "onMausClick()" und "onKeyPresed()"
  • 01.02.2023 : Version 4.0: Babel wird für die Turtle Animation nicht mehr benötigt
  • 26.07.2023 : Version 4.1: Eigene Bilder können jetzt geladen und verwendet werden (mit dem drawImage Block im Turtle - Modul). Dank an meinen Sohn Jannes für die Programmierung.
  • 25.08.2023 : Version 4.2: Vorlagen können über eine Dropdownliste geladen werden. Shadow Block Conversion PlugIn installiert.
  • 05.09.2023 : Version 4.2.1: Fehler beim Addieren behoben. Danke Linus für den Hinweis.
  • 18.12.2023 : Version 4.2.2: Beim Anzeigen der Seite kann jetzt eine Vorlage automatisch geöffnet werden (aktuell: "Frohe Weihnachten").




sprites/beetle.gif

sprites/crab.png

sprites/football.gif

sprites/car0.png

sprites/car1.png

sprites/car2.png

w0.gif

w1.gif

w2.gif

w3.gif

w4.gif

w5.gif

w6.gif

sack.gif (50x50px)

schatz.gif (50x50px)

santa_01.gif (200x123px)

santa_02.gif (200x123px)

santa_03.gif (200x123px)

sprites/colorparcours.png

(501 x 501 px)

winter.jpg

(800 x 600 px)

f_italien.gif
Italien

f_deutschl.gif
Deutschland

f_polen.gif
Polen

f_portug.gif
Portugal

f_schwed.gif
Schweden

f_irland.gif
Irland

f_finnland.gif
Finnland

f_zypern.gif
Zypern

f_oesterr.gif
Österreich

f_belgien.gif
Belgien

f_slowakei.gif
Slowakei

f_slowenien.gif
Slowenien

f_lettland.gif
Lettland

f_spanien.gif
Spanien

f_luxemb.gif
Luxemburg

f_rumaen.gif
Rumänien

f_griechenl.gif
Griechenland

f_estland.gif
Estland

f_ungarn.gif
Ungarn

f_litau.gif
Litauen

f_malta.gif
Malta

f_niederl.gif
Niederlande

f_bulgar.gif
Bulgarien

f_daenem.gif
Dänemark

f_tschech.gif
Tschechien

f_frankr.gif
Frankreich

f_kroatien.gif
Kroatien

huhn_0.gif

huhn_1.gif

...

rabbitrun01.gif

rabbitrun02.gif

rabbitrun03.gif

rabbitrun04.gif

rabbitrun05.gif

rabbitrun06.gif

rabbitrun07.gif

rabbitrun08.gif

papier.gif 200x200px

schere.gif 200x200px

stein.gif 200x200px

Schnick, Schnack, Schnuck Bilder von
Von Sertion, CC BY-SA 3.0, Link

labyrinth.gif
800x600 px



Blockly was created by Google and is open-source under the Apache 2.0 License.
Ab version 3.3.1 wird der für die Source - Code Formatierung (Syntax Highlighting, Zeilennummern und Copy Button) Prism.js verwendet. Distributed under MIT License.