Neueste Heute 13.05.2024 12.05.2024
Programmieren in der Gartenlaube: Die Hilbertkurve in Processing
08.02.2020, 19:57 Uhr. Der Schockwellenreiter - blog.schockwellenreiter.de - Ich konnte nicht widerstehen: Vor wenigen Stunden hat Daniel Shiffman das dritte Video seiner Reihe »Programmieren in der Gartenlaube« (Coding in the Cabana) veröffentlicht. In diesem Video hat er sich vorgenommen, die Hilbertkurve zu programmieren. Die Hilbertkurve ist eine stetige, eindimensionale Kurve, die im Grenzfall (n = ∞) ein zweidimensionales...
Coding Challenge: Schneeflocken-Kaleidoskop
27.12.2019, 18:22 Uhr. Der Schockwellenreiter - blog.schockwellenreiter.de - Dank Daniel Shiffman habe ich es wieder geschafft, Euch zum Wochenende ein Video-Tutorial zu präsentieren, das Euch beschäftigen kann, wenn das Wetter Euch die nächsten Tage an den Schreibtisch fesselt. In dieser Coding Challenge programmiert er – inspiriert durch diese Seite – ein Schneeflocken-Kaleidoskop in P5.js, dem JavaScript-Mode von Processing...
Coding Challenge: TicTacToe-KI mit dem Minimax-Algorithmus
14.12.2019, 10:27 Uhr. Der Schockwellenreiter - blog.schockwellenreiter.de - Bekanntlich versuche ich ja, Euch jedes Wochenende mit einem im Netz gefundenen Video-Tutorial zu versorgen, daß Euch beschäftigen kann, wenn das Wetter an den freien Tagen Euch ans Haus fesselt. Wegen der Dienstreise nach Freiburg habe ich gestern ein wenig geschwächelt, aber nun in der Bahn habe ich eine kürzlich von Daniel Shiffman hochgeladene...
Baue Dein eigenes, neuronales Netz in JavaScript (P5.js und ml5.js)
05.12.2019, 18:43 Uhr. Der Schockwellenreiter - blog.schockwellenreiter.de - Künstliche neuronale Netzte haben es Daniel Shiffman irgendwie angetan. Besonders, seitdem es die JavaScript-Bibliothek ml5.js gibt, eine Bibliothek, die »freundliches Maschinelles Lernen für das Web« verspricht und die besonders gut mit P5.js, dem JavaScript-Mode von Processing zusammenarbeit. ml5.js ist noch jung und wird ständig weiterentwickelt...
Worknote: Coding Train Farbpalette – Update
13.11.2019, 18:12 Uhr. Der Schockwellenreiter - blog.schockwellenreiter.de - Ich habe meiner Coding Train Farbpalette, die ich vor genau zwei Monaten erstellt hatte, ein Update verpaßt, denn auf neueren Bildschirmhintergründen gibt es bei Daniel Shiffman nun auch grüne Hügel. Außerdem habe ich das Gelb der lachenden Sonne mit aufgenommen....
Das Video-Tutorial zum Wochenende: »Teachable Machine« mit Daniel Shiffman
08.11.2019, 17:21 Uhr. Der Schockwellenreiter - blog.schockwellenreiter.de - Nur wenige Stunden nachdem Google Creative Lab die Version 2.0 seiner »Teachable Machine« veröffentlicht hat, ein webbasiertes Werkzeug, mit dem maschinelles Lernen schnell, einfach und für jedermann zugänglich erstellt werden kann (so Google), veröffentlicht Daniel Shiffman ein dreiteiliges Video-Tutorial, in dem er zeigt, wie man dieses Werkzeug...
Coding Challenge: Zusammen mit dem Computer zeichnen
31.10.2019, 18:38 Uhr. Der Schockwellenreiter - blog.schockwellenreiter.de - Der Monat endet, das Wochenende naht und mit dem sonnigen Herbst soll es auch zu Ende gehen. Damit Euch nicht langweilig wird, hat Daniel Shiffman eine neue Coding Challenge auf YouTube veröffentlicht. In dieser baut er mit P5.js, dem JavaScrupt-Mode von Processing und einem vortrainierten Modell in ml5.js Googles Projekt »Draw Together with a Neural...
Coding Mazes: Noch mehr Irrgärten
30.10.2019, 20:01 Uhr. Der Schockwellenreiter - blog.schockwellenreiter.de - Die Geschichte mit den Irrgärten hat mir keine Ruhe gelassen und so habe ich eine vierteilige Coding Challenge (Teil 2, Teil 3 und Teil 4) von Daniel Shiffman aus dem Jahre 2016 ausgegraben, in der er in P5.js einen Irrgarten-Generator programmiert. Im Wesentlichen folgt er dabei diesem Backtracking-Algorithmus aus der (englischsprachigen) Wikipedia...
KI-Regenbögen mit Runway und P5.js
23.08.2019, 19:22 Uhr. Der Schockwellenreiter - blog.schockwellenreiter.de - In seiner 150. Coding Challenge setzt Daniel Shiffman seine bisherigen Erkundungen zu Runway ML fort. Runway ML ist eine (Cloud-) KI-Plattform für Kreative, die auf einfache und intuitive Weise Methoden des maschinellen Lernens in ihren Projekten nutzen wollen. Nachdem er schon in einem Beispiel gezeigt hatte, wie man Runway ML zusammen mit Processing...
Coding Challenge: Asteroids programmieren in P5.js
14.08.2019, 15:54 Uhr. Der Schockwellenreiter - blog.schockwellenreiter.de - In dieser zweiteiligen Coding Challenge, die Daniel Shiffman schon vor knapp drei Jahren veröffentlicht hatte, programmiert er das Konsolenspiel Asteroids von 1979 in P5.js, der JavaScript-Version von Processing nach. Im ersten Teil baut er das Schiff und die Asteroiden, während im zweiten Teil die Laserkanone bestückt und eine Kollisionserkennung...
Runway: Maschinelles Lernen für Kreative: Die Reise geht weiter
13.08.2019, 19:53 Uhr. Der Schockwellenreiter - blog.schockwellenreiter.de - Am Wochenende hatte Daniel Shiffman sein zweites Video zu Runway ML veröffentlicht, der Bibliothek, die »Maschinelles Lernen« Kreativen zugänglich machen will. In diesem zeigte er, wie man Runway ML mit Processing (Java) verkoppelt....
Introduction to Runway: Machine Learning for Creators (Part 1)
09.08.2019, 14:20 Uhr. Der Schockwellenreiter - blog.schockwellenreiter.de - Mein kreatives Programm für das Wochenende scheint gerettet, denn in diesem Video stellt Daniel Shiffman Runway ML vor, eine Plattform für Kreative, die auf einfache und intuitive Weise Methoden des maschinellen Lernens in ihren Projekten nutzen wollen. Shiffman zeigt, wie man Runway installiert und wie man die Ergebnisse in Processing (Java) und...
Coding Challenge: Chrome Dinosaur Game (T-Rex Run)
19.06.2019, 17:03 Uhr. Der Schockwellenreiter - blog.schockwellenreiter.de - In seiner 147. Coding Challenge tritt Daniel Shiffman in meine Fußstapfen (hier der Link zu Teil 2) und programmiert einen Side Scroller, allerdings nicht in Processing.py, dem Python-Mode von Processing, sondern in Processings JavaScript-Version P5.js. Und er hat auch keine Bewegungsparallaxe implementiert, dafür aber etwas, das meiner Version noch...
Working with Data and APIs in JavaScript
04.06.2019, 15:33 Uhr. Der Schockwellenreiter - blog.schockwellenreiter.de - Weil JavaScript das nächste große Ding ist, hat Daniel Shiffman im Coding Train eine neue Reihe aufgelegt: »Working with Data and APIs in JavaScript«. Bemerkenswert ist, daß er diesmal nicht P5.js, den JavaScript-Mode von Processing nutzt, sondern auf JavaScript pur aufsetzt. Noch existiert keine eigene Playlist Obwohl mittlerweile auch eine Playlist...
Coding Challenge: Wolfenstein 3D in P5.js
10.05.2019, 20:12 Uhr. Der Schockwellenreiter - blog.schockwellenreiter.de - Einen habe ich aber noch, denn auch für heute abend hat Daniel Shiffman mein Fernsehprogramm gerettet. Denn in dieser knapp halbstündigen Coding Challenge setzt er seine vorgestrigen Experimente fort und versucht, seine eigene Version der Wolfenstein-3D-Raycasting-Engine in P5.js, der JavaScript-Version von Processing zu programmieren. Wie immer gibt...
Coding Challenge #145: 2D Raycasting
08.05.2019, 17:49 Uhr. Der Schockwellenreiter - blog.schockwellenreiter.de - Mein Fernsehprogramm für heute abend ist gerettet. Denn in dieser gut halbstündigen Coding Challenge implementiert Daniel Shiffman eine einfache Basic 2D Raycasting Engine in P5.js, dem JavaScript-Mode von Processing. Ich weiß noch nicht, was er da genau anstellt, aber zur Vorbereitung hier erst einmal die Links, die er selber als Quellen angibt:...
2D-Simualtion eines schwarzen Loches in JavaScript (P5.js)
26.04.2019, 18:02 Uhr. Der Schockwellenreiter - blog.schockwellenreiter.de - Einen habe ich aber noch: Inspiriert durch die jüngsten Veröffentlichungen des ersten Bildes (keines Photos!) eines schwarzen Loches durch das Event Horizon Telescope hat Daniel Shiffman in einer neuen Coding Challenge das Verhalten von Licht (Photonen) auf dem Weg der Raumzeit um das schwarze Loch herum visualisiert. Dabei griff er auf diese drei...
Neuroevolution Flappy Bird mit TensorFlow.js
26.04.2019, 12:59 Uhr. Der Schockwellenreiter - blog.schockwellenreiter.de - Exakt vor einem Jahr hatte Daniel Shiffman eine fünteilige Coding Challenge veröffentlicht, in der er mit Hilfe seiner selbst programmierten Neural Network Library und einem genetischen Algorithmus seinem Rechner beibrachte, erfolgreich Flappy Bird zu spielen. Programmierumgebung war P5.js, der JavaScript-Mode von Processing. Nun hat er diese Idee...
Coding Challenge: Der Zauberwürfel in Processing, Teil 3
18.04.2019, 19:33 Uhr. Der Schockwellenreiter - blog.schockwellenreiter.de - Einen habe ich aber noch: Vor wenigen Tagen hatte uns Daniel Shiffman versprochen, daß er im nächsten Teil seiner monströsen Coding Challenge, in der er in Processing (Java) (mindestens) eine Künstliche Intelligenz entwickeln will, die den Zauberwürfel (Rubik’s Cube) lösen kann, die im zweiten Teil implementierten Drehbewegungen animiert....
Coding Challenge: Der Zauberwürfel in Processing, Teil 2
16.04.2019, 18:30 Uhr. Der Schockwellenreiter - blog.schockwellenreiter.de - Bekanntlich hat sich Daniel Shiffman für seine aktuelle Coding Challenge viel vorgenommen: Er möchte in Processing (Java) (mindestens) eine Künstliche Intelligenz entwickeln, die den Zauberwürfel (Rubik’s Cube) lösen kann. Nachdem er im ersten Teil dieser Challenge den Würfel noch ohne Drehbewegungen auf den Monitor gezaubert hat, implementiert...
Coding Challenge: Quicksort Visualisierung in P5.js
04.04.2019, 19:38 Uhr. Der Schockwellenreiter - blog.schockwellenreiter.de - Daniel Shiffman scheint von ähnlicher Sprunghaftigkeit zu sein wie ich. Während alle Welt auf eine Fortsetzung seiner Zauberwürfel-Experimente wartet, greift er ein Video vom August 2018 auf, in dem er in Processing (Java) den Bubblesort-Algorithmus visualisierte (wir berichteten), um sich nun in einer Fortsetzung den Quicksort-Algorithmus vorzunehmen...
Coding Challenge: Eine KI für den Zauberwürfel in Processing (Java)
02.04.2019, 19:05 Uhr. Der Schockwellenreiter - blog.schockwellenreiter.de - Für seine 142. Coding Challenge hat sich Daniel Shiffman viel vorgenommen: Er möchte eine Künstliche Intelligenz programmieren, die den Zauberwürfel (auch nach ihrem Erfinder Rubik’s Cube genannt) löst. Das nenne ich wirklich eine Herausforderung. Doch in dem ersten Video der Reihe fängt er erst einmal klein an und programmiert in Processing...
Mathematische Entdeckungen in der Mandelbrotmenge
21.03.2019, 19:31 Uhr. Der Schockwellenreiter - blog.schockwellenreiter.de - Daß sich die Kreiszahl Pi auch in der Mandelbrotmenge (genauer in den Rändern der Mandelbrotmenge) versteckt hält (siehe letzten Beitrag), ist keine Entdeckung von Daniel Shiffman, sondern er hat dies in einem Video des YouTube-Kanals Numberphile entdeckt, in dem die amerikanische Mathematikerin Dr. Holly Krieger charmant und kenntnisreich darüber...
Pi Day Postponed
21.03.2019, 18:43 Uhr. Der Schockwellenreiter - blog.schockwellenreiter.de - Der Tag zu Ehren der Kreiszahl Pi war exakt vor einer Woche und Daniel Shiffman hat ihn gebührend mit einer schrägen Coding Challenge gefeiert. Aber es geht noch schräger, denn Pi hat sich auch in den Rändern der Mandelbrot-Menge (aka Apfelmännchen oder Mandelbrötchen) versteckt. Es ist sicher nicht der effizienteste Weg, die einzelnen Nachkommastellen...
Coding Challenge: Angry Birds mit P5.js und Matter.js
09.03.2019, 13:54 Uhr. Der Schockwellenreiter - blog.schockwellenreiter.de - Falls Ihr noch kein Bildungsprogramm für dieses Wochenende habt: Daniel Shiffman zeigt in dieser etwa 40-minütigen Coding Challenge, wie man einen Angry-Birds-Klon in P5.js, dem JavaScript-Mode von Processing und der (JavaScript-) Physik-Bibliothek matter.js programmiert....
Coding Challenge: Perfekte Perlin Noise (GIF) Loops (2)
27.02.2019, 18:20 Uhr. Der Schockwellenreiter - blog.schockwellenreiter.de - In dieser Coding Challenge präzisiert Daniel Shiffman seine Idee vom Wochenende und programmiert – diesmal in Processing (Java) – eine perfekte Perlin-Noise-Schleife (das ist eine Schleife, in der das Anfangsbild mit dem Endebild übereinstimmt), die in dieser Challenge als ein pulsierendes Partikelsystem aus Kreisen realisiert wird. Auch dieses...
Coding Challenge: Polar Perlin Noise Loops
25.02.2019, 17:55 Uhr. Der Schockwellenreiter - blog.schockwellenreiter.de - Nicht nur ich, sondern auch Daniel Shiffman war über das Wochenende fleißig und hat an einer neuen Coding Challenge gebastelt, in der er eine Perlin-Noise-Schleife programmiert, in der der letzte Wert mit dem ersten zusammentrifft. Dies wird zum Beispiel benötigt, um eine perfekt animierte GIF-Schleife mit dieser Rauschfunktion zu erstellen. Er erreicht...
Ich habe mein Herz an Processing(.py) verloren
14.02.2019, 20:06 Uhr. Der Schockwellenreiter - blog.schockwellenreiter.de - Heute ist Valentinstag und aus diesem Anlaß möchte Euch Daniel Shiffman zeigen, daß er sein Herz nicht in Heidelberg, sondern an Processing (Java) verloren hat. Und so zeichnet er mit Processing die Herzkurve (Kardioide von griechisch καρδία, Herz) – genauer: Eine Kardioide als Einhüllende einer Geradenschar. Die Geraden sind die Verbindung...
Coding Challenge: Flüssigkeitssimulation in Processing (Java)
13.02.2019, 19:12 Uhr. Der Schockwellenreiter - blog.schockwellenreiter.de - In dieser 50-minütigen Coding Challenge versucht Daniel Shiffman, Mike Ashs »Fluid Simulation für Dummies« zu folgen und eine Flüssigkeitssimulation nach dem 1999 von Jos Stam auf der SIGGRAPH-Tagung veröffentlichten Algorithmus »Real-Time Fluid Dynamics for Games« nach Processing (Java) zu portieren....
Nächste-Nachbarn-Klassifikation mit P5.js
08.02.2019, 18:02 Uhr. Der Schockwellenreiter - blog.schockwellenreiter.de - Natürlich kann ich Euch nicht ins Wochenende entlassen ohne Euch die neuesten unglaublichen Dinge vorzustellen, die Daniel Shiffman mit P5.js, dem JavaScript-Mode von Processing, anstellt. Diese Woche hat er sich wieder in den Bereich »Künstliche Intelligenz« und »Maschinelles Lernen« vorgewagt und konstruiert mit Hilfe der Bibliotheken Tensorflow...
Diskrete Fourier-Transformation: Zeichnen mit komplexen Zahlen
03.02.2019, 12:37 Uhr. Der Schockwellenreiter - blog.schockwellenreiter.de - In dieser Coding-Challenge setzt Daniel Shiffman sein Experiment »Zeichnen mit einer Fourier-Transformation« fort und ersetzt die jeweiligen x- und y-Koordinaten durch je eine komplexe Zahl. Da er dies in P5.js, dem JavaScript-Mode von Processing, programmiert, muß er dazu eine Klasse Complex einführen und dort eine Methode für die Multiplikation...
Coding Challenge: Zeichnen mit einer Fourier-Transformation
25.01.2019, 17:06 Uhr. Der Schockwellenreiter - blog.schockwellenreiter.de - Mit dieser außergewöhnlichen Coding Challenge möchte ich Euch endgültig ins Wochenende schicken: Daniel Shiffman zeichnet hier in Processing (Java) mit Hilfe der Diskreten Fourier-Transformation das Coding-Train-Logo. Sieht nicht nur spannend aus, sondern ist auch noch lehrreich und witzig. Vielleicht regt es Euch ja zu eigenen (Programmier-) Wochenendprojekten...
Zahnstocher-Fraktal mit Processing
09.01.2019, 16:32 Uhr. Der Schockwellenreiter - blog.schockwellenreiter.de - n dieser Coding Challenge zeigt Daniel Shiffman, wie man in Processing (Java) ein Zahnstocher-Fraktal programmieren kann. Auf diese Idee ist er durch diese Seiten gekommen, wo man die Zahnstocher-Sequenz auch interaktiv erkunden kann....
Let it snow, let it snow, let it snow (3)
31.12.2018, 18:34 Uhr. Der Schockwellenreiter - blog.schockwellenreiter.de - In seiner letzten Feiertags Coding Challenge geht Daniel Shiffman Das Thema »Schneeflocke« noch einmal an und programmiert die Kochsche Schneeflocke in Processing (Java). Während alle anderen da draußen Dinner for One entgegenfiebern, habe ich mir dieses Video reingezogen. Das ist mindestens genauso vergnüglich....
Let it snow, let it snow, let it snow (2)
26.12.2018, 18:41 Uhr. Der Schockwellenreiter - blog.schockwellenreiter.de - Hier in Berlin ist es ja eher regnerisch-naßkalt, grau in grau und ungemütlich, aber Daniel Shiffman kann von den Schneeflocken nicht lassen. Daher hat er heute eine zweite Feiertags-Coding Challenge veröffentlicht, in der er mit Hilfe der Daten aus Googles Quick, Draw-Projekt, dem dazugehörenden Magenta-JavaScript-Projekt (genauer der Bibliothek...
Let it snow, let it snow, let it snow
24.12.2018, 17:59 Uhr. Der Schockwellenreiter - blog.schockwellenreiter.de - In dieser Weihnachts-Coding-Challenge zeigt Euch Daniel Shiffman, wie man mithilfe einer Brownschen Bewegung und diffusionsbegrenztem Wachstum (diffusion limited aggregation, DLA) in Processing (Java) eine Schneeflocke auf den Monitor zaubert. Ist doch hübsch und so habe ich doch noch etwas gefunden, womit ich Euch in die Feiertage entlassen kann....
Flocking-Simulation in JavaScript (P5.js)
11.12.2018, 16:54 Uhr. Der Schockwellenreiter - blog.schockwellenreiter.de - In dieser, seiner 124. Coding Challenge, programmiert Daniel Shiffman die berühmte Boids-Simulation von Craig Reynolds in JavaScript – genauer in P5.js nach. In seinem Buch »The Nature of Code« hat er einen ähnlichen Anlauf in Kapitel 6 auch schon einmal in Processing (Java) unternommen....
Coding Challenge: Das Chaos-Spiel (Teil 1 und Teil 2)
30.11.2018, 15:06 Uhr. Der Schockwellenreiter - blog.schockwellenreiter.de - In dieser zweiteiligen Coding Challenge zeigt Daniel Shiffman wie man in P5.js, dem JavaScript-Mode von Processing, das Choas-Spiel programmiert, das in der einfachsten Form als Ergebnis ein Sierpinski-Dreieck erzeugt, eine Ikone der Chaos-Theorie, die nach dem polnischen Mathematiker Wacław Sierpiński benannt ist, der das Fraktal schon 1915 als erster...
Coding Challenge: Das Internet ist für Katzenbilder
20.11.2018, 16:18 Uhr. Der Schockwellenreiter - blog.schockwellenreiter.de - Daniel Shiffman weiß natürlich, daß das Internet gemacht ist, um süße Katzenbilder online zu stellen. Daher zeigt er in dieser 122. Coding Challenge, wie man mit Hilfe von Node.js, Express und natürlich P5.js, dem JavaScript-Mode von Processing, Googles Doodle-Datenbank »Quick, Draw!« anzapft und daraus hintereinander alle Katzenbilder zeichnen...
Ein Mastodon-Bot mit Node.js
10.10.2018, 14:57 Uhr. Der Schockwellenreiter - blog.schockwellenreiter.de - Bekanntlich wird Google+ – Googles erfolgloser Versuch einer Facebook-Alternative – nach dem Bekanntwerden eines gigantischen Datenlecks, das Google auch noch monatelang verschwiegen hatte, dicht gemacht. Jetzt suchen viele plötzlich nach einer Alternative und einigen fällt tatsächlich Mastodon ein, das dezentrale soziale Netzwerk, das der aus...
Coding Challenge #116: Lissajous Curve Table
03.10.2018, 19:59 Uhr. Der Schockwellenreiter - blog.schockwellenreiter.de - Nachdem ich den heutigen Feiertag mehr oder weniger vollständig mit der Programmierung seltsamer Dinge in Pygame verbracht hatte (mehr dazu im Laufe dieser Woche), habe ich mich zum Abschluß des Tages mit obigem Video entspannt. In diesem zeigt Daniel Shiffman, wie man eine Tabelle mit Lissajous-Figuren in Processing (Java) programmiert. Wer – wie...
Workflow: Python und Virtualenv
28.09.2018, 18:40 Uhr. Der Schockwellenreiter - blog.schockwellenreiter.de - Einen habe ich aber noch: Im jüngsten Video seiner Tutorial-Reihe zu seinen Workflows stellt Daniel Shiffman vor, wie man in Python virtuelle Umgebungen schafft, aktiviert und wieder deaktiviert – und zwar mit dem Befehl virtualenv....
Coding Challenge: The Giphy API und JavaScript (p5.js)
23.09.2018, 19:50 Uhr. Der Schockwellenreiter - blog.schockwellenreiter.de - Nachdem ich die letzten beiden Tage damit beschäftigt war, einen Vortrag und eine Schulungseinheit vorzubereiten, ist es heute abend – nach Fertigstellung der Vortragsfolien – nun an der Zeit, zum gemütlichen Teil des Wochenendes überzugehen. Und da möchte ich Euch eine etwa drei Jahre alte Coding-Challenge vorstellen, in der Daniel Shiffman...
Snake Game in p5.js
14.09.2018, 11:54 Uhr. Der Schockwellenreiter - blog.schockwellenreiter.de - Beinahe jeden Freitag haut Daniel Shiffman eine Coding Challenge heraus und unterminiert damit meine Vorsätze, am Wochenende mal etwas Vernünftigeres als die Programmierung schräger Dinge zu tun. So auch heute: Anläßlich seiner Freude über den neuen Webeditor für p5.js, Processings JavaScript-Mode (wir berichteten) baut er das bekannte Snake...