Skip to content

Commit 1075583

Browse files
authored
Merge branch 'development' into development
2 parents c2430f3 + 7ff7bc9 commit 1075583

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

43 files changed

+20613
-15721
lines changed

.all-contributorsrc

Lines changed: 45 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1051,9 +1051,9 @@
10511051
"review",
10521052
"question",
10531053
"ideas"
1054-
]
1055-
},
1056-
{
1054+
]
1055+
},
1056+
{
10571057
"login": "henrmota",
10581058
"name": "Henrique Mota",
10591059
"avatar_url": "https://avatars1.githubusercontent.com/u/896860?v=4",
@@ -1062,7 +1062,7 @@
10621062
"review",
10631063
"question",
10641064
"ideas"
1065-
]
1065+
]
10661066
},
10671067
{
10681068
"login": "CaseyPYZ",
@@ -1073,6 +1073,47 @@
10731073
"code",
10741074
"ideas"
10751075
]
1076+
},
1077+
{
1078+
"login": "starakaj",
1079+
"name": "Sam Tarakajian",
1080+
"avatar_url": "https://avatars3.githubusercontent.com/u/523270?v=4",
1081+
"profile": "https://github.com/starakaj",
1082+
"contributions": [
1083+
"code",
1084+
"bug",
1085+
"maintenance",
1086+
"ideas"
1087+
]
1088+
},
1089+
{
1090+
"login": "MichaelFBA",
1091+
"name": "Michael Bell",
1092+
"avatar_url": "https://avatars0.githubusercontent.com/u/1113721?v=4",
1093+
"profile": "https://github.com/MichaelFBA",
1094+
"contributions": [
1095+
"doc",
1096+
"bug",
1097+
"maintenance"
1098+
]
1099+
},
1100+
{
1101+
"login": "machenmusik",
1102+
"name": "machenmusik",
1103+
"avatar_url": "https://avatars3.githubusercontent.com/u/2080738?v=4",
1104+
"profile": "https://github.com/machenmusik",
1105+
"contributions": [
1106+
"example"
1107+
]
1108+
},
1109+
{
1110+
"login": "pro-nav",
1111+
"name": "Pranav Dudhane",
1112+
"avatar_url": "https://avatars3.githubusercontent.com/u/45587765?v=4",
1113+
"profile": "https://github.com/pro-nav",
1114+
"contributions": [
1115+
"doc"
1116+
]
10761117
}
10771118
],
10781119
"contributorsPerLine": 7,

.nvmrc

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
v12.16.1

