#166 — Image to ASCII
Back
Let's make ASCII art in p5.js together! In this video, I demonstrate a variety of techniques for translating the pixels of an image into text and finish with rendering video as text ASCII characters in a DOM.
Mozilla developer glossary entry on HTML entities
Mozilla documentation on the div HTML element
Reference page for the p5.js function loadPixels()
Reference page for the p5.js function brightness()
The official Twitch channel for The Coding Train!
Tutorial on Pixel Manipulation in p5.js
p5.js Tutorial on the basics of CSS
Tutorial on uploading external files to the p5.js Web Editor
- Editing
by Mathieu Blanchette
- Animations
by Jason Heglund