Skip to content

Простой урок на JavaScript. Создаем загрузку картинок, отображаем превьюшку, анализируем попиксильную графику и на основании этого, генерируем ASCII рисунок.

Notifications You must be signed in to change notification settings

yesworld/tutorial-ascii-art

Repository files navigation

Урок по созданию Ascii art из изображения, которое было загружено. / A tutorial on how to create Ascii art from an image that has been uploaded.

Я решил сделать серию уроков, начиная с простого уровня, так как многие отмечали, что предыдущие темы были сложными. В первом уроке я показываю, как загрузить изображение, отобразить его миниатюру, провести анализ пиксельной графики и на основе этого создать ASCII-арт.

Если такой формат понравится, в следующем уроке я усложню задачу, ориентируясь на пользователей со средним уровнем, и углублюсь в работу с изображениями. В дальнейшем планирую третий урок по паттерну «Стратегия», чтобы рассмотреть более сложные техники.

Я адаптирую материалы так, чтобы они были полезны для разных уровней подготовки!

Список уроков на ютубе

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

  • Часть 2: В планах, если будет интерес у людей...

Тот кто смог.

  • Если у тебя получилось повторить и/или что-то даже улучшить, кидай ссылку на репу, обсудим!

Как ты можешь помочь проекту?

  • ⭐️ Поставь звезду проекту tutorial-ascii-art (справа наверху этой страницы).
  • или tutorial-dnd-animals
  • 📺 Подпишись на канал.
  • 💬 Оставь комментарий под видео.
  • 👍 Поставь свой царский лайк.

На кофе:

About

Простой урок на JavaScript. Создаем загрузку картинок, отображаем превьюшку, анализируем попиксильную графику и на основании этого, генерируем ASCII рисунок.

Topics

Resources

Stars

Watchers

Forks

Languages