Uploaded November 2021 | Updated September 2026, 1 week ago
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: thecodingtrain.com/challenges/164-slitscan
🎥 Previous video: youtu.be/enNfb6p3j_g?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
🎥 Next video: youtu.be/uQZLzhrzEs4?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
🎥 All videos: youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
References:
🎁 #SupportP5 2020: discourse.processing.org/t/supportp5-2020-processing-foundation-fundraiser/26077
🖼️ Tim Rodenbroeker Creative Coding: timrodenbroeker.de
🇵 Processing Foundation: processingfoundation.org
✏️ copy(): processing.org/reference/copy_.html
Videos:
🎥 Simple Harmonic Motion - Nature of Code Lesson #3.5: youtu.be/m463X1cqV6s
🎥 The Modulo Operator with Golan Levin: 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: thecodingtrain.com
👾 Share Your Creation! thecodingtrain.com/guides/passenger-showcase-guide
🚩 Suggest Topics: github.com/CodingTrain/Suggestion-Box
💡 GitHub: github.com/CodingTrain
💬 Discord: thecodingtrain.com/discord
💖 Membership: youtube.com/thecodingtrain/join
🛒 Store: standard.tv/codingtrain
🖋️ Twitter: twitter.com/thecodingtrain
📸 Instagram: instagram.com/the.coding.train
🎥 Coding Challenges: youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
🎥 Intro to Programming: youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA
🔗 p5.js: p5js.org
🔗 p5.js Web Editor: editor.p5js.org
🔗 Processing: processing.org
📄 Code of Conduct: github.com/CodingTrain/Code-of-Conduct
This description was auto-generated. If you see a problem, please open an issue: github.com/CodingTrain/thecodingtrain.com/issues/new
#copyfunction #video #images #slitscan #processing
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: thecodingtrain.com/challenges/164-slitscan
🎥 Previous video: youtu.be/enNfb6p3j_g?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
🎥 Next video: youtu.be/uQZLzhrzEs4?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
🎥 All videos: youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
References:
🎁 #SupportP5 2020: discourse.processing.org/t/supportp5-2020-processing-foundation-fundraiser/26077
🖼️ Tim Rodenbroeker Creative Coding: timrodenbroeker.de
🇵 Processing Foundation: processingfoundation.org
✏️ copy(): processing.org/reference/copy_.html
Videos:
🎥 Simple Harmonic Motion - Nature of Code Lesson #3.5: youtu.be/m463X1cqV6s
🎥 The Modulo Operator with Golan Levin: 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: thecodingtrain.com
👾 Share Your Creation! thecodingtrain.com/guides/passenger-showcase-guide
🚩 Suggest Topics: github.com/CodingTrain/Suggestion-Box
💡 GitHub: github.com/CodingTrain
💬 Discord: thecodingtrain.com/discord
💖 Membership: youtube.com/thecodingtrain/join
🛒 Store: standard.tv/codingtrain
🖋️ Twitter: twitter.com/thecodingtrain
📸 Instagram: instagram.com/the.coding.train
🎥 Coding Challenges: youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
🎥 Intro to Programming: youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA
🔗 p5.js: p5js.org
🔗 p5.js Web Editor: editor.p5js.org
🔗 Processing: processing.org
📄 Code of Conduct: github.com/CodingTrain/Code-of-Conduct
This description was auto-generated. If you see a problem, please open an issue: github.com/CodingTrain/thecodingtrain.com/issues/new
#copyfunction #video #images #slitscan #processing
