Coding Challenge 166: ASCII Text Images

Let’s make ASCII art in 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. Web Editor Sketches: 🕹️ ASCII video: 🕹️ ASCII image canvas: 🕹️ ASCII image dom: 🕹️ ASCII text: 🕹️ ASCII weather api: 🎥 Previous video: 🎥 All videos: Links discussed in this video: 🔗 ASCII play by ertdfgcvb: 🔗 HTML Entity: 🔗 HTML div: 🔗 loadPixels(): #/p5/loadPixels 🔗 brightness(): #/p5/brightness 🔗 CodingTrainChooChoo on Twitch: Other videos mentioned in this video: 🎥 The Pixel Array: 🎥 Basics of CSS: 🎥 Web Editor - Uploading Media Files: Timestamps: 0:00 Welcome! Choo choo! 0:28 Introducing Today’s Topic 1:39 Pixel to ASCII 4:52 Pixelating an image 7:03 Pixel Array Explanation 8:40 Back to the code 10:18 Adding Text 11:04 Mapping Brightness to Characters 13:26 Switching from canvas to DOM 18:10 Real-time ASCII video 20:10 Some refinemens 21:29 See you next time! 🚂 Website: 👾 Share Your Creation! 🚩 Suggest Topics: 💡 GitHub: 💬 Discord: 💖 Membership: 🛒 Store: 📚 Books: 🖋️ Twitter: 📸 Instagram: 🎥 Coding Challenges: 🎥 Intro to Programming: 🔗 : 🔗 Web Editor: 🔗 Processing: 📄 Code of Conduct: This description was auto-generated. If you see a problem, please open an issue: