|
| 1 | +{ |
| 2 | + "title": "Dragon Curve", |
| 3 | + "videoNumber": "185", |
| 4 | + "description": "", |
| 5 | + "videoId": "", |
| 6 | + "nebulaSlug": "codingtrain-coding-challenge-184-dragon-curve", |
| 7 | + "date": "2024-08-18", |
| 8 | + "languages": ["p5.js", "JavaScript"], |
| 9 | + "topics": ["fractals", "dragon curve", "Nature of Code"], |
| 10 | + "canContribute": true, |
| 11 | + "relatedChallenges": ["14-fractal-trees-recursive", "16-l-system-fractal-trees", "c3-hilbert-curve"], |
| 12 | + "timestamps": [ |
| 13 | + { "time": "0:00", "title": "Introduction" }, |
| 14 | + { "time": "0:20", "title": "The Nature of Code book" }, |
| 15 | + { "time": "1:43", "title": "Explain algorithm" }, |
| 16 | + { "time": "3:38", "title": "Start coding" }, |
| 17 | + { "time": "5:05", "title": "Write rotate runction" }, |
| 18 | + { "time": "7:05", "title": "Rotate all the segments" }, |
| 19 | + { "time": "11:30", "title": "We have the dragon curve!" }, |
| 20 | + { "time": "12:00", "title": "Add animation" }, |
| 21 | + { "time": "16:31", "title": "Add the starting positions for a and b" }, |
| 22 | + { "time": "21:43", "title": "Scale the lines" }, |
| 23 | + { "time": "24:08", "title": "Add nextGeneration() function" }, |
| 24 | + { "time": "25:16", "title": "The reduction ratio" }, |
| 25 | + { "time": "26:44", "title": "Target zoom" }, |
| 26 | + { "time": "28:57", "title": "Challenge complete!" }, |
| 27 | + { "time": "29:57", "title": "What can you do?" }, |
| 28 | + { "time": "30:250", "title": "Outro" } |
| 29 | + ], |
| 30 | + "codeExamples": [ |
| 31 | + { |
| 32 | + "title": "Dragon curve animation", |
| 33 | + "description": "Animation of the dragon curve.", |
| 34 | + "image": "img1.jpg", |
| 35 | + "urls": { |
| 36 | + "p5": "https://editor.p5js.org/codingtrain/sketches/LXDsoCSZs" |
| 37 | + } |
| 38 | + }, |
| 39 | + { |
| 40 | + "title": "Dragon curve color variation", |
| 41 | + "description": "", |
| 42 | + "image": "img2.jpg", |
| 43 | + "urls": { |
| 44 | + "p5": "https://editor.p5js.org/codingtrain/sketches/7nNd-f7iY" |
| 45 | + } |
| 46 | + }, |
| 47 | + { |
| 48 | + "title": "Dragon curve noise variation", |
| 49 | + "description": "", |
| 50 | + "image": "img3.jpg", |
| 51 | + "urls": { |
| 52 | + "p5": "https://editor.p5js.org/codingtrain/sketches/7r7ZIE4dc" |
| 53 | + } |
| 54 | + } |
| 55 | + ], |
| 56 | + "groupLinks": [ |
| 57 | + { |
| 58 | + "title": "References", |
| 59 | + "links": [ |
| 60 | + { |
| 61 | + "icon": "📕", |
| 62 | + "title": "The Nature of Code", |
| 63 | + "url": "https://natureofcode.com/", |
| 64 | + "description": "The Nature of Code book (2024 p5.js edition)" |
| 65 | + }, |
| 66 | + { |
| 67 | + "icon": "🛒", |
| 68 | + "title": "Nature of Code shop", |
| 69 | + "url": "https://store.natureofcode.com/products/the-nature-of-code", |
| 70 | + "description": "The Nature of Code book (2024 p5.js edition) is now available for purchase!" |
| 71 | + }, |
| 72 | + { |
| 73 | + "icon": "🔗", |
| 74 | + "title": "Dragon Curve", |
| 75 | + "url": "https://en.wikipedia.org/wiki/Dragon_curve", |
| 76 | + "description": "Uncyclopedia page discussing the construction and properties of the Dragon curve." |
| 77 | + } |
| 78 | + ] |
| 79 | + }, |
| 80 | + { |
| 81 | + "title": "Videos", |
| 82 | + "links": [ |
| 83 | + { |
| 84 | + "icon": "🎥", |
| 85 | + "title": "Dragon Curve - Numberphile", |
| 86 | + "url": "https://www.youtube.com/watch?v=wCyC-K_PnRY", |
| 87 | + "description": "Beautiful Dragon Curves, Fractals and Jurassic Park. Featuring Rob Eastaway." |
| 88 | + } |
| 89 | + ] |
| 90 | + } |
| 91 | + ], |
| 92 | + "credits": [ |
| 93 | + { |
| 94 | + "title": "Editing", |
| 95 | + "name": "Mathieu Blanchette" |
| 96 | + }, |
| 97 | + { |
| 98 | + "title": "Animations", |
| 99 | + "name": "Jason Heglund" |
| 100 | + } |
| 101 | + ] |
| 102 | +} |
0 commit comments