Wie funktioniert dieser Quelltext?

[Rolf B]

Hallo ingobar,

ein <script> Element ist nur dann JavaScript, wenn man das so angibt. Das geschieht mit dem type Attribut.

Fehlt es oder enthält es einen Mime-Typ für JavaScript, dann ist es normales JavaScript.

type="module" gibt an, dass es ein ECMAScript 6 Modul ist

Alles andere besagt, dass dies ein Datenblock ist, der per JavaScript zu interpretieren ist. Das kann jQuery-Template sein, eine andere Template-Lib oder etwas handgemachtes.

Wie die Ausführung der Sketches funktioniert, ist eine andere Frage. Wenn ich das richtig deute, ist processing.js ein Port von "Processing" - und das ist eher nicht Java, sondern etwas ähnliches mit einer Syntax die wie Java aussieht. Da ist dieses processingjs-ide-min.js, 584kB minifiziertes JavaScript, oder 24458 Zeilen Code nach De-Minifizierung, damit kann man schon einiges machen. Auch einen Java to JS Transpiler schreiben. Was jedenfalls nicht passiert, ist ein Upload deines Codes an irgendeinen Dienst, der die Compilierung außerhalb des Browsers durchführt. Das sähe man in den Browser-Tools.

Rolf