Merge branch 'main' into PR/challenge-73

Author: shiffman

content/pages/challenges/index.json

@@ -2,5 +2,5 @@
   "title": "Challenges",
   "description": "Ready to apply what you’ve learned in the Tracks? Try a Challenge! These one-off project videos build off concepts introduced in Tracks and may have prerequisites (listed on the challenge page itself).",
   "featuredText": "Featured Challenge:",
-  "featuredChallenge": "184-elastic-collisions"
+  "featuredChallenge": "185-dragon-curve"
 }

content/pages/homepage/index.json

@@ -31,12 +31,12 @@
     "title": "Challenges",
     "description": "Watch Dan take on Coding Challenges in p5.js and Processing. The challenge topics include algorithmic art, machine learning, simulation, generative poetry, and more.",
     "featured": [
-      "184-elastic-collisions",
-      "64-kinematics",
-      "125-fourier-series",
-      "28-metaballs",
-      "116-lissajous-curve-table",
-      "170-monty-hall-problem"
+      "185-dragon-curve",
+      "175-3D-cube-applesoft-basic",
+      "160-spring-forces",
+      "113-4d-hypercube-aka-tesseract",
+      "99-neural-network-color-predictor",
+      "85-the-game-of-life"
     ],
     "challengesCta": {
       "text": "ready to explore? try a challenge!",
@@ -46,16 +46,7 @@
   },
   "passengerShowcase": {
     "title": "Passenger showcase highlights",
-    "featured": [
-      "challenges/160-spring-forces/showcase/contribution-1717812105.json",
-      "noc/4-particles/1-particle-system/showcase/contribution-1716063723.json",
-      "challenges/183-mathematical-marbling/showcase/contribution-5.json",
-      "challenges/183-mathematical-marbling/showcase/contribution-1719747682.json",
-      "challenges/93-double-pendulum/showcase/contribution-1717095241.json",
-      "code/2-variables/5-map/showcase/contribution-1719881442.json",
-      "noc/3-angles/7-additive-waves/showcase/contribution-1719068587.json",
-      "challenges/10-dfs-maze-generator/showcase/contribution-1719932734.json"
-    ],
+     "featured": ["challenges/184-elastic-collisions/showcase/contribution-1720963615.json", "challenges/184-elastic-collisions/showcase/contribution-1720958474.json", "noc/4-particles/4-particle-textures/showcase/contribution-1721161051.json", "physics-libraries/box2d/12-collision-events/showcase/contribution-1722000424.json", "challenges/14-fractal-trees-recursive/showcase/contribution-1723666252.json", "challenges/10-dfs-maze-generator/showcase/contribution-1720952091.json", "challenges/184-elastic-collisions/showcase/contribution-1721016798.json", "challenges/100-neuroevolution-flappy-bird/showcase/contribution-1720945862.json"],
     "showcaseCta": {
       "text": "Want to see more?",
       "buttonText": "Browse the full showcase",

content/tracks/main-tracks/ml5js-beginners-guide/index.json

@@ -6,7 +6,7 @@
   "chapters": [
     {
       "title": "Introduction",
-      "videos": ["ml5/0-introduction/1-introduction"]
+      "videos": ["ml5/0-introduction/1-introduction", "ml5/0-introduction/patt-vira"]
     },
     {
       "title": "Classification",

content/tracks/main-tracks/the-nature-of-code-2/index.json

@@ -91,7 +91,8 @@
         "challenges/77-recursion",
         "challenges/14-fractal-trees-recursive",
         "challenges/15-object-oriented-fractal-trees",
-        "challenges/16-l-system-fractal-trees"
+        "challenges/16-l-system-fractal-trees",
+        "challenges/185-dragon-curve"
       ]
     },
     {

content/tracks/side-tracks/livestreams/index.json

@@ -2,6 +2,7 @@
   "title": "Coding Train Live!",
   "description": "This side track is a collection of select livestreams.",
   "videos": [
+    "livestreams/page-not-found",
     "livestreams/creative_coding_ai_agent",
     "livestreams/shiffbot",
     "livestreams/decade-of-code",

content/videos/challenges/10-dfs-maze-generator/showcase/contribution-1721405844.jpg

@@ -0,0 +1,10 @@
+{
+  "title": "pathfinding and maze generator",
+  "author": {
+    "name": "Bart De Meyere",
+    "instagram": "https://www.instagram.com/bdm_80/"
+  },
+  "url": "https://bartdemeyere.github.io/pathfinding/",
+  "submittedOn": "2024-07-19T16:17:24.691Z",
+  "socialPermission": false
+}

content/videos/challenges/10-dfs-maze-generator/showcase/contribution-1721405844.json

@@ -0,0 +1,12 @@
+{
+  "title": "An Autonomous Agent Choreo",
+  "author": {
+    "name": "Toni Mitjanit",
+    "url": "http://www.capsadetrons.com",
+    "twitter": "https://x.com/CoderSpaghetti",
+    "instagram": "https://www.instagram.com/toni.mitjanit"
+  },
+  "url": "http://www.capsadetrons.com/project/aaac/",
+  "submittedOn": "2024-07-22T15:55:14.867Z",
+  "socialPermission": true
+}

content/videos/challenges/124-flocking-simulation/showcase/contribution-1721663714.jpg

@@ -0,0 +1,9 @@
+{
+  "title": "Growing Tree",
+  "author": {
+    "name": "Magnetar"
+  },
+  "url": "https://editor.p5js.org/kevin.moninbareil/sketches/WF6EZXNo9",
+  "submittedOn": "2024-08-14T20:10:52.866Z",
+  "socialPermission": true
+}

content/videos/challenges/124-flocking-simulation/showcase/contribution-1721663714.json

@@ -0,0 +1,9 @@
+{
+  "title": "L-System Generator with Shapes",
+  "author": {
+    "name": "Kathy McGuiness"
+  },
+  "url": "https://editor.p5js.org/kfahn/sketches/B_P7q5oG_",
+  "submittedOn": "2024-08-09T22:42:44.780Z",
+  "socialPermission": true
+}

content/videos/challenges/14-fractal-trees-recursive/showcase/contribution-1723666252.jpg

@@ -0,0 +1,10 @@
+{
+  "title": "Wave Function Map Creation",
+  "author": {
+    "name": "Sounak Dey",
+    "twitter": "https://twitter.com/DragoonSd4"
+  },
+  "url": "https://github.com/Dragoon4002/wave_function_collapse_simple",
+  "submittedOn": "2024-08-05T20:11:58.398Z",
+  "socialPermission": true
+}

content/videos/challenges/14-fractal-trees-recursive/showcase/contribution-1723666252.json

@@ -0,0 +1,10 @@
+{
+  "title": "HGR BOUNCING BALL",
+  "author": {
+    "name": "Lance",
+    "url": "https://www.lancecoons.com/"
+  },
+  "url": "https://github.com/lanc12/HGR_BOUNCE_BALL/blob/main/basic_program(2).txt",
+  "submittedOn": "2024-08-11T13:28:34.974Z",
+  "socialPermission": true
+}

content/videos/challenges/16-l-system-fractal-trees/showcase/contribution-1723243364.jpg

@@ -0,0 +1,10 @@
+{
+  "title": "bubbleshooter",
+  "author": {
+    "name": "Bart De Meyere",
+    "instagram": "https://www.instagram.com/bdm_80/"
+  },
+  "url": "https://bartdemeyere.github.io/bubbleshooter/",
+  "submittedOn": "2024-08-17T11:06:54.574Z",
+  "socialPermission": true
+}

content/videos/challenges/16-l-system-fractal-trees/showcase/contribution-1723243364.json

@@ -0,0 +1,120 @@
+{
+  "title": "Dragon Curve",
+  "videoNumber": "185",
+  "description": "The Dragon Curve fractal is created by repeatedly folding a strip of paper in half, then unfolding it to form a curve. In this challenge, I attempt to code an animation of the Dragon Curve forming with p5.js in JavaScript.",
+  "videoId": "MazpwQNdJYQ",
+  "nebulaSlug": "codingtrain-coding-challenge-184-dragon-curve",
+  "date": "2024-08-18",
+  "languages": ["p5.js", "JavaScript"],
+  "topics": ["fractals", "dragon curve", "Nature of Code"],
+  "canContribute": true,
+  "relatedChallenges": [
+    "14-fractal-trees-recursive",
+    "16-l-system-fractal-trees",
+    "77-recursion",
+    "121-logo-interpreter",
+    "c3-hilbert-curve"
+  ],
+  "timestamps": [
+    { "time": "00:00", "title": "Introduction" },
+    { "time": "00:36", "title": "The Nature of Code book" },
+    { "time": "01:43", "title": "Explain algorithm" },
+    { "time": "03:38", "title": "Start coding" },
+    { "time": "05:05", "title": "Write rotate function" },
+    { "time": "07:05", "title": "Rotate all the segments" },
+    { "time": "11:30", "title": "We have the dragon curve!" },
+    { "time": "12:00", "title": "Add animation" },
+    { "time": "16:31", "title": "Add the starting positions for a and b" },
+    { "time": "21:43", "title": "Scale the lines" },
+    { "time": "24:08", "title": "Add a nextGeneration() function" },
+    { "time": "25:16", "title": "The reduction ratio" },
+    { "time": "26:44", "title": "Target zoom" },
+    { "time": "28:57", "title": "Challenge complete!" },
+    { "time": "29:57", "title": "What can you do?" },
+    { "time": "30:25", "title": "Outro" }
+  ],
+  "codeExamples": [
+    {
+      "title": "Dragon curve animation",
+      "description": "Animation of the dragon curve.",
+      "image": "img1.jpg",
+      "urls": {
+        "p5": "https://editor.p5js.org/codingtrain/sketches/LXDsoCSZs"
+      }
+    },
+    {
+      "title": "Dragon curve color variation",
+      "description": "Dragon curve with color rendered with an L-system",
+      "image": "img2.jpg",
+      "urls": {
+        "p5": "https://editor.p5js.org/codingtrain/sketches/7nNd-f7iY"
+      }
+    },
+    {
+      "title": "Dragon curve noise variation",
+      "description": "Dragon curve with random noise",
+      "image": "img3.jpg",
+      "urls": {
+        "p5": "https://editor.p5js.org/codingtrain/sketches/7r7ZIE4dc"
+      }
+    }
+  ],
+  "groupLinks": [
+    {
+      "title": "References",
+      "links": [
+        {
+          "icon": "📕",
+          "title": "The Nature of Code",
+          "url": "https://natureofcode.com/",
+          "description": "The Nature of Code book (2024 p5.js edition)"
+        },
+        {
+          "icon": "🛒",
+          "title": "Nature of Code shop",
+          "url": "https://store.natureofcode.com/products/the-nature-of-code",
+          "description": "The Nature of Code book (2024 p5.js edition) is now available for purchase!"
+        },
+        {
+          "icon": "🔗",
+          "title": "Dragon Curve",
+          "url": "https://en.wikipedia.org/wiki/Dragon_curve",
+          "description": "Wikipedia page discussing the construction and properties of the Dragon curve."
+        },
+        {
+          "icon": "🔗",
+          "title": "concat() function",
+          "url": "https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/concat",
+          "description": "Reference for the concat function."
+        }
+      ]
+    },
+    {
+      "title": "Videos",
+      "links": [
+        {
+          "icon": "🎥",
+          "title": "Unfolding the Dragon.",
+          "url": "https://youtu.be/UBuPWdSbyf8",
+          "description": "Dragon Curve unfolding animation rendered in Cinema 4D."
+        },
+        {
+          "icon": "🎥",
+          "title": "Dragon Curve - Numberphile",
+          "url": "https://www.youtube.com/watch?v=wCyC-K_PnRY",
+          "description": "Beautiful Dragon Curves, Fractals and Jurassic Park. Featuring Rob Eastaway."
+        }
+      ]
+    }
+  ],
+  "credits": [
+    {
+      "title": "Editing",
+      "name": "Mathieu Blanchette"
+    },
+    {
+      "title": "Animations",
+      "name": "Jason Heglund"
+    }
+  ]
+}

content/videos/challenges/171-wave-function-collapse/showcase/contribution-1722888718.json

@@ -0,0 +1,10 @@
+{
+  "title": "Optimized dragon curve",
+  "author": {
+    "name": "Mamazu",
+    "url": "https://github.com/mamazu/"
+  },
+  "url": "https://editor.p5js.org/mamazu1995/sketches/xyqzQnuGQ",
+  "submittedOn": "2024-08-18T18:32:25.841Z",
+  "socialPermission": true
+}

content/videos/challenges/171-wave-function-collapse/showcase/contribution-1722888718.png

@@ -0,0 +1,9 @@
+{
+  "title": "High Performance Spiral",
+  "author": {
+    "name": "RedPug"
+  },
+  "url": "https://editor.p5js.org/RedPug/sketches/IPfZRhagK",
+  "submittedOn": "2024-08-18T23:10:08.882Z",
+  "socialPermission": true
+}

content/videos/challenges/174-graphics-applesoft-basic/showcase/contribution-1723382914.json

@@ -0,0 +1,11 @@
+{
+  "title": "Unfolding the Golden Ratio Dragon Curve",
+  "author": {
+    "name": "Juan Carlos Ponce Campuzano",
+    "url": "https://www.dynamicmath.xyz/",
+    "twitter": "https://x.com/jcponcemath"
+  },
+  "url": "https://editor.p5js.org/jcponce/sketches/rwgWBBwfL",
+  "submittedOn": "2024-08-19T09:33:10.992Z",
+  "socialPermission": true
+}

content/videos/challenges/174-graphics-applesoft-basic/showcase/contribution-1723382914.png

@@ -0,0 +1,11 @@
+{
+  "title": "Glowing Golden Ratio Dragon Curve",
+  "author": {
+    "name": "Juan Carlos Ponce Campuzano",
+    "url": "https://www.dynamicmath.xyz/",
+    "twitter": "https://x.com/jcponcemath"
+  },
+  "url": "https://www.dynamicmath.xyz/threejs/dodecahedron-fractal/",
+  "submittedOn": "2024-08-19T09:36:18.062Z",
+  "socialPermission": true
+}

content/videos/challenges/184-elastic-collisions/showcase/contribution-1723892814.jpg

@@ -0,0 +1,11 @@
+{
+  "title": "Simple Implementation",
+  "author": {
+    "name": "Baipyrus",
+    "url": "https://baipyr.us/",
+    "twitter": "Baipyrus"
+  },
+  "url": "https://editor.p5js.org/Baipyrus/sketches/BGtBlIvI3",
+  "submittedOn": "2024-08-19T18:59:38.977Z",
+  "socialPermission": true
+}

content/videos/challenges/184-elastic-collisions/showcase/contribution-1723892814.json

@@ -0,0 +1,9 @@
+{
+  "title": "Buffered Animation",
+  "author": {
+    "name": "Giorgos Dim"
+  },
+  "url": "https://editor.p5js.org/giorgosdim/sketches/zvZLteLag",
+  "submittedOn": "2024-08-20T08:23:21.695Z",
+  "socialPermission": true
+}

content/videos/challenges/185-dragon-curve/images/img1.jpg

@@ -0,0 +1,9 @@
+{
+  "title": "Dragon Heart",
+  "url": "https://editor.p5js.org/kfahn/sketches/bKx0DvTE7",
+  "author": {
+    "name": "Kathy McGuiness",
+    "url": ""
+  },
+  "submittedOn": "2024-08-18"
+}

content/videos/challenges/185-dragon-curve/images/img2.jpg

@@ -0,0 +1,9 @@
+{
+  "title": "Easy implementation of Spacing ( without storing levels )",
+  "author": {
+    "name": "abhiram"
+  },
+  "url": "https://editor.p5js.org/dabblu/full/opbQO5sh8",
+  "submittedOn": "2024-07-18T21:08:17.107Z",
+  "socialPermission": true
+}

content/videos/challenges/185-dragon-curve/images/img3.jpg

@@ -0,0 +1,11 @@
+{
+  "title": "10Print (pygame port)",
+  "author": {
+    "name": "Kevin Michael",
+    "twitter": "virtualixid",
+    "instagram": "virtualixblogs"
+  },
+  "url": "https://kevinmichaelsn.github.io/10printpy",
+  "submittedOn": "2024-07-27T09:08:14.804Z",
+  "socialPermission": true
+}

content/videos/challenges/185-dragon-curve/index.jpg

@@ -0,0 +1,10 @@
+{
+  "title": "Conway's Fireworks",
+  "author": {
+    "name": "Thomas Countz",
+    "url": "https://thomascountz.com"
+  },
+  "url": "https://editor.p5js.org/Thomascountz/sketches/4BDSYHnnO",
+  "submittedOn": "2024-07-18T23:32:14.295Z",
+  "socialPermission": true
+}

content/videos/challenges/185-dragon-curve/index.json

@@ -0,0 +1,10 @@
+{
+  "title": "Padovan ",
+  "author": {
+    "name": "Eltayeb",
+    "instagram": "Eltvyebta "
+  },
+  "url": "https://editor.p5js.org/eltayebmd/sketches/74lSen5Wy",
+  "submittedOn": "2024-08-01T22:11:49.804Z",
+  "socialPermission": true
+}

content/videos/challenges/185-dragon-curve/showcase/contribution-1724005945.json

@@ -0,0 +1,9 @@
+{
+  "title": "Paint Board (Random paint)",
+  "author": {
+    "name": "RAHUL KUMAR"
+  },
+  "url": "https://editor.p5js.org/rahulkumaronlinehere/sketches/KmcI3S9yZ",
+  "submittedOn": "2024-07-22T12:02:27.766Z",
+  "socialPermission": true
+}