Картинки из квадратов \ Игры для детей \ Мозаики \ Мозаики с бордюрчиками \

4.3.8.3. Средняя мозаика с бордюрчиками

4.3.8.3.1. Версия A         4.3.8.3.2. Версия B
Как всегда, представлены две версии программы: Версия B раскрывается на весь экран, тогда как Версия А работает в стандартном окне броузера (чтобы вернуться из "Версии В"  обратно, нажмите на клавиатуре CTRL + W). Ниже приведена очень подробная инструкция по работе с программой. Желательно, чтобы вы прочли ее прежде, чем начали играть.
Итак, у левой стороны окна программы расположен набор из 6-ти исходных квадратов. Как только вы возьмете мышью какой-либо квадрат из этого набора, на его месте сразу же автоматически создастся новый квадрат того же размера и цвета.
Таскайте мышью квадраты из исходного набора и складывайте из них мозаику. При необходимости, отдельные квадраты из складываемой мозаики можно удалить. Для этого наведите на подлежащий удалению квадрат указатель мыши и нажмите на клавиатуре клавишу с буквой z.

По умолчанию исходные квадраты выкрашены в цвета палитры группы Де Стиль. Однако при желании вы можете изменить цвета исходных квадратов. Для этого нажмите на кнопку "Исходные квадраты" вверху окна программы. Откроется панель установки параметров исходных квадратов. Определитесь с номером исходного квадрата, цвет которого вы желаете поменять. Предполагается, что исходные квадраты занумерованы сверху вниз, начиная от нуля и заканчивая 5-ю. По умолчанию считается, что вы будете менять цвет нулевого квадрата. Если это не так, установите номер желаемого квадрата, выбрав его из выпадающего списка, расположенного в левом верхнем углу панели.
Теперь введите в поле под кнопкой "Цвет квадрата" (она расположена у правой стороны панели установки параметров квадратов) шестнадцатиричный код нового цвета квадрата. Цвета с их кодами лучше всего выбирать из так называемой "безопасной палитры" (ее цвета более или менее одинаково отображаются на всех типах мониторов). Эта палитра приведена на Странице 2.2.1.1 (на ней под каждым цветом расположен его шестнадцатиричный код).
Откройте эту страницу, захватите с экрана код понравившегося вам цвета и затем вставьте его в поле под кнопкой "Цвет квадрата". Как захватываем код. Устанавливаем на экране курсор мыши в начало нужного кода, нажимаем левую кнопку мыши и тянем слева-направо. Код должен выделиться.
Внимание! На Странице 2.2.1.1 наступление реального выделения может несколько запаздывать по отношению к вашим манипуляциям с мышью. Наконец, после того, как выделение состоялось, щелкаем по нему правой кнопкой мыши и в выехавшем меню выбираем пункт "Копировать". Все! Нужный код скопирован в буфер обмена.
Чтобы вставить его из буфера обмена в поле под кнопкой "Цвет квадрата", щелкните по этому полю правой кнопкой мыши и в выехавшем меню выберите пункт "Выделить все". После того, как выделение записанного ранее в поле состоялось, щелкните по этому выделению снова правой кнопкой мыши и в открывшемся меню выберите пункт "Вставить". Шестнадцатиричный код цвета, который "сидел" у вас в буфере обмена, вставится в поле, "забив" находящуюся там ранее запись. В заключение, после того как новый код вставится в поле, обязательно нажмите на кнопку "Цвет квадрата", чтобы новое значение цвета применилось к выбранному исходному квадрату.
Совершенно аналогичным образом вы можете при желании поменять и цвет фона, на котором вы выкладываете свою мозаику. Для этого введите вверху окна программы в поле под кнопкой "Цвет фона" шестнадцатиричный код нового цвета фона (выбрав его, как было описано выше, из безопасной палитры
со Страницы 2.2.1.1).
Кстати говоря, после смены цвета фона в программе, вы можете впоследствии работать с безопасной палитрой со Страницы 2.2.1.1 "более тонко" (в случае, если в программе для сбора мозаик понадобиться после замены цвета фона подобрать еще раз новые цвета для исходных квадратов). По умолчанию на Странице 2.2.1.1 установлен цвет фона с кодом 99CC99. Если в программе по сбору мозаик вами установлен другой фон, то такой же фон желательно установить и в безопасной палитре, поскольку цвета для исходных квадратов будут смотреться по разному на разных фонах.
Чтобы установить новый цвет фона на Странице 2.2.1.1, вставьте его код в поле вверху страницы и нажмите кнопку "Цвет фона", расположенную слева от этого поля. Цвет фона изменится на выбранный вами.

