├── 001_empty
├── index.html
└── sketch.js
├── 002_points
├── index.html
└── sketch.js
├── 003_message
├── index.html
└── sketch.js
├── 004_sounds
├── index.html
├── sketch.js
└── sz.wav
├── 005_mask
├── index.html
├── mask.png
└── sketch.js
├── 006_elements
├── eye.png
├── index.html
├── mouth.png
├── nose.png
└── sketch.js
├── 007_scene
├── index.html
├── orccatgif.gif
└── sketch.js
├── 008_emotion
├── index.html
└── sketch.js
├── 009_pose-basic
├── index.html
└── sketch.js
├── 010_pose-scene
├── data
│ └── airplanes
│ │ ├── 000.png
│ │ ├── 001.png
│ │ ├── 002.png
│ │ ├── 003.png
│ │ ├── 004.png
│ │ ├── 005.png
│ │ ├── 006.png
│ │ ├── 007.png
│ │ ├── 008.png
│ │ └── 009.png
├── index.html
└── sketch.js
├── README.md
└── libs
├── clmtrackr.js
├── emotion_classifier.js
├── emotionmodel.js
├── ml5.min.js
├── model_pca_20_svm.js
├── p5.dom.js
├── p5.gif.js
├── p5.js
├── p5.sound.js
├── toxiclibs.min.js
└── workshop-utils.js
/001_empty/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
--------------------------------------------------------------------------------
/001_empty/sketch.js:
--------------------------------------------------------------------------------
1 | // note: see ../libs/workshop-utils.js for custom functions made for the workshop
2 |
3 |
4 | function setup() {
5 |
6 | }
7 |
8 | function draw() {
9 |
10 | }
11 |
--------------------------------------------------------------------------------
/002_points/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
--------------------------------------------------------------------------------
/002_points/sketch.js:
--------------------------------------------------------------------------------
1 | function setup() {
2 | loadCamera();
3 | loadTracker();
4 | loadCanvas(400,300);
5 | }
6 |
7 | function draw() {
8 | getPositions();
9 |
10 | clear();
11 |
12 | noStroke();
13 | fill(255,150);
14 | rect(0,0,width,height);
15 |
16 | drawPoints();
17 | }
18 |
19 | function drawPoints() {
20 | for (var i=0; i
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |