/circles

Primary LanguageJavaScriptMIT LicenseMIT

circles

#Основная часть. Создайте веб сервер со следующей функциональностью:

  • при открытии страницы http://localhost:8080/ на ней изображены несколько (от 5 до 10) непересекающихся кругов одинакового размера случайных цветов
  • на экране есть прямоугольная область, занимающая 10% экрана, по клику на которую появляется еще один круг того же размера случайного цвета
  • круги можно перетаскивать по экрану мышкой
  • если при движении расстояние между центрами кругов становится меньше или равно радиуса, то один круг исчезает, а второй меняет цвет на среднее значение цветов этих двух кругов (предполагается использовать $.xcolor.average(...))

#Дополнительная часть. Добавьте функционал комнат.

  • при заходе на http://localhost:8080/room (вместо room может быть любая строка латиницы до 10 символов — это id комнаты) создается комната, если она не была создана ранее
  • при создании комнаты на странице инициализируется функционал из основной части
  • при заходе на урл существующей комнаты гостям должно быть видно состояние комнаты (круги, их цвета, расположение)
  • двигать круги может только создатель комнаты, все движения должны быть видны всем гостям