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. [ Ссылка ]
p5.js 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: [ Ссылка ]
🔗 p5.js loadPixels(): [ Ссылка ]
🔗 p5.js brightness(): [ Ссылка ]
🔗 CodingTrainChooChoo on Twitch: [ Ссылка ]
Other videos mentioned in this video:
🎥 The Pixel Array: [ Ссылка ]
🎥 Basics of CSS: [ Ссылка ]
🎥 p5.js 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: [ Ссылка ]
🔗 p5.js: [ Ссылка ]
🔗 p5.js Web Editor: [ Ссылка ]
🔗 Processing: [ Ссылка ]
📄 Code of Conduct: [ Ссылка ]
This description was auto-generated. If you see a problem, please open an issue: [ Ссылка ]
Ещё видео!