Coding Train Live 29: Processing and p5.js - Slit-scan and Seriously.js
3,747 views · Published 8 April 2016 · 2:31:26 · Indexed 23 September 2026
Channel: The Coding Train · 2016 · Education
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
