Added noise videos to noise track for issue #1407

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

@@ -2,9 +2,11 @@
   "title": "Noise",
   "description": "This track contains my tutorials on perlin and simplex noise.",
   "videos": [
-    "noc/perlin/graphing-1d-perlin-noise",
     "noc/perlin/intro-to-perlin-noise",
     "noc/perlin/noise-vs-random",
+    "noc/perlin/graphing-1d-perlin-noise",
+    "noc/perlin/perlin-noise-2d",
+    "noc/perlin/perlin-noise-detail",
     "noise/open-simplex-noise",
     "challenges/136-polar-noise-loops",
     "challenges/137-4d-opensimplex-noise-loop",

content/videos/noc/perlin/perlin-noise-2d/index.json

@@ -0,0 +1,69 @@
+{
+  "title": "I.5: Perlin Noise in Two Dimensions (p5.js)",
+  "description": "In the fifth part of my Perlin Noise Tutorial, I demonstrate how to use two-dimensional Perlin noise in a p5.js sketch.",
+  "videoId": "ikwNrFvnL3g",
+  "date": "2016-06-24",
+  "languages": ["p5.js", "JavaScript"],
+  "topics": ["For beginners"],
+  "canContribute": true,
+  "relatedChallenges": ["136-polar-noise-loops", "137-4d-opensimplex-noise-loop", "c4-worley-noise"],
+  "timestamps": [
+    {
+      "time": "0:00",
+      "title": "Introduction"
+    },
+    {
+      "time": "0:26",
+      "title": "Graph of Perlin Noise in One Dimension"
+    },
+    {
+      "time": "3:49",
+      "title": "Pixel Array"
+    },
+    {
+      "time": "6:48",
+      "title": "Perlin Noise"
+    }
+  ],
+  "codeExamples": [
+    {
+      "title": "Perlin Noise in 2D",
+      "description": "Using 2D perlin noise to create a 2D noise field",
+      "image": "perlin2d.png",
+      "urls": {
+        "p5": "https://editor.p5js.org/codingtrain/sketches/2_hBcOBrF"
+      }
+    }
+  ],
+  "groupLinks": [
+    {
+      "title": "References",
+      "links": [
+        {
+          "title": "noise()",
+          "url": "https://p5js.org/reference/#/p5/noise",
+          "description": "p5.js reference for noise()"
+        },
+        {
+          "title": "random()",
+          "url": "https://p5js.org/reference/#/p5/random",
+          "description": "p5.js reference for random()"
+        },
+        {
+          "title": "The Nature of Code",
+          "url": "https://natureofcode.com/",
+          "description": "The Nature of Code - online book by Daniel Shiffman"
+        },
+        {
+          "title": "The Nature of Code Examples p5.js",
+          "url": "https://github.com/nature-of-code/noc-examples-p5.js",
+          "description": "Repository for example p5.js code from the Nature of Code book"
+        }
+      ]
+    }
+  ],
+  "credits": [
+    { "title": "Editing", "name": "Mathieu Blanchette" },
+    { "title": "Animations", "name": "Jason Heglund" }
+  ]
+}

content/videos/noc/perlin/perlin-noise-detail/index.json

@@ -0,0 +1,39 @@
+{
+  "title": "I.6: Perlin Noise Detail in p5.js",
+  "description": "In Part I.6 of the Perlin Noise Tutorial, I look at the p5.js function noiseDetail() how it can be used to alter the results Perlin noise function. The concepts of octaves and falloff are explained.",
+  "videoId": "D1BBj2VaBl4",
+  "date": "2016-06-26",
+  "languages": ["p5.js", "JavaScript"],
+  "topics": ["For beginners"],
+  "canContribute": true,
+  "relatedChallenges": [
+    "136-polar-noise-loops", "137-4d-opensimplex-noise-loop", "c4-worley-noise"
+  ],
+  "timestamps": [
+    { "time": "0:00", "title": "Introduction" },
+    { "time": "0:23", "title": "The Noise Algorithm" },
+    { "time": "1:07", "title": "Visualization of Perla Noise in Two Dimensions" },
+    { "time": "1:31", "title": "Noise Detail Function" }
+  ],
+  "groupLinks": [
+    {
+      "title": "References",
+      "links": [
+        {
+          "title": "The Nature of Code",
+          "url": "https://natureofcode.com/",
+          "description": "The Nature of Code - online book by Daniel Shiffman"
+        },
+        {
+          "title": "The Nature of Code Examples p5.js",
+          "url": "https://github.com/nature-of-code/noc-examples-p5.js",
+          "description": "Repository for example p5.js code from the Nature of Code book"
+        }
+      ]
+    }
+  ],
+  "credits": [
+    { "title": "Editing", "name": "Mathieu Blanchette" },
+    { "title": "Animations", "name": "Jason Heglund" }
+  ]
+}