Patt Vira | p5.js Coding Tutorial | ASCII Text Images and Videos! @pattvira | Uploaded July 2024 | Updated October 2024, 23 hours ago.
LET'S CONNECT
β¨ Sign up for my newsletter at pattvira.com
β¨ Instagram: instagram.com/pattvira
β¨ Twitter: twitter.com/pattvira
--
Links:
π p5.js editor: editor.p5js.org
π ASCII Art Code:
π With Image: editor.p5js.org/pattvira/sketches/aT8iNvJV1
π With Webcam: editor.p5js.org/pattvira/sketches/pdK2ZxNSe
π With Video: editor.p5js.org/pattvira/sketches/bP1VKw84T
π Introduction to Creative Coding Playlist: youtube.com/playlist?list=PL0beHPVMklwgMz4Z-mNp4_udo9mjBk7pn&si=XhvQaojd6cIrxvdn
References:
π ASCII Characters: paulbourke.net/dataformats/asciiart
Timestamps:
0:00 Intro
0:51 ASCII Art with image
4:46 Approach 1: Using get() to get pixel values
10:30 Approach 2: Using loadPixels to get pixel values
16:52 ASCII Art with video from webcam
LET'S CONNECT
β¨ Sign up for my newsletter at pattvira.com
β¨ Instagram: instagram.com/pattvira
β¨ Twitter: twitter.com/pattvira
--
Links:
π p5.js editor: editor.p5js.org
π ASCII Art Code:
π With Image: editor.p5js.org/pattvira/sketches/aT8iNvJV1
π With Webcam: editor.p5js.org/pattvira/sketches/pdK2ZxNSe
π With Video: editor.p5js.org/pattvira/sketches/bP1VKw84T
π Introduction to Creative Coding Playlist: youtube.com/playlist?list=PL0beHPVMklwgMz4Z-mNp4_udo9mjBk7pn&si=XhvQaojd6cIrxvdn
References:
π ASCII Characters: paulbourke.net/dataformats/asciiart
Timestamps:
0:00 Intro
0:51 ASCII Art with image
4:46 Approach 1: Using get() to get pixel values
10:30 Approach 2: Using loadPixels to get pixel values
16:52 ASCII Art with video from webcam