Skip to content

Commit a853579

Browse files
committed
More examples, 7-8
1 parent 780cc0b commit a853579

File tree

2 files changed

+7
-4
lines changed

2 files changed

+7
-4
lines changed

07-city-cars/example.png

7.74 KB
Loading

README.md

+7-4
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,17 @@
11
# Programmatic Animations
22

3-
Make animations with canvas and JavaScript, and export as video.
3+
**Make animations with canvas and JavaScript, and export as video.**
44

55
Export as WebM video files* and then use e.g. [VLC Media Player](https://www.videolan.org) to convert WebM to MP4 (File → Convert/Stream, MP4/MOV and MPEG-4 format).
6-
6+
\
77
*Not supported in Safari
88

99
Uses [CCapture.js](https://github.com/spite/ccapture.js) for capturing video frames.
1010

1111

1212
## Examples
1313

14-
1. [Basic 2D canvas drawing](https://tomsoderlund.github.io/programmatic-animations/01-basics/)
14+
1. [Basic: drawing lines](https://tomsoderlund.github.io/programmatic-animations/01-basics/)
1515
![Example](01-basics/example.gif)
1616
2. [Basic physics](https://tomsoderlund.github.io/programmatic-animations/02-basic-physics/) using [Matter.js](http://brm.io/matter-js/)
1717
![Example](02-basic-physics/example.gif)
@@ -21,8 +21,11 @@ Uses [CCapture.js](https://github.com/spite/ccapture.js) for capturing video fra
2121
![Example](04-mouse/example.gif)
2222
5. [Image data](https://tomsoderlund.github.io/programmatic-animations/05-image-data/)
2323
![Example](05-image-data/example.gif)
24-
6. [Lines from image data](https://tomsoderlund.github.io/programmatic-animations/06-lines/)
24+
6. [Image data 2: lines](https://tomsoderlund.github.io/programmatic-animations/06-lines/)
2525
![Example](06-lines/example.gif)
26+
7. [City cars](https://tomsoderlund.github.io/programmatic-animations/07-city-cars)
27+
![Example](07-city-cars/example.png)
28+
8. [Using P5.js](https://tomsoderlund.github.io/programmatic-animations/08-p5js)
2629

2730

2831
## Share your work!

0 commit comments

Comments
 (0)