README.md

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -235,6 +235,12 @@ Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/d
235235
<td align="center"><a href="https://github.com/benbot"><img src="https://avatars2.githubusercontent.com/u/1340967?v=4" width="100px;" alt=""/><br /><sub><b>Benjamin Botwin</b></sub></a><br /><a href="https://github.com/ml5js/ml5-library/pulls?q=is%3Apr+reviewed-by%3Abenbot" title="Reviewed Pull Requests">👀</a> <a href="#question-benbot" title="Answering Questions">💬</a> <a href="#ideas-benbot" title="Ideas, Planning, & Feedback">🤔</a></td>
236236
<td align="center"><a href="https://github.com/henrmota"><img src="https://avatars1.githubusercontent.com/u/896860?v=4" width="100px;" alt=""/><br /><sub><b>Henrique Mota</b></sub></a><br /><a href="https://github.com/ml5js/ml5-library/pulls?q=is%3Apr+reviewed-by%3Ahenrmota" title="Reviewed Pull Requests">👀</a> <a href="#question-henrmota" title="Answering Questions">💬</a> <a href="#ideas-henrmota" title="Ideas, Planning, & Feedback">🤔</a></td>
237237
<td align="center"><a href="https://github.com/CaseyPYZ"><img src="https://avatars3.githubusercontent.com/u/37056925?v=4" width="100px;" alt=""/><br /><sub><b>CaseyPan</b></sub></a><br /><a href="https://github.com/ml5js/ml5-library/commits?author=CaseyPYZ" title="Code">💻</a> <a href="#ideas-CaseyPYZ" title="Ideas, Planning, & Feedback">🤔</a></td>
238+
<td align="center"><a href="https://github.com/starakaj"><img src="https://avatars3.githubusercontent.com/u/523270?v=4" width="100px;" alt=""/><br /><sub><b>Sam Tarakajian</b></sub></a><br /><a href="https://github.com/ml5js/ml5-library/commits?author=starakaj" title="Code">💻</a> <a href="https://github.com/ml5js/ml5-library/issues?q=author%3Astarakaj" title="Bug reports">🐛</a> <a href="#maintenance-starakaj" title="Maintenance">🚧</a> <a href="#ideas-starakaj" title="Ideas, Planning, & Feedback">🤔</a></td>
239+
</tr>
240+
<tr>
241+
<td align="center"><a href="https://github.com/MichaelFBA"><img src="https://avatars0.githubusercontent.com/u/1113721?v=4" width="100px;" alt=""/><br /><sub><b>Michael Bell</b></sub></a><br /><a href="https://github.com/ml5js/ml5-library/commits?author=MichaelFBA" title="Documentation">📖</a> <a href="https://github.com/ml5js/ml5-library/issues?q=author%3AMichaelFBA" title="Bug reports">🐛</a> <a href="#maintenance-MichaelFBA" title="Maintenance">🚧</a></td>
242+
<td align="center"><a href="https://github.com/machenmusik"><img src="https://avatars3.githubusercontent.com/u/2080738?v=4" width="100px;" alt=""/><br /><sub><b>machenmusik</b></sub></a><br /><a href="#example-machenmusik" title="Examples">💡</a></td>
243+
<td align="center"><a href="https://github.com/pro-nav"><img src="https://avatars3.githubusercontent.com/u/45587765?v=4" width="100px;" alt=""/><br /><sub><b>Pranav Dudhane</b></sub></a><br /><a href="https://github.com/ml5js/ml5-library/commits?author=pro-nav" title="Documentation">📖</a></td>
238244
</tr>
239245
</table>
240246

assets/pelican.mp4

431 KB
Binary file not shown.

docs/styleguide/development-guidelines.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@ Here are some principles that we try to uphold while developing `ml5-library`:
1616

1717
## Principles for ml5.js examples
1818

19-
In addition to the principles above, we try our best to write our `ml5-examples`:
19+
In addition to the principles above, we try our best to write our examples:
2020

2121
| Guideline | description |
2222
| ------------- | ------------ |

docs/styleguide/maintenance-notes.md

Lines changed: 1 addition & 102 deletions
Original file line numberDiff line numberDiff line change
@@ -10,18 +10,6 @@
1010

1111
## Overview:
1212

