#natureofcode — Public Fediverse posts
Live and recent posts from across the Fediverse tagged #natureofcode, aggregated by home.social.
-
#100DaysOfCode day 5:
Started Caleb Curry's #Rust course part 2, learning about enums, traits and other types.Also played a little more with #P5js and #NatureOfCode with Dan Shiffman, get my #JavaScript refreshed.
-
Ein Partikelsystem mit Proceso und PyScript
Das kleine Planetensystem mit den rotierenden Kisten, das ich vor etwa einer Woche mit Proceso und PyScript realisiert hatte, erinnerte mich an ein Partikelsystem in zwei Stufen, an dem vor mehr als einem Jahr in microStudio mit Brython versucht hatte. Vor allem, da in der zweiten Stufe die Partikel teilweise ebenfalls rotierende Quadrate waren. https://kantel.github.io/posts/2025072101_partikel_proceso/ #Proceso #Python #PyScript #Processing #NatureOfCode #CreativeCoding
-
Ein Partikelsystem mit Proceso und PyScript
Das kleine Planetensystem mit den rotierenden Kisten, das ich vor etwa einer Woche mit Proceso und PyScript realisiert hatte, erinnerte mich an ein Partikelsystem in zwei Stufen, an dem vor mehr als einem Jahr in microStudio mit Brython versucht hatte. Vor allem, da in der zweiten Stufe die Partikel teilweise ebenfalls rotierende Quadrate waren. https://kantel.github.io/posts/2025072101_partikel_proceso/ #Proceso #Python #PyScript #Processing #NatureOfCode #CreativeCoding
-
Ein Partikelsystem mit Proceso und PyScript
Das kleine Planetensystem mit den rotierenden Kisten, das ich vor etwa einer Woche mit Proceso und PyScript realisiert hatte, erinnerte mich an ein Partikelsystem in zwei Stufen, an dem vor mehr als einem Jahr in microStudio mit Brython versucht hatte. Vor allem, da in der zweiten Stufe die Partikel teilweise ebenfalls rotierende Quadrate waren. https://kantel.github.io/posts/2025072101_partikel_proceso/ #Proceso #Python #PyScript #Processing #NatureOfCode #CreativeCoding
-
Ein Partikelsystem mit Proceso und PyScript
Das kleine Planetensystem mit den rotierenden Kisten, das ich vor etwa einer Woche mit Proceso und PyScript realisiert hatte, erinnerte mich an ein Partikelsystem in zwei Stufen, an dem vor mehr als einem Jahr in microStudio mit Brython versucht hatte. Vor allem, da in der zweiten Stufe die Partikel teilweise ebenfalls rotierende Quadrate waren. https://kantel.github.io/posts/2025072101_partikel_proceso/ #Proceso #Python #PyScript #Processing #NatureOfCode #CreativeCoding
-
CW: grumpy comment about Shiffman wrapping everything in classes (OO)
I love Daniel Shiffman and the people porting NOC examples, but their insistence on wrapping everything in classes, and in this particular example, to put them on separate files... Take this L-System example: https://github.com/nature-of-code/noc-2-processing-port/blob/main/chapter8/Example_8_9_LSystem/Example_8_9_LSystem.pde
And the JS original: https://natureofcode.com/fractals/#l-systems (you have to open the p5js editor and click a lot to find the lsystem.js file)
In my view it doesn't help at all learners grasp what is going on to have to switch to two other tabs to look at a few lines of code that could be two functions.
Ignore for a moment it's Python and compare the previous code to these procedural implementations:
https://abav.lugaralgum.com/material-aulas/Processing-Python-py5/LSystem.html(Now, I take back the "ignore for a moment it's Python", and I suggest you marvel at the elegance of the Python dict)
#natureofcode #Processing #LSystem #Python #JavaScript #ObjectOriented #procedural
-
#100DaysOfCode day 20:
Lesson two in the #Algebra and a little #Python for that lesson.
Still working on forces in #NatureOfCode. Today I made a program that applied forces to two different objects with different mass.
#P5JS #JavaScript #Math #CreativeCode #GenerativeArt -
#100DaysOfCode day 13:
A bit to much beer and a little late to sleep last night, so not much done today, but I did continue with some #vectorMath and #NatureOfCode, today it was multiplication.
#Javascript #CreativeCode #GenerativeArt #Math -
MicroStudio: Video-Tutorials zum Wochenende
Da ich vermutlich in den nächsten Wochen (oder sogar Monaten) noch einiges mit microStudio und Python/Brython anstellen möchte, habe ich bei YouTube mal nachgeschaut, was das Netz denn so an Tutorials zu microStudio anbietet. Die Auswahl war nicht gerade üppig, so daß ich sie nahezu komplett hier im Blog Kritzelheft auflisten kann: https://kantel.github.io/posts/2025032201_microstudio_tutorials/ #microStudio #NatureOfCode #CreativeCoding #GameDev
-
MicroStudio: Video-Tutorials zum Wochenende
Da ich vermutlich in den nächsten Wochen (oder sogar Monaten) noch einiges mit microStudio und Python/Brython anstellen möchte, habe ich bei YouTube mal nachgeschaut, was das Netz denn so an Tutorials zu microStudio anbietet. Die Auswahl war nicht gerade üppig, so daß ich sie nahezu komplett hier im Blog Kritzelheft auflisten kann: https://kantel.github.io/posts/2025032201_microstudio_tutorials/ #microStudio #NatureOfCode #CreativeCoding #GameDev
-
MicroStudio: Video-Tutorials zum Wochenende
Da ich vermutlich in den nächsten Wochen (oder sogar Monaten) noch einiges mit microStudio und Python/Brython anstellen möchte, habe ich bei YouTube mal nachgeschaut, was das Netz denn so an Tutorials zu microStudio anbietet. Die Auswahl war nicht gerade üppig, so daß ich sie nahezu komplett hier im Blog Kritzelheft auflisten kann: https://kantel.github.io/posts/2025032201_microstudio_tutorials/ #microStudio #NatureOfCode #CreativeCoding #GameDev
-
MicroStudio: Video-Tutorials zum Wochenende
Da ich vermutlich in den nächsten Wochen (oder sogar Monaten) noch einiges mit microStudio und Python/Brython anstellen möchte, habe ich bei YouTube mal nachgeschaut, was das Netz denn so an Tutorials zu microStudio anbietet. Die Auswahl war nicht gerade üppig, so daß ich sie nahezu komplett hier im Blog Kritzelheft auflisten kann: https://kantel.github.io/posts/2025032201_microstudio_tutorials/ #microStudio #NatureOfCode #CreativeCoding #GameDev
-
MicroStudio und Python: Bouncing Heads
Natürlich konnte ich meine verbesserte Version der kollidierend Bälle von vorgestern nicht einfach so stehen lassen, ohne nicht noch ein paar Spielereien damit anzustellen. Also habe ich mir wieder das freie (CC0) Animal Pack Redux aus dem schier unerschöpflichen Fundus von Kenney geschnappt und statt der Bälle ein paar Tierköpfe sich gegenseitig die Schädel anstoßen lassen https://kantel.github.io/posts/2025032101_microstudio_bouncing_heads/ #microStudio #Python #Brython #NatureOfCode #CreativeCoding
-
MicroStudio und Python: Bouncing Heads
Natürlich konnte ich meine verbesserte Version der kollidierend Bälle von vorgestern nicht einfach so stehen lassen, ohne nicht noch ein paar Spielereien damit anzustellen. Also habe ich mir wieder das freie (CC0) Animal Pack Redux aus dem schier unerschöpflichen Fundus von Kenney geschnappt und statt der Bälle ein paar Tierköpfe sich gegenseitig die Schädel anstoßen lassen https://kantel.github.io/posts/2025032101_microstudio_bouncing_heads/ #microStudio #Python #Brython #NatureOfCode #CreativeCoding
-
MicroStudio und Python: Bouncing Heads
Natürlich konnte ich meine verbesserte Version der kollidierend Bälle von vorgestern nicht einfach so stehen lassen, ohne nicht noch ein paar Spielereien damit anzustellen. Also habe ich mir wieder das freie (CC0) Animal Pack Redux aus dem schier unerschöpflichen Fundus von Kenney geschnappt und statt der Bälle ein paar Tierköpfe sich gegenseitig die Schädel anstoßen lassen https://kantel.github.io/posts/2025032101_microstudio_bouncing_heads/ #microStudio #Python #Brython #NatureOfCode #CreativeCoding
-
MicroStudio und Python: Bouncing Heads
Natürlich konnte ich meine verbesserte Version der kollidierend Bälle von vorgestern nicht einfach so stehen lassen, ohne nicht noch ein paar Spielereien damit anzustellen. Also habe ich mir wieder das freie (CC0) Animal Pack Redux aus dem schier unerschöpflichen Fundus von Kenney geschnappt und statt der Bälle ein paar Tierköpfe sich gegenseitig die Schädel anstoßen lassen https://kantel.github.io/posts/2025032101_microstudio_bouncing_heads/ #microStudio #Python #Brython #NatureOfCode #CreativeCoding
-
MicroStudio und Python: Bouncing Balls (ohne Überlappungen)
Mein Abenteuer »microStudio mit Python/Brython« geht weiter. Heute habe ich mich einem Problem gewidmet, das mich spätestens seit dem Beitrag »Bouncing Birds« verfolgt hat: Wenn ich eine Kollisionserkennung implementiert hatte, kam es in einigen Fällen vor, daß sich die Kreise überlappten und nur schwer wieder zu trennen waren. https://kantel.github.io/posts/2025031901_microstudio_bouncing_balls/ #microStudio #Python #Brython #NatureOfCode #CreativeCoding
-
MicroStudio und Python: Bouncing Balls (ohne Überlappungen)
Mein Abenteuer »microStudio mit Python/Brython« geht weiter. Heute habe ich mich einem Problem gewidmet, das mich spätestens seit dem Beitrag »Bouncing Birds« verfolgt hat: Wenn ich eine Kollisionserkennung implementiert hatte, kam es in einigen Fällen vor, daß sich die Kreise überlappten und nur schwer wieder zu trennen waren. https://kantel.github.io/posts/2025031901_microstudio_bouncing_balls/ #microStudio #Python #Brython #NatureOfCode #CreativeCoding
-
MicroStudio und Python: Bouncing Balls (ohne Überlappungen)
Mein Abenteuer »microStudio mit Python/Brython« geht weiter. Heute habe ich mich einem Problem gewidmet, das mich spätestens seit dem Beitrag »Bouncing Birds« verfolgt hat: Wenn ich eine Kollisionserkennung implementiert hatte, kam es in einigen Fällen vor, daß sich die Kreise überlappten und nur schwer wieder zu trennen waren. https://kantel.github.io/posts/2025031901_microstudio_bouncing_balls/ #microStudio #Python #Brython #NatureOfCode #CreativeCoding
-
MicroStudio und Python: Bouncing Balls (ohne Überlappungen)
Mein Abenteuer »microStudio mit Python/Brython« geht weiter. Heute habe ich mich einem Problem gewidmet, das mich spätestens seit dem Beitrag »Bouncing Birds« verfolgt hat: Wenn ich eine Kollisionserkennung implementiert hatte, kam es in einigen Fällen vor, daß sich die Kreise überlappten und nur schwer wieder zu trennen waren. https://kantel.github.io/posts/2025031901_microstudio_bouncing_balls/ #microStudio #Python #Brython #NatureOfCode #CreativeCoding
-
MicroStudio und Python: Bouncing Duck (mit Vektoren)
Die bedauerliche Tatsache, daß es Apple auch mit dem letzten Update von Sequoia immer noch nicht gelungen ist, den ärgerlichen Fehler zu beheben, hat mich bei meinem Vorhaben ziemlich ausgebremst, wenigstens die ersten Kapitel aus Daniel Shiffmans neuer, verbesserter und erweiterter Auflage von »The Nature of Code« von P5.js nach Pygame CE zu portieren. https://kantel.github.io/posts/2025031601_microstudio_nature_of_code/ #microStudio #Python #Brython #NatureOfCode #CreativeCoding
-
MicroStudio und Python: Bouncing Duck (mit Vektoren)
Die bedauerliche Tatsache, daß es Apple auch mit dem letzten Update von Sequoia immer noch nicht gelungen ist, den ärgerlichen Fehler zu beheben, hat mich bei meinem Vorhaben ziemlich ausgebremst, wenigstens die ersten Kapitel aus Daniel Shiffmans neuer, verbesserter und erweiterter Auflage von »The Nature of Code« von P5.js nach Pygame CE zu portieren. https://kantel.github.io/posts/2025031601_microstudio_nature_of_code/ #microStudio #Python #Brython #NatureOfCode #CreativeCoding
-
MicroStudio und Python: Bouncing Duck (mit Vektoren)
Die bedauerliche Tatsache, daß es Apple auch mit dem letzten Update von Sequoia immer noch nicht gelungen ist, den ärgerlichen Fehler zu beheben, hat mich bei meinem Vorhaben ziemlich ausgebremst, wenigstens die ersten Kapitel aus Daniel Shiffmans neuer, verbesserter und erweiterter Auflage von »The Nature of Code« von P5.js nach Pygame CE zu portieren. https://kantel.github.io/posts/2025031601_microstudio_nature_of_code/ #microStudio #Python #Brython #NatureOfCode #CreativeCoding
-
MicroStudio und Python: Bouncing Duck (mit Vektoren)
Die bedauerliche Tatsache, daß es Apple auch mit dem letzten Update von Sequoia immer noch nicht gelungen ist, den ärgerlichen Fehler zu beheben, hat mich bei meinem Vorhaben ziemlich ausgebremst, wenigstens die ersten Kapitel aus Daniel Shiffmans neuer, verbesserter und erweiterter Auflage von »The Nature of Code« von P5.js nach Pygame CE zu portieren. https://kantel.github.io/posts/2025031601_microstudio_nature_of_code/ #microStudio #Python #Brython #NatureOfCode #CreativeCoding
-
Die rasende Schlange: Vektoren in Pygame
Über das Wochenende hatte ich mich hingesetzt und an meinem vor wenigen Tagen angekündigten Vorhaben gearbeitet, zumindest die Vektorkapitel 1 und 2 aus Daniel Shiffmans »The Nature of Code« nach Python/Pygame (CE) zu portieren. https://kantel.github.io/posts/2025022501_noc_python/ #CreativeCoding #Python #Pygame #PygameCE #NatureOfCode #Pygbag
-
Schlangenfraß: Video-Tutorials zum Wochenende
Da mein Programm für die nächsten Wochen oder gar Monate darin besteht, mindestens die ersten drei Kapitel aus Daniel Shiffmans »The Nature of Code« nach Python und Pygame zu portieren und um eigene Beispiele zu erweitern, habe ich mir zur Vorbereitung erst einmal ein paar Video-Tutorials herausgesucht, die ich Euch nicht vorenthalten möchte: https://kantel.github.io/posts/2025022101_python_video_tutorials/ #GameDev #Python #Pygame #Pymunk #VPython #Trinket #NatureOfCode
-
Wo ist unser Vektor, Viktor? Nachschlag zu Teil 2
Zu meinem gestrigen Versuch, ein von der Hühnerhauswand abprallendes Küken mithilfe von Pygame (CE) und Pygames Vektorklasse zu programmieren, hatte der Gravitar in meinen Kommentaren noch ein paar äußerst hilfreiche Anmerkungen, die ich stante pede in meinem Programm (bouncingball_vectors.py) umgesetzt habe: https://kantel.github.io/posts/2025021802_vectory_pygame_2/ #GameDev #Python #Pygame #NatureOfCode
-
Wo ist unser Vektor, Viktor? Teil2: Vektoren in Pygame
Der Gravitar hat mich angefixt. Nachdem ich gestern (mehr oder weniger) erfolgreich die Python Arcade Bibliothek mit Vektoren verheiratet hatte, mußte ich heute auf seine Anregung hin unbedingt noch testen, wie das denn mit Pygame (genauer: Pygame CE) funktioniert. https://kantel.github.io/posts/2025021701_vectory_pygame/ #GameDev #Python #Pygame #PygameCE #NatureOfCode #Pygbag #PyCharm
-
I really want to learn more Python+NumPy for these sort of particle simulation things... https://www.labri.fr/perso/nrougier/from-python-to-numpy/ (@rzeta0 I think you'll find it funny like I did that most examples from this lovely #numpy book seem to have been inspired by Shiffman's #NatureOfCode examples!!!)
-
Bouncing Balls mit microStudio (Python)
Die vor ein paar Tagen hier aufgekeimte Idee, microStudio in der Python/Brython-Variante als Grundlage für eine (angepaßte und aufgebohrte) Python-Version von Daniel Shiffmans genialem Buch »The Nature of Code« zu nehmen, hat mich einfach nicht in Ruhe gelassen. https://kantel.github.io/posts/2024033102_bouncing_balls_microstudio/ #microStudio #Python #Brython #CreativeCoding #NatureOfCode
-
MicroStudio-Tutorial 5: PVector2 und »The Nature of Code« mit microStudio?
Je mehr und je länger ich mich mit microStudio in der Python/Brython-Variante beschäftige, um so mehr gelange ich zu der Überzeugung, daß sich das Teil für viel mehr eignet, als nur Spiele zu programmieren (obwohl auch das schon eine anspruchsvolle Aufgabe ist). https://kantel.github.io/posts/2024032801_microstudio_noc_1/ #microStudio #Python #Brython #NatureOfCode #CreativeCoding #GameDev
-
»The Nature of Code« in Python (Py5): Ein einfaches Partikelsystem (Stage 1)
Ich habe noch gestern meine Ankündigung wahrgemacht und ein einfaches Partikelsystem in Py5 implementiert. Das ging deshalb so flott, nicht nur, weil ich ähnliches schon einmal in Processing.py programmiert, sondern ich auch schon einmal Versuche mit der NodeBox 1 und sogar mit Pythons Schildkröte angestellt hatte. https://kantel.github.io/posts/2023080802_py5_particelsystem_1/ #Py5 #Processing #Python #CreativeCoding #NatureOfCode
-
Partikelsysteme programmieren
Spring Physics, Particles and Meshes ist der vorerst letzte Beitrag einer Tutorialreihe zu Partikelsystemen, die Ahmad Moussa in seinem Blog »Gorilla Sun« veröffentlicht hat. Die Programme (oder besser: Sketche) sind in P5.js, der JavaScript-Version von Processing geschrieben und mit Hilfe der P5 Widgets seinen Blog-Leserinnen und -Lesern zugänglich gemacht. https://kantel.github.io/posts/2023080701_partikelsysteme/ #P5.js #Processing #Py5 #NatureOfCode #CreativeCoding
-
⏳ We're going live in 10 minutes with @shiffman to talk all about the world of creative coding with pf.js in #vscode! Join us 🎬 https://youtube.com/live/1h6vZl-OuB0
@thecodingtrain #natureofcode https://t.co/9roQ5BHxKG:sys_twitter: https://twitter.com/code/status/1659209734824808449
-
📢 On this Thursday's livestream Daniel Shiffman joins us to introduce the world of creative #coding with p5.js in #vscode! Mark your calendar 📆 and join us ▶️ https://aka.ms/code-livestream-page @shiffman @thecodingtrain #natureofcode https://t.co/NdVw1rmXL1
:sys_twitter: https://twitter.com/code/status/1657815797778067456
-
@lr isso é tão legal!
Pra quem quiser uma introdução fofa ao assunto (mas em inglês), Daniel Shiffman, #NatureOfCode: https://natureofcode.com/book/chapter-7-cellular-automata/
E fiz com o Tiago Queiroz uma versão para Arduino e matriz de LEDs: https://abav.lugaralgum.com/selected-work/#matriz-8x8-animada-com-arduino-2016
-
Alright! It's done 30 Days of Nature of Code inspired coding, know he's not really on here, but thank you @shiffman for such a feast of material!
Between Typescript and a custom python html generator I kinda went off track into infrastructure some days, but I still had a lot of fun
https://carlynorama.github.io/2023January-30DaysNatureOfCode/
-
Not a lot of postin' b/c too much codin'
Up to through Day 25 on the Nature of Code binge. We're off the v2 playlist, but there are plenty of existing Coding Challenges on the topics and of course the book!
Path follower or Wander, this boid is having a good time.
https://carlynorama.github.io/2023January-30DaysNatureOfCode/
-
Day 17 & 18... blah blah Springs, blah blah Particle Systems... but can I tell you how my template code variables are PINK now??
https://github.com/carlynorama/small-ssg
#30DaysOf #NatureOfCode #CodingTrain #p5js #CreativeCoding #vscode
-
Day 17, end of Chapter 3... springs! Springs attached to Springs! (Image attached) Day 18, start Chapter 4 and particle systems (no image attached)
But REALLY, I spent too much time trying to convince VSCode to highlight my python variables in HTML files improving my little static site generator I've got going on.
https://github.com/carlynorama/small-ssg
#30DaysOf #NatureOfCode #CodingTrain #p5js #CreativeCoding #vscode
-
Day 15, 16 done. Cranking away, I really do have to come up with a video based workflow so I can share how these sketches MOVE. Pendulums and oscillation are nothing without TIME.
https://carlynorama.github.io/2023January-30DaysNatureOfCode/15-oscillation/
https://carlynorama.github.io/2023January-30DaysNatureOfCode/16-swing-time/
#30DaysOf #NatureOfCode #p5js, #CreativeCoding #GenerativeArt #CodingTrain
-
Day 15 was oscillation, Day 16... Pendulums! Worked my way up to writing a recursive pendulum stack which alternates between boring and crazy depending on starting conditions.
https://carlynorama.github.io/2023January-30DaysNatureOfCode/16-swing-time/
#30DaysOf #NatureOfCode #p5js, #CreativeCoding, #GenerativeArt, #CodingTrain
-
Okay so Saturday (Day 13) yielded a gif, attached, and Sunday (Day 14) really yielded typescript-module-in-a-browser knowledge getting OpenSimplex noise to work with my set up (link). All with a cat sitting on me in the rain. Good times.
https://carlynorama.github.io/2023January-30DaysNatureOfCode/14-outside-noise/
#30DaysOf #NatureOfCode #p5js, #TypeScript, #OpenSimplexNoise #CreativeCoding #GenerativeArt
-
Weekend Update: Day 13 making the attached recoded gif loop using 2D Perlin noise. (CC 136). Day 14 (CC 137) was making 4D OpenSImplex noise using an external library. I, of course, spent my time recompiling the original TypeScript npm package to understand how modules work in a browser, but I got it!
https://carlynorama.github.io/2023January-30DaysNatureOfCode/13-more-noise-loops/
https://carlynorama.github.io/2023January-30DaysNatureOfCode/14-outside-noise/
#30DaysOf #NatureOfCode #p5js, #TypeScript, #OpenSimplexNoise #CreativeCoding #GenerativeArt
-
Day 12: perlin noise and polar coordinates fun.
I'm pretty pleased.
https://carlynorama.github.io/2023January-30DaysNatureOfCode/12-circular-motion/
-
Okay, first day with TypeScript set up in the repo... and I didn't use it! Doh. These sketches were too simple to bother. Did I get to play around with sliders... These sketches are based on Coding Challenge #136
https://carlynorama.github.io/2023January-30DaysNatureOfCode/11-first-day-of-typescript/
#30DaysOf #NatureOfCode #CodingTrain #p5js #CreativeCoding, #GenerativeArt
-
Day 10: Last day of the quadtree, finally made a duplicate of Quadtree Video 3! Tried to add the mover to it and realized I had a glitch where not all the particles in a region update. Not going to fix it right now, but posted the broken thing too for the record!
#CreativeCoding #30DaysOf #NatureOfCode #CodingTrain #p5js #GenerativeArt
https://www.youtube.com/watch?v=z0YFFg_nBjw
https://carlynorama.github.io/2023January-30DaysNatureOfCode/
-
Day 9, turned the walker into a wandering blackhole eating the points up in the quadtree. Got to name an array rememberedDead. It has got to be the rain!
#quadtree #30DaysOf #NatureOfCode #p5js #CreativeCoding #GenerativeArt #CodeInLink
https://carlynorama.github.io/2023January-30DaysNatureOfCode/09-quadtree-update/
-
Okay... now REMOVING points. Built on the code from yesterday to turn the mover into a sweeper that removes points from the quadtree as it goes. The actual QuadTree class is a MESS but it works! I REALLY REALLY miss Swift.
https://carlynorama.github.io/2023January-30DaysNatureOfCode/09-quadtree-update/
-
Alright, since I was just pounding on the QuadTree I didn't post the last couple of days, but in todays last sketch a few things really came together technically. It's a nice illustration of the difference between using Gaussian Random and Perlin Noise to create the point cloud.
#p5js #CreativeCode #30DaysOf #NatureOfCode #CodingTrain
https://carlynorama.github.io/2023January-30DaysNatureOfCode/08-quadtree-point-query/