Coding Train Live 29: Processing and p5.js - Slit-scan and Seriously.js

Channel:

The Coding Train

Subscribers:

1,740,000

Published on April 8, 2016 7:49:25 PM ● Video Link: https://www.youtube.com/watch?v=CQpGhT-RLkM

Category:

Tutorial

Duration: 2:31:26

3,485 views

46

In this live stream from sfpc.io, I use Processing and p5.js to create a "slit-scan" effect and I also give a tutorial on how to use the Seriously.js video effects library.

Timestamps:
5:45 - Golan Levin's Example of Slit-scanning
18:08 - Slit-scan effect in Processing
43:30 - Slit-scan effect in p5.js
1:09:51 - Experimenting with Seriously.js and p5.js
2:13:02 - Tutorial on the Seriously.js video effect library
2:30:37 - Conclusion

🚂 Website: http://thecodingtrain.com/
👾 Share Your Creation! https://thecodingtrain.com/guides/passenger-showcase-guide
🚩 Suggest Topics: https://github.com/CodingTrain/Suggestion-Box
💡 GitHub: https://github.com/CodingTrain
💬 Discord: https://thecodingtrain.com/discord
💖 Membership: http://youtube.com/thecodingtrain/join
🛒 Store: https://standard.tv/codingtrain
🖋️ Twitter: https://twitter.com/thecodingtrain
📸 Instagram: https://www.instagram.com/the.coding.train/

🎥 Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
🎥 Intro to Programming: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA

🔗 p5.js: https://p5js.org
🔗 p5.js Web Editor: https://editor.p5js.org/
🔗 Processing: https://processing.org

An Informal Catalogue of Slit-Scan Video Artworks and Research by Golan Levin:
http://www.flong.com/texts/lists/slit_scan/

Processing Video library: https://processing.org/reference/libraries/video/index.html
copy(): https://processing.org/reference/copy_.html
Seriously.js: http://seriouslyjs.org/

Source Code:
Slit-scan p5.js: https://github.com/shiffman/Video-Lesson-Materials/tree/master/p5.js/10.6_p5.js_slitscan
Seriously.js library: https://github.com/shiffman/Video-Lesson-Materials/tree/master/p5.js/10.7_p5.js_seriously

More about Image Processing in Processing:
https://www.youtube.com/playlist?list=PLRqwX-V7Uu6YB9x6f23CBftiyx0u_5sO9

Help us caption & translate this video!

http://amara.org/v/QbtA/

📄 Code of Conduct: https://github.com/CodingTrain/Code-of-Conduct