Создание удобного инструмента карандаша довольно сложная задача, хотя на первый взгляд это может выглядеть не так. При этом, когда задача сделать так, чтобы пользователи чувствовали, словно рисуют на настоящей бумаге — приходится писать свой движок рендера.
Сердцем нашего карандаша стала сложная система рендеринга. Мы использовали Canvas API для молниеносного отображения линий, но столкнулись с проблемой: как сделать линии плавными и естественными, не перегружая при этом браузер? Решение пришло в виде “умной“ обработки точек.
Представьте, что вы быстро рисуете извилистую линию. Ваша рука слегка дрожит, создавая тысячи микроточек. Мы применили алгоритм Дугласа-Пекера, который работает как опытный художник: он “схватывает“ главные изгибы, игнорируя мелкое дрожание. Это не только ускорило работу, но и сделало линии более четкими.
Но мы пошли дальше. Взяв эти ключевые точки, мы соединили их кривыми Безье. Это похоже на натягивание резинки между гвоздиками: линия становится идеально гладкой, сохраняя при этом задуманную форму. Результат? Линии, теперь выглядят так, будто их нарисовал профессиональный художник.
Мы долго экспериментировали с “ощущением“ карандаша. Добавили небольшой круг, показывающий размер кисти, который следует за курсором. Это как видеть кончик настоящего карандаша перед тем, как начать рисовать. Пользователи оценили эту деталь — она позволяет точно понять, какой будет линия, ещё до начала рисования.
Особое внимание мы уделили персонализации. Мы создали систему, которая запоминает любимые настройки пользователя: толщину линии, цвет, стиль. Используя localStorage, мы сделали так, что карандаш “помнит“ предпочтения даже после закрытия браузера. Можно больше не задумываться о настройке карандаша перед тем как начать рисовать.
1 view
5577
1983
12 months ago 00:28:21 1
Кто и почему посылает нам знаки? | Синхроничность и скрытая правда реальности
12 months ago 00:08:02 1
Что такое словосочетание. Как составить словосочетания?
12 months ago 00:22:34 1
Деньги - это ВРЕМЯ. Как мы меняем жизнь на бабки.
12 months ago 00:53:59 1
СССР vs США | Научная фантастика
12 months ago 01:39:29 1
Чёрное солнце и Экзогипноз | Врата в другую реальность на Cеансе Экзогипноза с Тимуром Андаром
12 months ago 00:04:46 1
Забыла на кухне про жир и липкий налет раз и навсегда. А в ванной кафель сияет. Простой способ
12 months ago 00:01:36 1
Реакция маленького мальчика на песню своей мамы Пропала собака
12 months ago 00:30:59 1
NE SHOPPING: Нурлан Сабуров | Шопинг с самым стильным стендап-комиком
12 months ago 00:08:23 1
Илья Куруч - Про купаты [Шоу историй]
12 months ago 00:11:57 1
💊КАК УБРАТЬ ЖИР С ЖИВОТА? КАК ПОХУДЕТЬ ЛЕГКО Гормоны и снижение веса Врач эндокринолог Ольга Павлова
12 months ago 01:03:37 1
Москва-Сити: заповедник инфоцыган, блогеров и продажных женщин | Миллионеры, TikTok и дроны
12 months ago 00:29:10 1
Засыпанные города Америки ПОТОП 19 ВЕКА. Часть 6. Сакраменто и Сан-Франциско
12 months ago 00:17:58 1
Как выучить анатомию?
12 months ago 00:25:58 1
Как наши гости на речке застряли. “Лютая“ зима и стройка. ЖИЗНЬ В ДЕРЕВНЕ
12 months ago 00:11:35 1
БЕЗ ВАФЕЛЬНИЦЫ! Хрустящие Вафельные Трубочки с сгущенкой! НАШ ЛЮБИМЫЙ С БРАТОМ РЕЦЕПТ.
12 months ago 00:03:35 1
1Новый клип НЕТ, не могу Я БЕЗ ТЕБЯ ( 1 New clip NO, I can’t WITHOUT YOU )
12 months ago 01:00:36 1
Исследования перевернувшие интернет
12 months ago 00:01:38 1
Зачем якутские власти поддерживают фильмы, разжигающие ненависть к русским «Нас стали бояться», — р
12 months ago 00:03:49 1
Порошок из листьев хрена. Замена всем таблеткам.
12 months ago 00:30:47 1
Мурино: город, который погубит Петербург
12 months ago 00:04:27 1
Скачать Мод Тик Ток Андроид Бесплатно
12 months ago 00:01:38 1
МОЛИТВА ОСТАНОВИТ УХУДШЕНИЕ ЗРЕНИЯ. При проблемах со зрением поможет эта чудо молитва
12 months ago 00:26:09 1
При Януковиче проблем не было | #Мамаявпорядке
12 months ago 00:21:41 1
Почему мы вымираем? Рафаэль Абдулов // Fundamentum #34