Neu in meinem Wiki: CodeGuppy – JavaScript (nicht nur) für Kids

CodeGuppy
JavaScript
P5.js
Creative Coding
Spieleprogrammierung
Autor:in

Jörg Kantel

Veröffentlichungsdatum

8. März 2023

Nachdem ich mir nun ein paar der gestern vorgestellten Videos reingezogen habe, muß ich ein paar Angaben präzisieren: Der Mensch hinter dem YouTube-Kanal »Coding Adventures« ist nicht der Code Guppy (auch wenn er unter diesem Namen in der Processing-Mailingliste auftritt), sondern es ist Marian Veteanu, ein Programmierer aus Florida und er ist so etwas wie der Botschafter der (freien) Online-IDE »CodeGuppy«, die es sich zur Aufgabe gemacht hat, Kindern und Jugendlichen sowie allen anderen an Informatik interessierten das Programmieren auf spielerische Weise beizubringen.

Dafür setzt CodeGuppy auf JavaScript, und zwar ein JavaScript, bei dem – soweit ich das bisher herausbekommen habe – eine aufgeborte Version von P5.js, eine JavaScript Turtle-Bibliothek und eine ziemich ausgefeilte Game Engine (welche weiß ich noch nicht) werkelt. Der CodeGuppy kann als Online-IDE für JavaScript ungefähr das, was auch Trinket für HTML5 und Python kann, auch die Benutzeroberfläche ist ähnlich gestrickt.

Nur eines scheint nicht möglich zu sein: CodeGuppy besitzt eine große Sammlung an Assets (Bilder, Sprites und Sounds), die man in den Projekten nutzen kann, aber ich habe bisher noch keinen Weg gefunden, eigene Assets hochzuladen und mit CodeGuppy zu nutzen. Zwar könnte man die Bilder und Töne irgendwo sonst im Netz hochladen und dann via HTTP(S) in seine Skripte einbinden, aber dafür müßte man die same origin policy von JavaScript aushebeln, ein Vorgehen, das ich guten Gewissens nicht empfehlen kann.

Aber vielleicht habe ich hier nur etwas übersehen? Was auf jeden Fall geht: CodeGuppy besitzt ein Modul, mit dem man eigene Sprites und Bilder als Code Pixel für Pixel erstellen und nutzen kann. Und zwar wird dafür ein Format benötigt, das offensichtlich auch auf anderen Plattformen Verwendung findet. Nähere Einzelheiten findet Ihr in dem Video »Makes games with custom sprites« aus der gestern schon vorgestellten Playlist »JavaScript Coding Course«.

Der CodeGuppy muß früher schon mal durch meinen Feedreader geschwommen sein, denn ich hatte dort schon einen Account, dessen Existenz ich aber völlig vergessen hatte. Aber ich habe ihm heute eine Seite in meinem Wiki spendiert, denn im Rahmen meiner Chromebook-Nutzung bekommen Online-IDEs wie Trinket oder eben der CodeGuppy einen ganz neuen Stellenwert.