Skip to content

Commit f5c0c57

Browse files
shiffmankfahn22
shiffman
and
kfahn22
authored
Additional ml5.js track work (#1749)
* noc party * add pose detection video * update links, move showcase to new video, add ml5 folder to archives * minor updates to description * Update content/videos/ml5/7-posenet/pose-detection/index.json * Update content/videos/ml5/7-posenet/pose-detection/index.json * Update content/videos/ml5/7-posenet/pose-detection/index.json * Update content/videos/ml5/7-posenet/pose-detection/index.json * Update content/videos/ml5/7-posenet/pose-detection/index.json * update description * adding the ml5 playlist trailer and facemesh chapter * renaming posenet to bodypose * posenet->bodypose * putting showcase projects back * simplifying titles of trailer and introduction * minor changes * adding index image * fix video description * more cleanup --------- Co-authored-by: Kathy <[email protected]>
1 parent 85b065f commit f5c0c57

File tree

25 files changed

+82
-36
lines changed

25 files changed

+82
-36
lines changed

‎.gitignore

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,4 +4,4 @@ public
44
.DS_Store
55
_descriptions
66
.netlify
7-
google-credentials/
7+
google-credentials

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

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,20 +1,16 @@
11
{
2-
"title": "A Beginner's Guide to Machine Learning in JavaScript",
2+
"title": "A Beginner's Guide to Machine Learning in JavaScript with ml5.js",
33
"date": "2018-07-31",
44
"playlistId": "PLRqwX-V7Uu6YPSwT06y_AEYTqIwbeam3y",
55
"description": "Welcome to \u201cA Beginner's Guide to Machine Learning in JavaScript\u201d! In this series, I'll teach the concepts behind machine learning using the ml5.js library.",
66
"chapters": [
77
{
88
"title": "Introduction",
9-
"videos": ["ml5/0-introduction/1-introduction", "ml5/0-introduction/patt-vira"]
9+
"videos": ["ml5/0-introduction/0-trailer", "ml5/0-introduction/1-introduction"]
1010
},
1111
{
1212
"title": "Classification",
13-
"videos": [
14-
"ml5/1-classification/image-classification",
15-
"ml5/1-classification/3-object-detection",
16-
"ml5/9-doodleNet/1-doodleNet"
17-
]
13+
"videos": ["ml5/1-classification/image-classification", "ml5/1-classification/3-object-detection", "ml5/9-doodleNet/1-doodleNet"]
1814
},
1915
{
2016
"title": "Transfer Learning",
@@ -46,8 +42,12 @@
4642
]
4743
},
4844
{
49-
"title": "PoseNet",
50-
"videos": ["ml5/7-posenet/pose-detection", "ml5/7-posenet/2-pose-classifier", "ml5/7-posenet/3-pose-regression"]
45+
"title": "BodyPose",
46+
"videos": ["ml5/7-bodypose/pose-detection", "ml5/7-bodypose/2-pose-classifier", "ml5/7-bodypose/3-pose-regression"]
47+
},
48+
{
49+
"title": "FaceMesh",
50+
"videos": ["ml5/0-introduction/patt-vira"]
5151
},
5252
{
5353
"title": "Convolutional Neural Network",

‎content/videos/ml5/0-introduction/0-trailer/index.json

Lines changed: 45 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,45 @@
1+
{
2+
"title": "Trailer",
3+
"description": "This playlist provides an introduction to developing creative coding projects with machine learning. The theory and application of machine learning algorithms is demonstrated in JavaScript using the p5.js and ml5.js libraries.\n\nLearning Objectives:\n\nDevelop an intuition for and high level understanding of core machine learning concepts and algorithms, including supervised learning, unsupervised learning, reinforcement learning, transfer learning, classification, and regression.\n\nBe able to apply machine learning algorithms to real-time interaction in media art projects using pre-trained models and “transfer learning” in JavaScript and related tools.\n\nLearn how to collect a custom dataset to train a machine learning model and Understand how to use a machine learning model to generate media: words, sound, and images.",
4+
"videoNumber": "0.0",
5+
"videoId": "26uABexmOX4",
6+
"date": "2022-03-03",
7+
"languages": ["p5.js", "ml5.js"],
8+
"topics": ["machine learning (ML)", "ml5.js"],
9+
"canContribute": true,
10+
"timestamps": [],
11+
"groupLinks": [
12+
{
13+
"title": "References",
14+
"links": [
15+
{
16+
"icon": "💻",
17+
"title": "ml5.js",
18+
"url": "https://ml5js.org/",
19+
"description": "Reference material for the ml5 library."
20+
},
21+
{
22+
"icon": "📕",
23+
"title": "Intelligence and Learning Class",
24+
"url": "https://github.com/nature-of-code/NOC-S17-2-Intelligence-Learning/tree/master/week3-classification-regression",
25+
"description": "Nature of Code github page with resources about intelligence learning"
26+
}
27+
]
28+
},
29+
{
30+
"title": "Videos",
31+
"links": [
32+
{
33+
"icon": "🚂",
34+
"title": "Code! Programming with p5.js",
35+
"url": "https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA",
36+
"description": "Learn all the basics of code (variables, conditionals, loops, objects, arrays) in JavaScript with p5.js!."
37+
}
38+
]
39+
}
40+
],
41+
"credits": [
42+
{ "title": "Editing", "name": "Mathieu Blanchette" },
43+
{ "title": "Animations", "name": "Jason Heglund" }
44+
]
45+
}

‎content/videos/ml5/0-introduction/1-introduction/index.json

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
{
2-
"title": "A Beginner's Guide to Machine Learning with ml5.js",
2+
"title": "Introduction",
33
"description": "Welcome to \"A Beginner's Guide to Machine Learning in JavaScript\"! In this series, I'll teach the concepts behind machine learning using the ml5.js library.",
44
"videoNumber": "0.1",
55
"videoId": "jmznx0Q1fP0",
@@ -10,14 +10,14 @@
1010
"timestamps": [
1111
{ "time": "0:00", "title": "Introduction" },
1212
{ "time": "2:00", "title": "What is machine learning?" },
13-
{ "time": "6:00", "title": "What is ML5?" },
13+
{ "time": "6:00", "title": "What is ml5.js?" },
1414
{ "time": "11:45", "title": "Tensorflow" },
1515
{
1616
"time": "14:30",
1717
"title": "Neural networks, pretrained models, and data sets"
1818
},
19-
{ "time": "16:50", "title": "MobilNet" },
20-
{ "time": "18:06", "title": "ML5.org" },
19+
{ "time": "16:50", "title": "MobileNet" },
20+
{ "time": "18:06", "title": "The ml5.js website" },
2121
{ "time": "20:34", "title": "Attributions" }
2222
],
2323
"groupLinks": [

‎content/videos/ml5/1-classification/3-object-detection/index.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -111,7 +111,7 @@
111111
{
112112
"icon": "🚂",
113113
"title": "Pose Estimation with PoseNet",
114-
"url": "/tracks/ml5js-beginners-guide/ml5/7-posenet/pose-detection",
114+
"url": "/tracks/ml5js-beginners-guide/ml5/7-bodypose/pose-detection",
115115
"description": "In this video I cover pose estimation: finding the keypoints of person's pose and skeleton using the pre-trained machine learning model PoseNet."
116116
},
117117
{

‎content/videos/ml5/7-posenet/2-pose-classifier/index.json renamed to ‎content/videos/ml5/7-bodypose/2-pose-classifier/index.json

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -60,9 +60,9 @@
6060
"links": [
6161
{
6262
"icon": "🚂",
63-
"title": "ml5.js Pose Estimation with PoseNet",
64-
"url": "/tracks/ml5js-beginners-guide/ml5/7-posenet/pose-detection",
65-
"description": "In this video I cover pose estimation: finding the keypoints of person's pose and skeleton using the pre-trained machine learning model PoseNet (in JavaScript with p5.js and ml5.js)."
63+
"title": "ml5.js Pose Estimation",
64+
"url": "/tracks/ml5js-beginners-guide/ml5/7-bodypose/pose-detection",
65+
"description": "In this video I cover pose estimation: finding the keypoints of person's pose and skeleton using BodyPose (in JavaScript with p5.js and ml5.js)."
6666
},
6767
{
6868
"icon": "🚂",

‎content/videos/ml5/7-posenet/3-pose-regression/index.json renamed to ‎content/videos/ml5/7-bodypose/3-pose-regression/index.json

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -51,9 +51,9 @@
5151
"links": [
5252
{
5353
"icon": "🚂",
54-
"title": "ml5.js Pose Estimation with PoseNet",
55-
"url": "/tracks/ml5js-beginners-guide/ml5/7-posenet/pose-detection",
56-
"description": "In this video I cover pose estimation: finding the keypoints of person's pose and skeleton using the pre-trained machine learning model PoseNet (in JavaScript with p5.js and ml5.js)."
54+
"title": "ml5.js Pose Estimation",
55+
"url": "/tracks/ml5js-beginners-guide/ml5/7-bodypose/pose-detection",
56+
"description": "In this video I cover pose estimation: finding the keypoints of person's pose and skeleton using BodyPose (in JavaScript with p5.js and ml5.js)."
5757
},
5858
{
5959
"icon": "🚂",

‎content/videos/ml5/7-posenet/pose-detection/images/blazePose.jpg renamed to ‎content/videos/ml5/7-bodypose/pose-detection/images/blazePose.jpg

File renamed without changes.

‎content/videos/ml5/7-posenet/pose-detection/images/hat.jpg renamed to ‎content/videos/ml5/7-bodypose/pose-detection/images/hat.jpg

File renamed without changes.

‎content/videos/ml5/7-posenet/pose-detection/images/image.jpg renamed to ‎content/videos/ml5/7-bodypose/pose-detection/images/image.jpg

File renamed without changes.

0 commit comments

Comments
 (0)