Coding Challenge 164: Bending Time Slitscan
The Coding Train The Coding Train
1.68M subscribers
98,400 views
0

 Published On Nov 21, 2021

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...

🎥 Previous video:    • Bézier curves (Coding Challenge 163)  
🎥 Next video:    • Coding Challenge 165: Slide Puzzle  
🎥 All videos:    • Coding Challenges  

References:
🎁 #SupportP5 2020: https://discourse.processing.org/t/su...
🖼️ Tim Rodenbroeker Creative Coding: https://timrodenbroeker.de/
🇵 Processing Foundation: https://processingfoundation.org/
✏️ copy(): https://processing.org/reference/copy...

Videos:
🎥 Simple Harmonic Motion - Nature of Code Lesson #3.5:    • 3.5 Simple Harmonic Motion - Nature o...  
🎥 The Modulo Operator with Golan Levin:    • Guest Tutorial #6: The Modulo Operato...  

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/pas...
🚩 Suggest Topics: https://github.com/CodingTrain/Sugges...
💡 GitHub: https://github.com/CodingTrain
💬 Discord: https://thecodingtrain.com/discord
💖 Membership: http://youtube.com/thecodingtrain/join
🛒 Store: https://standard.tv/codingtrain
🖋️ Twitter:   / thecodingtrain  
📸 Instagram:   / the.coding.train  

🎥 Coding Challenges:    • Coding Challenges  
🎥 Intro to Programming:    • Start learning here!  

🔗 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-o...

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

#copyfunction #video #images #slitscan #processing

show more

Share/Embed