@pattvira
  @pattvira
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
p5.js Coding Tutorial | ASCII Text Images and Videos!Array - Creative Coding with p5.jsp5.js Coding Tutorial | Mouse-following Dials (Object-oriented Programming)p5.js Coding Tutorial | How to Save Animation as a GIF (saveGif Function)p5.js Coding Tutorial |  Multiple Circles w For Loopp5.js Coding Tutorial | Robot Meets Oscillating Waves πŸ€–πŸŽ΅p5.js Coding Tutorial | Interactive Fridge Magnets (with ml5.js)p5.js Coding Tutorial | Quadtree 🌴 (how not to crash your program w +1,000 colliding particles!)p5.js Coding Tutorial | Rotating Type (Kinetic Typography)p5.js Coding Tutorial | Music Visualization with FFT 🎡p5.js Coding Tutorial |  Tic Tac Toep5.js Coding Tutorial | Intro to OpenType.js (Kinetic Typography)

p5.js Coding Tutorial | ASCII Text Images and Videos! @pattvira

SHARE TO X SHARE TO REDDIT SHARE TO FACEBOOK WALLPAPER