Coding Challenge 164: Bending Time Slitscan

Channel:

The Coding Train

Subscribers:

1,740,000

Published on November 21, 2021 5:57:48 PM ● Video Link: https://www.youtube.com/watch?v=hckvHFDGiJk

Duration: 28:27

95,404 views

2,008

In this video I explore the wonders of the copy() function in the creative coding platform Processing, simulating slitscan photography and bending time itself! This video is thanks to Tim Rodenbröker’s generous donation to The Processing Foundation! Code: https://thecodingtrain.com/challenges/164-slitscan

🎥 Previous video: https://youtu.be/enNfb6p3j_g?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
🎥 Next video: https://youtu.be/uQZLzhrzEs4?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
🎥 All videos: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH

References:
🎁 #SupportP5 2020: https://discourse.processing.org/t/supportp5-2020-processing-foundation-fundraiser/26077
🖼️ Tim Rodenbroeker Creative Coding: https://timrodenbroeker.de/
🇵 Processing Foundation: https://processingfoundation.org/
✏️ copy(): https://processing.org/reference/copy_.html

Videos:
🎥 Simple Harmonic Motion - Nature of Code Lesson #3.5: https://youtu.be/m463X1cqV6s
🎥 The Modulo Operator with Golan Levin: https://www.youtube.com/watch?v=r5Iy3v1co0A

Timestamps:
0:00 Context of this video
0:55 How to use the copy function?
2:05 Stretching an image
3:02 Loading the Choo Choo Bot image
3:36 Specifying the source image to copy
4:04 Slicing and shuffling the image
5:18 Exploring algorithmic visual possibilities
9:52 Other possibilities you can explore!
10:30 Using a live video capture
12:33 Historical examples of the slitscan effect
13:17 Recreating the slitscan effect!
16:11 Storing the slice as a PImage
19:21 How to keep track of the history of slices
21:15 Creating an array of slices
22:29 All this extra work to get the same result?
23:53 Using an offset in the history
24:30 Not exactly the original slitscan effect
26:29 Moving through time in the history of images
27:35 Wrapping up this coding challenge

Editing by Mathieu Blanchette
Animations by Jason Heglund
Music from Epidemic Sound

🚂 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

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

This description was auto-generated. If you see a problem, please open an issue: https://github.com/CodingTrain/thecodingtrain.com/issues/new

#copyfunction #video #images #slitscan #processing