Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 19.05.2017, 18:38
Новичок на форуме
Отправить личное сообщение для koekto93 Посмотреть профиль Найти все сообщения от koekto93
 
Регистрация: 18.08.2015
Сообщений: 8

Закрашивание фигуры
Всем добрый вечер, не знал куда обратиться, поэтому хотел бы спросить совета у вас)
Поставили задачу следующего плана: есть пустой круг и возможность его закрашивать. Необходимо при начале закрашивания запустить секундомер, который остановится в момент полного закрашивания фигуры без островков.
А также есть возможность выходить за пределы круга и вот эти заходы должны тоже учитываться в какой-нибудь системе исчисления.
Можно ли выполнить такое задание по средствам js и библиотек/фреймворков?
Ответить с цитированием
  #2 (permalink)  
Старый 20.05.2017, 00:06
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 741

Конечно можно.
Хотелось бы макет или ссылку глянуть.
Ответить с цитированием
  #3 (permalink)  
Старый 20.05.2017, 05:46
Новичок на форуме
Отправить личное сообщение для koekto93 Посмотреть профиль Найти все сообщения от koekto93
 
Регистрация: 18.08.2015
Сообщений: 8

Да если бы он был))
я пока что пытаюсь понять как это сделать))
Единственное, что приходит в голову, так это canvas, но вот как определять полностью закрашенную фигуру вообще не представляю)
Ответить с цитированием
  #4 (permalink)  
Старый 20.05.2017, 06:19
Профессор
Отправить личное сообщение для Rise Посмотреть профиль Найти все сообщения от Rise
 
Регистрация: 07.11.2013
Сообщений: 3,463

koekto93, чем закрашивать?
Ответить с цитированием
  #5 (permalink)  
Старый 20.05.2017, 07:20
Новичок на форуме
Отправить личное сообщение для koekto93 Посмотреть профиль Найти все сообщения от koekto93
 
Регистрация: 18.08.2015
Сообщений: 8

Ну в общем это будет всё на сенсорном экране. Автоматически будет выбрано что-то в виде карандаша или кисти. Получается, что это раскраска в какой-то степени))
Ответить с цитированием
  #6 (permalink)  
Старый 20.05.2017, 07:24
Новичок на форуме
Отправить личное сообщение для koekto93 Посмотреть профиль Найти все сообщения от koekto93
 
Регистрация: 18.08.2015
Сообщений: 8

ребёнок подходит к сенсорному экрану, видит перед собой контур круга, начинает водить пальцем по экрану и закрашивать его. Все выходы за пределы фиксируются. Как только вся фигура закрашена, задание считается выполненным
Ответить с цитированием
  #7 (permalink)  
Старый 20.05.2017, 11:43
Профессор
Отправить личное сообщение для SV0L0CH Посмотреть профиль Найти все сообщения от SV0L0CH
 
Регистрация: 07.11.2010
Сообщений: 297

Из canvas можно получить массив с данными о цвете. Проверить закраску можно полным перебором.
Ответить с цитированием
  #8 (permalink)  
Старый 20.05.2017, 17:23
Новичок на форуме
Отправить личное сообщение для koekto93 Посмотреть профиль Найти все сообщения от koekto93
 
Регистрация: 18.08.2015
Сообщений: 8

полным перебором чего, простите?
Ответить с цитированием
  #9 (permalink)  
Старый 20.05.2017, 21:21
Профессор
Отправить личное сообщение для SV0L0CH Посмотреть профиль Найти все сообщения от SV0L0CH
 
Регистрация: 07.11.2010
Сообщений: 297

Полным перебором пикселей... что ещё перебирать?
Берём прямоугольник с фгурой, отфльтровуем пиксели что в фигуру не входят, остальные проверяем на полную закрашенность.
Детали на своё усмотрение, просто сообщаю что из канваса можно извлечь цвета прямоугольника. Так что визуализацию и вычисление готовности можно совместить. Хотя у меня есть набор оптимизированных алгоритмов, но рекомендовать их не буду ввиду их громоздкости.
Ответить с цитированием
  #10 (permalink)  
Старый 20.05.2017, 22:10
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 20,455

koekto93,
http://websketches.ru/blog/raskrshiv...vas-javascript
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Изменение свойств произвольной фигуры в canvas danies Общие вопросы Javascript 1 04.06.2015 20:58
Фигуры на javascript avrudoi Элементы интерфейса 0 21.01.2014 21:34
WebGL движение комбинированное фигуры avrudoi Элементы интерфейса 9 11.01.2014 17:33
Datapicker и закрашивание нужных дат eidicon Общие вопросы Javascript 0 06.05.2012 23:05
задача "Пересечение сторон фигуры линией в одной точке" lh2030 Общие вопросы Javascript 9 11.03.2011 19:03