skip to main
|
skip to sidebar
Video Technology
Discussion of all things video technology related.
Thursday, March 10, 2022
ASCII Video (Coding Challenge 166)
The Coding Train
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.
https://thecodingtrain.com/CodingChal...
p5.js Web Editor Sketches: đš️ ASCII video:
https://editor.p5js.org/codingtrain/s...
đš️ ASCII image canvas:
https://editor.p5js.org/codingtrain/s...
đš️ ASCII image dom:
https://editor.p5js.org/codingtrain/s...
đš️ ASCII text:
https://editor.p5js.org/codingtrain/s...
đš️ ASCII weather api:
https://editor.p5js.org/codingtrain/s...
đĨ Previous video:
https://youtu.be/PbPUgyql5p4?list=PLR...
đĨ All videos:
https://www.youtube.com/playlist?list...
Links discussed in this video: đ ASCII play by ertdfgcvb:
https://play.ertdfgcvb.xyz/
đ HTML Entity:
https://developer.mozilla.org/en-US/d...
đ HTML div:
https://developer.mozilla.org/en-US/d...
đ p5.js loadPixels():
https://p5js.org/reference/#/p5/loadP...
đ p5.js brightness():
https://p5js.org/reference/#/p5/brigh...
đ CodingTrainChooChoo on Twitch:
https://www.twitch.tv/codingtrainchoo...
Other videos mentioned in this video: đĨ The Pixel Array:
https://youtu.be/nMUMZ5YRxHI
đĨ Basics of CSS:
https://youtu.be/zGL8q8iQSQw
đĨ p5.js Web Editor - Uploading Media Files:
https://youtu.be/rO6M5hj0V-o
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:
http://thecodingtrain.com/
No comments:
Post a Comment
Newer Post
Older Post
Home
Subscribe to:
Post Comments (Atom)
About Me
John Sokol
View my complete profile
Telerobotics Blog
VideoTechnology.com
John Sokol's Blog
green ideas thinktank
Church of BSD
Facebook Badge
John L. Sokol
Create Your Badge
Search This Blog
Blog Archive
▼
2022
(3)
►
April
(1)
▼
March
(2)
Scanning laser microscope
ASCII Video (Coding Challenge 166)
►
2021
(41)
►
September
(4)
►
August
(3)
►
June
(3)
►
May
(5)
►
April
(3)
►
March
(4)
►
February
(3)
►
January
(16)
►
2020
(110)
►
December
(5)
►
October
(5)
►
September
(7)
►
August
(32)
►
July
(37)
►
June
(12)
►
May
(3)
►
April
(7)
►
March
(1)
►
February
(1)
►
2019
(9)
►
November
(1)
►
October
(2)
►
May
(1)
►
March
(2)
►
February
(2)
►
January
(1)
►
2018
(21)
►
September
(5)
►
August
(1)
►
July
(5)
►
May
(2)
►
April
(2)
►
March
(1)
►
February
(3)
►
January
(2)
►
2017
(38)
►
October
(1)
►
September
(2)
►
August
(4)
►
July
(5)
►
June
(15)
►
May
(1)
►
March
(1)
►
February
(3)
►
January
(6)
►
2016
(86)
►
December
(8)
►
November
(10)
►
October
(1)
►
August
(1)
►
July
(4)
►
June
(5)
►
May
(14)
►
April
(10)
►
March
(9)
►
February
(20)
►
January
(4)
►
2015
(135)
►
December
(3)
►
November
(6)
►
October
(4)
►
September
(7)
►
August
(12)
►
July
(2)
►
June
(24)
►
May
(20)
►
April
(7)
►
March
(2)
►
February
(13)
►
January
(35)
►
2014
(321)
►
December
(32)
►
November
(35)
►
October
(5)
►
September
(8)
►
August
(16)
►
July
(56)
►
June
(52)
►
May
(45)
►
April
(23)
►
March
(15)
►
February
(14)
►
January
(20)
►
2013
(318)
►
December
(33)
►
November
(32)
►
October
(26)
►
September
(34)
►
August
(26)
►
July
(42)
►
June
(22)
►
May
(45)
►
April
(11)
►
March
(13)
►
February
(16)
►
January
(18)
►
2012
(581)
►
December
(5)
►
November
(19)
►
October
(14)
►
September
(16)
►
August
(29)
►
July
(43)
►
June
(88)
►
May
(65)
►
April
(59)
►
March
(68)
►
February
(51)
►
January
(124)
►
2011
(738)
►
December
(101)
►
November
(74)
►
October
(67)
►
September
(85)
►
August
(138)
►
July
(127)
►
June
(79)
►
May
(25)
►
April
(7)
►
March
(28)
►
February
(5)
►
January
(2)
►
2010
(180)
►
December
(41)
►
November
(21)
►
October
(8)
►
September
(6)
►
August
(15)
►
July
(5)
►
June
(10)
►
May
(20)
►
April
(11)
►
March
(12)
►
February
(6)
►
January
(25)
►
2009
(139)
►
December
(28)
►
November
(19)
►
October
(11)
►
September
(12)
►
August
(9)
►
July
(5)
►
June
(15)
►
May
(11)
►
April
(11)
►
March
(1)
►
February
(5)
►
January
(12)
►
2008
(2)
►
August
(1)
►
March
(1)
►
2007
(2)
►
July
(2)
►
2005
(1)
►
February
(1)
►
2004
(2)
►
September
(2)
Followers
No comments:
Post a Comment