Вы можете также поменять ширину и цвет бордюрчиков, окаймляющих квадраты. Для этого снова, нажав на кнопку "Исходные квадраты" вверху окна программы, откройте панель установки параметров исходных квадратов. Вы можете менять ширину и цвет бордюрчиков у каждого исходного квадрата по отдельности или сразу у всех квадратов.
По умолчанию ширина бордюра каждого исходного квадрата установлена равной 3-м пикселам. Чтобы поменять ширину бордюра у отдельного исходного квадрата, выберите сначала его номер из выпадающего списка (напоминаем, что исходные квадраты занумерованы сверху-вниз, начиная от 0 и заканчивая 5-ю). Затем введите желаемое значение ширины его бордюра (в пикселах) в поле под кнопкой "Ширина" и затем обязательно нажмите на эту кнопку, чтобы введенное значение применилось к выбранному квадрату. Чтобы введенное значение применилось сразу ко всем квадратам, нажмите на кнопку "Все", расположенное ниже поля, в которое вы ввели свое значение.
Совершенно аналогично можно поменять и цвета бордюрчиков, только теперь вам придется вводить в соответствующее поле шестнадцатиричный код нужного вам цвета, пользуясь таблицей безопасных цветов (как было описано выше).

После того, как мозаика будет собрана, вы можете сохранить ее в виде html-файла. Для этого наведите сначала указатель мыши на кнопку "Картина" и в появившемся меню выберите пункт "Перерисовать". Ваша мозаика перерисуется в новом окне, которое будет раскрыто на весь экран. Дальнейшие действия по сохранению подробно описаны на Странице 2.1.4.
Перед процедурой сохранения вы можете передвинуть собранную вами композицию, чтобы она более гармонично смотрелась на пространстве экрана. При этом для удобства вы можете скрыть исходные квадраты (нажав соответствующую кнопку вверху окна программы), поскольку эти квадраты все равно сохраняться не будут.
Чтобы подвигать свою композицию "как единое целое" по пространству экрана, наведите сначала указатель мыши на кнопку "Картина" и в появившемся меню выберите пункт "Сдвинуть". Откроется панель установки параметров сдвига. Если эта панель открылась на неудобном для вас месте, то перетащите ее мышью туда, куда сочтете нужным.
По умолчанию предполагается, что сдвиг будет производиться с шагом в одну клеточку и через промежуток времени, равный одной секунде (1000 миллисекунд). Вы можете поменять эти значения, набрав нужные вам в соответствующих полях панели и обязательно нажав после этого кнопки "Шаг" или "Скорость", чтобы вновь введенные значения установились.
Теперь определитесь с тем, куда вы желаете сдвинуть свою композицию: вверх, вниз, влево или вправо, и нажмите соответствующую кнопку на панели. После того, как процесс сдвига запущен, остановить его будет можно, нажав на кнопку "Стоп!". Пожалуйста, обратите внимание! Если, например, вы нажали на кнопку "Влево", а затем, с целью остановить движение (или случайно), повторно нажали на эту же кнопку, то вы уже никак не сможете остановить процесс сдвига. Вам придется нажимать на кнопу "Обновить" в окне броузера (или кнопку F5 на клавиатуре), после чего набранная вами композиция будет утеряна.
Поэтому никогда не нажимайте одну и ту же кнопку с указанием направления сдвига дважды, не разделив эти нажатия нажатием кнопки "Стоп!". А вот нажимать кнопки с указанием различных направления сдвига (например, "Влево", "Вправо" или "Влево", "Вправо", "Вверх", "Вниз"), не разделяя их нажатия нажатием кнопки "Стоп!", вполне возможно. Этим вы заставите свою композицию "плясать" на экране, что иногда может доставить удовольствие. Параметры пляски можно регулировать при помощи значений шага и скорости сдвига. Останавливается пляска нажатием кнопки "Стоп!".

Не исключено, что после того, как вы сохраните собранную вами мозаику в виде html-файла, вам захочется отредактировать ее. Для этого откройте ее в броузере, по методу, описанному на Странице 2.1.3, захватите с экрана ее код и вставьте его в программу для сборки мозаик. Вставка осуществляется следующим образом. Наведите указатель мыши на кнопку "Картина" вверху окна программы и в появившемся меню выберите пункт "Загрузить". Через пару секунд мозаика загрузится в программу и станет доступной для редактирования.
Имеются достаточно широкие возможности по редактированию загруженной в программу мозаики. Вы можете просто передвинуть в ней отдельные квадраты, или же добавить к ней совершенно новые квадраты из исходного набора, или же удалить из нее отдельные квадраты, наведя на них указатель мыши и нажав при этом на клавиатуре клавишу с буквой z.
На Странице 4.3.8.4 планируется представить образцы конструкций для сборки, которые можно легко загрузить в программу.
4.3.8.3.1. Версия A         4.3.8.3.2. Версия B
К началу данной страницы
Картинки из квадратов \ Игры для детей \ Мозаики \ Мозаики с бордюрчиками \