p5.js Coding Tutorial | Paper Shredding Effect
Автор: Patt Vira
Загружено: 2025-04-15
Просмотров: 2522
LET'S CONNECT
✨ Sign up for my newsletter at https://www.pattvira.com
✨ Instagram: / pattvira
✨ Twitter: / pattvira
--
Links:
🔗 p5.js editor: https://editor.p5js.org/
🔗 Paper Shredding Effect Code: https://editor.p5js.org/pattvira/sket...
🔗 Introduction to Creative Coding Playlist: • START HERE: Creative Coding for Beginners
Inspiration:
🔗 Century-Scale Storage article: https://lil.law.harvard.edu/century-s...
🔗 Xor’s twitter post: https://x.com/XorDev/status/190752622...
🔗 Gorilla Newsletter 96: https://www.gorillasun.de/blog/gorill...
References:
🔗 Perlin Noise Playlist: • Perlin Noise
Timestamps:
0:00 Intro
0:49 Explain Perlin noise 1D
5:28 Explain Perlin noise 2D
10:01 Explain Perlin noise 3D
12:12 Start creating the paper shredding effect
15:48 Apply the dithering technique
17:55 Upload an image
21:47 Create a scrollable effect
Доступные форматы для скачивания:
Скачать видео mp4
-
Информация по загрузке:
