Skip to content

Commit 7311417

Browse files
shiffmanshiffman
authored
Merge pull request #1162 from dipamsen/more-p5
Add videos to p5 tips and tricks
2 parents 4e68f91 + 4023295 commit 7311417

File tree

14 files changed

+135
-11
lines changed

14 files changed

+135
-11
lines changed

‎content/tracks/side-tracks/p5-tips-and-tricks/index.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
{
22
"title": "p5 Tips & Tricks",
33
"description": "A collection of tips and tricks that might come in handy when working in p5.",
4-
"videos": ["more-p5/local-storage", "more-p5/github-pages-hosting", "more-p5/pixel-array"]
4+
"videos": ["more-p5/local-storage", "more-p5/github-pages-hosting", "more-p5/pixel-array", "more-p5/custom-shapes", "more-p5/2d-arrays"]
55
}

‎content/videos/challenges/116-lissajous-curve-table/index.json

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -113,8 +113,8 @@
113113
{
114114
"icon": "🎥",
115115
"title": "2D Arrays in JavaScript",
116-
"url": "https://www.youtube.com/watch?v=OTNpiLUSiB4",
117-
"description": "In this JavaScript Tutorial, I cover two-dimensional (2D) arrays in JavaScript. I demonstrate how to create, initialize, and use the arrays with nested for loops."
116+
"url": "/tracks/p5-tips-and-tricks/more-p5/2d-arrays",
117+
"description": "In this JavaScript tutorial, I cover two-dimensional (2D) arrays in JavaScript. I demonstrate how to create, initialize, and use the arrays with nested for loops."
118118
},
119119
{
120120
"icon": "🔴",

‎content/videos/challenges/137-4d-opensimplex-noise-loop/index.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -59,7 +59,7 @@
5959
{
6060
"icon": "🚂",
6161
"title": "What is OpenSimplex Noise?",
62-
"url": "https://youtu.be/Lv9gyZZJPE0",
62+
"url": "/tracks/noise/noise/open-simplex-noise",
6363
"description": "Discussion on OpenSimplex noise in Processing (NOC 2)"
6464
},
6565
{

‎content/videos/challenges/147-chrome-dinosaur-game/index.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -61,7 +61,7 @@
6161
{
6262
"icon": "🎥",
6363
"title": "ml5.js Sound Classification",
64-
"url": "https://youtu.be/cO4UP2dX944",
64+
"url": "/tracks/ml5js-beginners-guide/ml5/10-sound-classification/1-sound-classification",
6565
"description": "This video examines the new ml5.soundClassifier() function in the ml5.js library."
6666
},
6767
{

‎content/videos/challenges/48-white-house-social-media-data-visualization/index.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -92,7 +92,7 @@
9292
{
9393
"icon": "🚂",
9494
"title": "TF-IDF",
95-
"url": "https://youtu.be/RPMYV-eb6lI",
95+
"url": "/challenges/40-word-counter",
9696
"description": "In part 3 of the Word Counting Coding Challenge, I implement an algorithm known as TF-IDF (Term Frequency – Inverse Document Frequency)."
9797
},
9898
{

‎content/videos/challenges/71-minesweeper/index.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -82,7 +82,7 @@
8282
{
8383
"icon": "🎥",
8484
"title": "2D Arrays in Javascript",
85-
"url": "https://youtu.be/OTNpiLUSiB4",
85+
"url": "/tracks/p5-tips-and-tricks/more-p5/2d-arrays",
8686
"description": "In this JavaScript Tutorial, I cover two-dimensional (2D) arrays in JavaScript."
8787
},
8888
{

‎content/videos/challenges/85-the-game-of-life/index.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -59,7 +59,7 @@
5959
{
6060
"icon": "🚂",
6161
"title": "2D Arrays in JavaScript",
62-
"url": "https://www.youtube.com/watch?v=OTNpiLUSiB4",
62+
"url": "/tracks/p5-tips-and-tricks/more-p5/2d-arrays",
6363
"description": "In this video, I demonstrate how to create, initialize, and use the 2D arrays in JavaScript with nested for loops."
6464
},
6565
{

‎content/videos/challenges/90-dithering/index.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -84,7 +84,7 @@
8484
{
8585
"icon": "🚂",
8686
"title": "My Video on 2D Arrays",
87-
"url": "https://www.youtube.com/watch?v=OTNpiLUSiB4",
87+
"url": "/tracks/p5-tips-and-tricks/more-p5/2d-arrays",
8888
"description": "In this video, I demonstrate how to create, initialize, and use the arrays with nested for loops."
8989
},
9090
{

‎content/videos/challenges/c5-marching-squares/index.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -144,7 +144,7 @@
144144
{
145145
"icon": "🎥",
146146
"title": "What is OpenSimplex Noise?",
147-
"url": "https://www.youtube.com/watch?v=Lv9gyZZJPE0",
147+
"url": "/tracks/noise/noise/open-simplex-noise",
148148
"description": "Discussion of open simplex noise in processing."
149149
},
150150
{

‎content/videos/more-p5/2d-arrays/images/2d-arrays.png

5.92 KB
Loading

‎content/videos/more-p5/2d-arrays/index.json

Lines changed: 50 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,50 @@
1+
{
2+
"title": "2D Arrays in JavaScript",
3+
"description": "In this JavaScript tutorial, I cover two-dimensional (2D) arrays in JavaScript. I demonstrate how to create, initialize, and use the arrays with nested for loops.",
4+
"videoId": "OTNpiLUSiB4",
5+
"date": "2016-07-18",
6+
"languages": ["JavaScript", "p5.js"],
7+
"topics": ["2d arrays", "array", "for loop"],
8+
"canContribute": true,
9+
"timestamps": [
10+
{ "time": "0:00", "title": "Introduction" },
11+
{ "time": "0:54", "title": "What is a 2D Array?" },
12+
{ "time": "3:39", "title": "Code example" },
13+
{ "time": "4:59", "title": "2D Arrays in JavaScript" },
14+
{ "time": "7:13", "title": "How to create a 2D Array?" },
15+
{ "time": "12:02", "title": "Suggestions" }
16+
],
17+
"codeExamples": [
18+
{
19+
"title": "2D Arrays",
20+
"description": "Demonstration of using 2D arrays",
21+
"image": "2d-arrays.png",
22+
"urls": {
23+
"p5": "https://editor.p5js.org/codingtrain/sketches/cOPZYGNSx"
24+
}
25+
}
26+
],
27+
"groupLinks": [
28+
{
29+
"title": "References",
30+
"links": [
31+
{
32+
"icon": "🔗",
33+
"title": "2D Array in Processing",
34+
"url": "https://www.processing.org/tutorials/2darray/",
35+
"description": "Dan's 2D Array in Processing tutorial"
36+
}
37+
]
38+
}
39+
],
40+
"credits": [
41+
{
42+
"title": "Editing",
43+
"name": "Mathieu Blanchette"
44+
},
45+
{
46+
"title": "Animations",
47+
"name": "Jason Heglund"
48+
}
49+
]
50+
}

‎content/videos/more-p5/custom-shapes/images/custom-shapes.png

14.5 KB
Loading

‎content/videos/more-p5/custom-shapes/index.json

Lines changed: 74 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,74 @@
1+
{
2+
"title": "Custom Shapes",
3+
"description": "In this video, I look at how to draw \"custom\" shapes in p5.js, using, `beginShape()`, `endShape()`, `vertex()` and `curveVertex()`. Special thanks to Rune Madsen's Programming Design Systems!",
4+
"videoId": "76fiD5DvzeQ",
5+
"date": "2017-09-27",
6+
"languages": ["JavaScript", "p5.js"],
7+
"topics": ["custom shapes", "beginShape", "endShape", "vertex", "curveVertex"],
8+
"canContribute": true,
9+
"relatedChallenges": ["36-blobby"],
10+
"timestamps": [
11+
{ "time": "0:00", "title": "Introduction" },
12+
{ "time": "0:57", "title": "What is a custom shape?" },
13+
{ "time": "3:01", "title": "Code example" },
14+
{ "time": "5:29", "title": "Using an algorithm to choose the vertices" },
15+
{ "time": "9:37", "title": "Drawing custom curves" },
16+
{ "time": "16:57", "title": "Recap" }
17+
],
18+
"codeExamples": [
19+
{
20+
"title": "Custom Shapes",
21+
"description": "Demonstration of drawing custom shapes",
22+
"image": "custom-shapes.png",
23+
"urls": {
24+
"p5": "https://editor.p5js.org/codingtrain/sketches/vE4Flwxh5"
25+
}
26+
}
27+
],
28+
"groupLinks": [
29+
{
30+
"title": "References",
31+
"links": [
32+
{
33+
"icon": "🔗",
34+
"title": "Catmull-Rom spline",
35+
"url": "https://en.wikipedia.org/wiki/Centripetal_Catmull%E2%80%93Rom_spline",
36+
"description": "Catmull-Rom on Wikipedia"
37+
},
38+
{
39+
"icon": "🎨",
40+
"title": "Programming Design Systems",
41+
"url": "https://programmingdesignsystems.com/introduction/",
42+
"description": "Rune Madsen's Programming Design Systems"
43+
},
44+
{
45+
"icon": "☁️",
46+
"title": "Community Clouds",
47+
"url": "https://github.com/CodingTrain/CommunityClouds",
48+
"description": "Cloud Designs by the Coding Train Community"
49+
}
50+
]
51+
},
52+
{
53+
"title": "Videos",
54+
"links": [
55+
{
56+
"icon": "🚂",
57+
"title": "Polar to Cartesian Coordinates",
58+
"url": "/tracks/the-nature-of-code-2/noc/3-angles/4-polar-coordinates",
59+
"description": "This video takes a look at polar and cartesian coordinates."
60+
}
61+
]
62+
}
63+
],
64+
"credits": [
65+
{
66+
"title": "Editing",
67+
"name": "Mathieu Blanchette"
68+
},
69+
{
70+
"title": "Animations",
71+
"name": "Jason Heglund"
72+
}
73+
]
74+
}

‎content/videos/webgl/8-3d-custom-shapes/index.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -53,7 +53,7 @@
5353
"icon": "🚂",
5454
"title": "Custom Shapes in p5.js",
5555
"description": "In this video, I look at how to draw \"custom\" shapes in p5.js, using beginShape(), endShape(), vertex(), and curveVertex().",
56-
"url": "https://www.youtube.com/watch?v=76fiD5DvzeQ"
56+
"url": "/tracks/p5-tips-and-tricks/more-p5/custom-shapes"
5757
}
5858
]
5959
}

0 commit comments

Comments
 (0)