Часть 1: Создаем примитивный Ascii art из загружаемого рисунка на JS/HTML

По просьбе ребят сделал простое видео для новичков (Junior/джунов) по загрузке изображения, его превью и созданию ASCII ART на JavaScript/html. Надеюсь разберется любой нубас в данном видео. :)

-- Общее описание плейлиста
Постараюсь снять цикл видео от новичка до профи.

--- О чем данное видео?
00:00 - Введение
00:41 - Планы
01:39 - Загрузка и превью изображения
03:13 - Create obeject Url
04:23 - Очистка памяти. Revoke Object Url
05:05 - Canvas, работаем с объектом image Data
06:30 - CSS image-rendering: pixelated; сглаживание пикселей
07:01 - Получение среднего цвета у всего изображения
09:39 - Оптимизация цикла, добавляем шаг
11:18 - Конвертируем наш рисунок в черное-белое изображение
13:06 - Вычисляем позицию X и Y линейного массива изображение
13:47 - Что такое Uint8ClampedArray?
14:37 - Обсудим более подробно как вычислили X и Y
15:32 - Создаем функцию, которая вычисляет набор символов ASCII
19:45 - Проверяем и стилизуем результат
20:20 - Дальше снимаем?

--- Проект
https://github.com/yesworld/tutorial-...

--- Rutube
https://rutube.ru/video/2ccd748afb31c...

--- Donate
https://boosty.to/dev_yesworld

#html #js #javascript #tutorial #junior #game #git #web #pattern #oop #coding #animation