13-
When doing a release in ml5, the following repositories need to also be updated:
14-
1. ml5js/ml5-library
15-
2. ml5js/ml5-examples
16-
3. ml5js/ml5-website
17-
4. ml5js/ml5-boilerplate
18-
19-
The following **Parts 1 - 4** go through the process of making a new ml5 release.
20-
21-
***
22-
### Part 1: `ml5-library`:
23-
***
24-
2513
1. Create a new branch from `development` with a name that matches the new release version: `v<#>.<#>.<#>`
2614
```sh
2715
$ (development): git checkout -b v0.4.2
@@ -71,93 +59,4 @@ The following **Parts 1 - 4** go through the process of making a new ml5 release
7159
$ (gh-pages): git merge release
7260
$ (gh-pages): git push origin gh-pages
7361
```
74-
8. Make a new Github Release and Tag the release. Add release notes describing the changes for the new version.
75-
76-
***
77-
### Part 2: `ml5-examples`
78-
79-
In `ml5-examples` the **release** branch is our source of truth. Any fixes or new examples based on the **current ml5 version** will be directly merged into the **release** branch.
80-
81-
The **development** branch is used in conjunction with the ml5-library **development** branch. What is different from the **release** branch is that all of the `index.html` files have their ml5 set to `localhost:8080` rather than the ml5 CDN.
82-
83-
If we are doing a new release, this means that the new examples and features added to the **development** branch of `ml5-examples` needs to be merged with the **release** branch.
84-
85-
The one thing to note is that the following steps are to handle merge conflicts that arise from running `npm run update:ml5-dev` to convert the ml5 script src.
86-
87-
***
88-
1. Create a new branch from `release` with a name that matches the new release version: `v<#>.<#>.<#>`
89-
```sh
90-
$ (development): git checkout -b v0.4.2
91-
```
92-
2. Update the `version` in **package.json**. Update all of the `localhost` references to the ml5 CDN and create the new examples index.
93-
```sh
94-
# Step 0: change the version in package.json from 0.4.1 to 0.4.2
95-
# Step 1: update all of the localhost references to from ml5 CDN to localhosy
96-
$ (v0.4.2): npm run update:ml5-dev
97-
$ (v0.4.2): git add .
98-
```
99-
3. Merge the changes from **release** into `v<#>.<#>.<#>` branch.
100-
```sh
101-
$ (v0.4.2): git merge development
102-
```
103-
4. Make a **Pull Request** to merge `v<#>.<#>.<#>` to `release`. Wait for tests to pass. **Squash and merge**.
104-
```sh
105-
# Once you've squashed and merged `v0.4.2` to `development`...
106-
# Step 1: switch to your development branch and pull in those changes
107-
$ (v0.4.2): git checkout release
108-
$ (release): git fetch
109-
$ (release): git pull
110-
```
111-
5. Add all of your changes to `gh-pages` to publish the latest docs
112-
```sh
113-
$ (release): git checkout gh-pages
114-
$ (gh-pages): git merge release
115-
$ (gh-pages): git push origin gh-pages
116-
```
117-
6. Merge all the latest changes from **release** to **development** and revert all of the ml5 URLs in `development` back to `localhost`:
118-
```sh
119-
$ (gh-pages): git checkout development
120-
$ (development): npm run update:ml5
121-
$ (development): git add .
122-
$ (development): git merge release
123-
# merge
124-
$ (development): npm run update:ml5-dev
125-
$ (development): git add .
126-
$ (development): git commit -m "sets ml5 to localhost"
127-
$ (development): git push origin development
128-
```
129-
7. Make a new Github Release and Tag the release. Add release notes describing the changes for the new version.
130-
131-
***
132-
### Part 3: `ml5-website`
133-
***
134-
1. Create a new branch from `master` with a name that matches the new release version: `v<#>.<#>.<#>`
135-
```sh
136-
$ (master): git checkout -b v0.4.2
137-
```
138-
2. Update the **version reference** and the **date last updated** in the file `ml5-website/docs/index.md`. Add and commit and push your changes.
139-
```sh
140-
$ (v0.4.2): git add .
141-
$ (v0.4.2): git commit -m "bumps version"
142-
$ (v0.4.2): git push origin v0.4.2
143-
```
144-
3. On Github: Make a **Pull Request** to merge `v0.4.2` to `master`. Wait for tests to pass, then squash and merge.
145-
146-
147-
***
148-
### Part 4: `ml5-boilerplate`
149-
***
150-
1. Checkout `with-p5` update the version, add and commit your changes, and push up to the remote branch.
151-
```sh
152-
# update the ml5 version to version 0.4.2 in index.html
153-
$ (with-p5): git add .
154-
$ (with-p5): git commit -m "bumps version"
155-
$ (with-p5): git push origin with-p5
156-
```
157-
2. Checkout `withoutp5` update the version, add and commit your changes, and push up to the remote branch.
158-
```sh
159-
# update the ml5 version to version 0.4.2 in index.html
160-
$ (without-p5): git add .
161-
$ (without-p5): git commit -m "bumps version"
162-
$ (without-p5): git push origin without-p5
163-
```
62+
8. Make a new Github Release and Tag the release. Add release notes describing the changes for the new version.

docs/tutorials/hello-ml5.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -44,7 +44,7 @@ Your project directory should look something like this:
4444

4545
## Demo
4646

47-
This example is built with p5.js. You can also find the same example without p5.js [here](https://github.com/ml5js/ml5-examples/tree/release/javascript/ImageClassification).
47+
This example is built with p5.js. You can also find the same example without p5.js [here](https://github.com/ml5js/ml5-library/tree/development/examples/javascript/ImageClassification/ImageClassification).
4848

4949
<br/>
5050

@@ -55,7 +55,7 @@ This example is built with p5.js. You can also find the same example without p5.
5555
</div> -->
5656

5757
<!-- added inline height -->
58-
<div style="height:800px" class="iframe__container iframe__container--video"><iframe src="https://ml5js.github.io/ml5-examples/p5js/ImageClassification/ImageClassification" frameborder="0" height="800px" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
58+
<div style="height:800px" class="iframe__container iframe__container--video"><iframe src="https://examples.ml5js.org/p5js/imageclassification/imageclassification" frameborder="0" height="800px" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
5959

6060
## Code
6161

@@ -201,7 +201,7 @@ Some guiding questions you might start to think about are:
201201
1. When classifying an image with MobileNet, does the computer see people? If not, why do you think that is?
202202
2. Do you notice that MobileNet is better at classifying some animals over others? Why do you think that is?
203203

204-
## [Source](https://github.com/ml5js/ml5-examples/tree/master/p5js/ImageClassification/ImageClassification)
204+
## [Source](https://github.com/ml5js/ml5-library/tree/development/examples/p5js/ImageClassification/ImageClassification)
205205

206-
- [ml5.js image classification on Github](https://github.com/ml5js/ml5-examples/tree/master/p5js/ImageClassification/ImageClassification)
206+
- [ml5.js image classification on Github](https://github.com/ml5js/ml5-library/tree/development/examples/p5js/ImageClassification/ImageClassification)
207207
- [ml5.js image classification on p5 web editor](https://editor.p5js.org/ml5/sketches/ImageClassification)

docs/tutorials/local-web-server.md

Lines changed: 4 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -4,38 +4,12 @@ If you've looked at our [quickstart](/getting-started/) and [introduction to ml5
44

55
<br/>
66

7-
A big part of the ml5 project is to create lots of examples as launching points for all your creative project ideas. You can find all of the ml5.js examples at out Github page: [ml5-examples](https://github.com/ml5js/ml5-examples). If you start to explore these examples you can see how the different ml5 functions are used to accomplish different outcomes. We try our best to keep the examples as simple as possible so you can easily start to build your ideas on top of them.
7+
A big part of the ml5 project is to create lots of examples as launching points for all your creative project ideas. You can find all of the ml5.js examples at our Github page: [ml5-library](https://github.com/ml5js/ml5-library/tree/development/examples). If you start to explore these examples you can see how the different ml5 functions are used to accomplish different outcomes. We try our best to keep the examples as simple as possible so you can easily start to build your ideas on top of them.
88

99
You can check out all the examples running:
10-
> - [on this massive list](https://github.com/ml5js/ml5-examples#examples-index)
10+
> - [on this massive list](https://examples.ml5js.org/)
1111
> - [on the p5 web editor](https://editor.p5js.org/ml5/sketches)
1212
13-
If you'd like to download the examples and run them locally, download the [ml5-examples github repo](https://github.com/ml5js/ml5-examples) and run a local web server at the root directory (if this sentence sounds foreign to you, see the How-To section below). The fastest way to do this is:
13+
If you'd like to download the examples and run them locally, download the [ml5-library github repo](https://github.com/ml5js/ml5-library) and follow the instructions [here](https://github.com/ml5js/ml5-library/blob/development/examples/README.md#setup).
1414

15-
<br/>
16-
17-
with **python3** installed on your computer:
18-
```bash
19-
cd /path/to/ml5-examples
20-
python -m http.server 8081
21-
```
22-
23-
<br/>
24-
25-
with **python2.7** installed on your computer:
26-
27-
```bash
28-
cd /path/to/ml5-examples
29-
python -m SimpleHTTPServer 8081
30-
```
31-
32-
Then open up your web browser to the url: **localhost:8081**
33-
34-
<br/>
35-
36-
Here we set the port number to **8081**, but you can change the port number to something else like **3000** (then: **localhost:3030**), **3001** (then: **localhost:3031**) for example.
37-
38-
39-
## How to: Run examples and develop "locally"
40-
41-
Coming soon! In the meantime, you can watch [CodingTrain - getting set up](https://www.youtube.com/watch?v=UCHzlUiDD10) for a nice intro on getting set up with writing code for the web.
15+
You may also be interested in watching [CodingTrain - getting set up](https://www.youtube.com/watch?v=UCHzlUiDD10) for a nice intro on getting set up with writing code for the web.

examples/README.md

Lines changed: 6 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -2,11 +2,11 @@
22

33
## Description
44

5-
This repository contains a collection of examples using [ml5.js](https://github.com/ml5js/ml5-library). The examples are meant to serve as an introduction to the library and machine learning concepts.
5+
The examples are meant to serve as an introduction to the library and machine learning concepts.
66

77
Examples are organized into folders according to their integration with other JavaScript libraries.
88

9-
For example, the `/p5js` folder holds examples of using [ml5.js](https://github.com/ml5js/ml5-library) with [p5.js](https://p5js.org/). All examples are self-contained and can be run independently. Libraries are loaded through a Content Delivery Network (CDN) and certain examples (indicated in code comments) download a machine learning model from a "cloud" url. This means that ml5 currently relies on an internet connection in order to retrieve pre-trained models (unless they are served locally).
9+
For example, the `examples/p5js` folder holds examples of using [ml5.js](https://github.com/ml5js/ml5-library) with [p5.js](https://p5js.org/). All examples are self-contained and can be run independently. Libraries are loaded through a Content Delivery Network (CDN) and certain examples (indicated in code comments) download a machine learning model from a "cloud" url. This means that ml5 currently relies on an internet connection in order to retrieve pre-trained models (unless they are served locally).
1010

1111
Instead of using the CDN links to p5 and ml5, you can [download the p5.js libraries here](https://github.com/processing/p5.js/releases) and [ml5 library here](https://github.com/ml5js/ml5-library/releases).
1212

@@ -18,15 +18,15 @@ Open your terminal and type:
1818

1919
```sh
2020
# clone the repo or download the zip file
21-
git clone https://github.com/ml5js/ml5-examples.git
21+
git clone https://github.com/ml5js/ml5-library.git
2222
```
2323

2424
### Step 2: start a local development server
2525
Open your terminal
2626

2727
```sh
2828
# change directories
29-
cd ml5-examples
29+
cd ml5-library
3030

3131
# install the dependencies
3232
npm install
@@ -35,35 +35,18 @@ npm install
3535
npm run develop
3636

3737
# you should be able to run the examples at:
38-
# localhost:8082
38+
# localhost:8081
3939

4040
```
4141

4242
If you don't know how to start a server, check [this guide on how to start a local web server](https://learn.ml5js.org/docs/#/tutorials/local-web-server?id=running-a-local-web-server).
4343

4444

45-
## Usage
46-
47-
Open your terminal
48-
49-
```sh
50-
# change directories
51-
cd ml5-examples
52-
53-
# run the local web server
54-
npm run develop
55-
56-
# you should be able to run the examples at:
57-
# localhost:8082
58-
59-
```
60-
61-
6245
## Examples Index
6346

6447
* [ml5 examples in the p5 web editor](https://editor.p5js.org/ml5/sketches)
6548
* The best way to interact with our examples are using the [p5 web editor](https://editor.p5js.org/ml5/sketches). This is an interactive coding environment.
66-
* Run the examples using the [example index](https://ml5js.github.io/ml5-examples/public)
49+
* Run the examples using the [example index](https://examples.ml5js.org/)
6750
* We have examples written in plain javascript, p5.js, and more.
6851

6952

examples/examples.json

Lines changed: 1 addition & 1 deletion
Large diffs are not rendered by default.

0 commit comments

Comments
 (0)