{"draftJsState":{"blocks":[{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":32,"offset":356,"style":"BOLD"}],"text":"Всем привет. Это информационная статья интерактивного характера - здесь я делюсь своими навыками, помечаю свои трудности (что-то глобальное я помечаю их как \"Трудность №n\", а мелкие неуверенности раскрываю в контексте), а Вы же оставляете свои вопросы, предложения и решения, которые могут пойти в улучшение данного материала для дальнейших пользователей.\nОбъединяя опыт, мы улучшаем быт!","type":"unstyled","key":"c5edg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Содержание статьи:","type":"header-two","key":"5iref"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":145,"offset":0,"style":"ITALIC"}],"text":"(для удобства можно делать поиск параграфов через \"Поиск по странице\" - сочетание Ctr + F или через \"Оглавление\" в начале статьи (функция Дзена))","type":"unstyled","key":"3ic3f"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":27,"offset":0,"style":"BOLD"}],"text":"Описание содержимого статьи","type":"ordered-list-item","key":"7a23j"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":23,"offset":0,"style":"BOLD"}],"text":"Установка/проверка Java","type":"ordered-list-item","key":"3pags"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":22,"offset":0,"style":"BOLD"}],"text":"Установка IDE NetBeans","type":"ordered-list-item","key":"5s7ep"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":24,"offset":0,"style":"BOLD"}],"text":"Навигация в IDE NetBeans","type":"ordered-list-item","key":"1t1s5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":16,"offset":0,"style":"BOLD"}],"text":"Создание проекта","type":"ordered-list-item","key":"5mter"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":53,"offset":0,"style":"BOLD"}],"text":"Создание графической части. GUI-элементы конструктора","type":"ordered-list-item","key":"9fapt"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":29,"offset":0,"style":"BOLD"}],"text":"Создание функциональной части","type":"ordered-list-item","key":"blb0i"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":55,"offset":0,"style":"BOLD"}],"text":"Архивирование проекта в исполняемые файлы (.jar и .exe)","type":"ordered-list-item","key":"2gh0a"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":27,"offset":0,"style":"BOLD"}],"text":"Описание содержимого статьи","type":"header-two","key":"dun3d"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":0,"style":"BOLD"}],"text":"О чем: о создании игры \"2048\" с простым графическим интерфейсом в программе NetBeans на языке программирования Java, но с основанием \"3\", где детально будет рассказано о всех этапах ее реализации.","type":"unstyled","key":"4bq7s"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":9,"offset":0,"style":"BOLD"}],"text":"Для кого: текст написан подробно о простом, поэтому он должен быть актуальным для начинающих программистов. Если же у Вас есть хороший опыт, то ждем Ваши комментарии. ","type":"unstyled","key":"b2bh0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":0,"style":"BOLD"}],"text":"И зачем: большая часть всех Интернет-ресурсов, связанных с использованием интегрированной среды разработки (IDE) NetBeans и языка программирования (ЯП) Java, является англоязычной. Также стоит отметить некоторую их устарелость, как в плане содержания (многие написаны для 8 версии, а сейчас уже есть 22), так и в плане хостинга (неработоспособность Интернет-ресурсов).","type":"unstyled","key":"1bmfe"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":23,"offset":0,"style":"BOLD"}],"text":"Установка/проверка Java","type":"header-two","key":"6k50o"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":14,"offset":0,"style":"BOLD"}],"text":"Установка Java","type":"header-three","key":"cknv8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":1,"offset":93,"style":"ITALIC"},{"length":1199,"offset":106,"style":"ITALIC"},{"length":12,"offset":94,"style":"BOLD"},{"length":22,"offset":1414,"style":"BOLD"},{"length":14,"offset":1524,"style":"BOLD"},{"length":14,"offset":1646,"style":"BOLD"},{"length":12,"offset":1840,"style":"BOLD"},{"length":16,"offset":1855,"style":"BOLD"}],"text":"Прежде всего стоит рассказать о том, как персональный компьютер (ПК) работает с разными ЯП.\n\n(Трудность №1 - тема уставки необходимого программного обеспечения (ПО) для работы ЯП сама по себе довольно абстрактная, потому что вся работа этого ПО происходит \"за кадром\". Поэтому дальнейший текст - это моё понимание своего опыта, нескольких просмотренных форумов и статей.\nНасколько мне удалось понять, интерпретация ЯП всё равно в конечном счёте основывается на трансляции, поскольку интерпретатору или виртуальной машине, эмулирующей инструкции процессора, всё равно нужно передать команду физическому процессору на машинном коде. \nНеобходимость и отличие такого подхода от компиляции заключается в том, что появляется независимость от платформы, ведь конечная реализация машинного кода будет основана на работе созданного под конкретную машину интерпретатора. Может у интерпретатора проявляется и важное отличие в семантическом анализе кода, так как код в интерпретаторе выполняется по блокам, а не весь сразу - имелось в виду то, что если бы код интерпретируемого языка попытаться полностью скомпилировать, то тогда бы ЯП с динамической типизаций приходилось бы каждый раз при встрече переменной вызывать блок проверки типа, вместо использования кэш памяти, созданной после одной из операций проверки)\n\nВыполнение любой программы на ПК - это очередность нескольких этапов, где должен быть как минимум один этап трансляции/компиляции (перевода программы с одного ЯП на другой, в случае компиляции - на машинный код) и/или интерпретации (непосредственного выполнения кода программы без компиляции в машинный) . В конечном итоге всё приводится к машинному коду - системе команд взаимодействия инструкций процессора и устройств памяти (другими словами - это ЯП, который \"читает\" непосредственно процессор).\nКоличество этих этапов зависит от уровня языка и способа перевода.\nУровень языка может быть высоким и низким. Разница между ними в том, что программа, написанная на низкоуровневом языке максимально приближена к машинному коду (под этим подразумевается понятие \"транслитерации\" - дословно, это означает побуквенный перевод (типа, Привет - Privet), но в нашем случае имеется в виду покомандный перевод (одна команда ЯП - одна инструкция на машинном языке)).\nСпособы перевода - это определенная цепочка трансляций. Трансляция может быть разной, например:","type":"unstyled","key":"1pmj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Компиляция всего кода в машинный.","type":"ordered-list-item","key":"1iki5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Трансляция кода в промежуточный байт-код, который потом загружают в интерпретатор или виртуальную машину, что в процессе работы компилирует машинный код по частям (преобразует свои инструкции в машинные инструкции, которые понимает процессор).","type":"ordered-list-item","key":"30f7t"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Трансляция кода в промежуточный специальный код, который потом компилируют в машинный (как пример, промежуточный ЯП CIL в трансляторе C#; так поддерживается независимость ЯП от платформы (ПК)).","type":"ordered-list-item","key":"dvtsh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Благодаря этой информации можно понять то, какие инструменты нам могут быть необходимы для написания кода на разных ЯП.","type":"unstyled","key":"cc7p3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":26,"offset":82,"style":"BOLD"}],"text":"Для написания программ на ЯП Java необходимо установить \"комплект для разработки\" Java Development Kit (JDK) - это набор необходимых инструментов, с помощью которого создают и запускают программы (виртуальная машина JVM + платформа для выполнения программ JRE + файлы необходимые для запуска, отладки, компиляции).","type":"unstyled","key":"4ea38"},{"data":{},"depth":0,"entityRanges":[{"key":0,"length":51,"offset":50}],"inlineStyleRanges":[],"text":"Скачивается с официального сайта компании Oracle: https://www.oracle.com/java/technologies/downloads/","type":"unstyled","key":"9ep7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Среди разных версий на сегодняшний день я могу посоветовать JDK 21, так как она имеет долгосрочную поддержку (LTS)\nДля удобства скачайте .exe установщик:","type":"unstyled","key":"5a4c7"},{"data":{"image":{"id":"673e65953ce396427a07fac2"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Скачивание установщика","type":"atomic:image","key":"fdop0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"В самом установщике просто необходимо пару раз нажать \"Next\" и оставить путь установочной папки по умолчанию.","type":"unstyled","key":"fc6bf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Проверка Java","type":"header-three","key":"2sj82"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Чтобы проверить успешность установки, необходимо:","type":"unstyled","key":"1h9jh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Нажимаем на клавиатуре сочетание клавиш Win + R (открывает специальное меню \"Выполнить\" - многофункциональное меню, туда можно вставить что угодно, даже ссылку на сайт (после оно откроет вам этот сайт в браузере по умолчанию)).","type":"ordered-list-item","key":"cpn1m"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Написать в появившейся строке \"cmd\" и нажать \"ОК\".","type":"ordered-list-item","key":"9sm8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Написать в появившемся окне \"java -version\".\n(Это окно командной строки Windows).","type":"ordered-list-item","key":"8igme"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"После этого должны снизу появиться строки, первая из которых \"java version \"21...\"","type":"unstyled","key":"e57j4"},{"data":{"image":{"id":"6796d44177610030bae9f56b"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Проверка версии java (оно же JRE, в рамках командной строки)","type":"atomic:image","key":"cci8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Если такого не произошло, то нужно настроить \"Переменные среды\", это можно сделать так:","type":"unstyled","key":"c5mhf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"В строке поиска Windows (слева внизу) написать \"Изменение системных переменных среды\" и открыть.","type":"ordered-list-item","key":"5dj7b"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Зайти в \"Переменные среды...\".","type":"ordered-list-item","key":"c4a1n"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Два раза нажать на строку \"Path\" в нижней табличке \"Системные переменные\".","type":"ordered-list-item","key":"5im8d"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Нажать \"Создать\", вставить в ячейку текст \"C:\\Program Files\\Java\\jdk-21\\bin\" и нажать \"Ок\".\n(Путь установки jdk до папки bin, поскольку именно в ней находятся исполняемые файлы (.exe), необходимые для работы с Java (JVM, компилятор, упаковщик .jar файлов))","type":"ordered-list-item","key":"7kaer"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"После этого желательно перезагрузить ПК.\n(Может заработать и без этого - тут вся проблема в том, как операционная система проставила зависимости после наших изменений).","type":"ordered-list-item","key":"js0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"23ja9"},{"data":{"image":{"id":"673e691a59f0ad5be822e1dc"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"1 пункт","type":"atomic:image","key":"6h6bb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"bmvdu"},{"data":{"image":{"id":"673e69024c9cde2d15f6c832"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"2 пункт","type":"atomic:image","key":"52lkg"},{"data":{"image":{"id":"6796d75c6e04763df6085ce2"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Пункт 3 и 4","type":"atomic:image","key":"d1ohv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"После этого можно снова провести проверку в командной строке.","type":"unstyled","key":"9kseh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Далее также необходимо создать новую системную переменную JAVA_HOME, указав в ней путь уже целиком до папки jdk - это необходимо для того, чтобы IDE смогли лишь по названию системной переменной получить путь до папки с jdk (в противном случае придётся его устанавливать вручную в настройка IDE).\nДля этого:","type":"unstyled","key":"2msd3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Под нижней табличкой \"Системные переменные\" нажмите \"Создать\".","type":"ordered-list-item","key":"1nm0b"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Впишите в графу \"Имя переменной\": JAVA_HOME, а в \"Значение переменной\": C:\\Program Files\\Java\\jdk-21 (путь до папки с jdk).","type":"ordered-list-item","key":"bf4vj"},{"data":{"image":{"id":"6796dbc177610030baed991e"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Создание новой системной переменной JAVA_HOME","type":"atomic:image","key":"8p0em"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Если у вас уже до этого была установлена Java, то необходимо удалить её из переменной среды Path и изменить значение в JAVA_HOME.\nМожно оставить несколько разных версий Java в Path, но в JAVA_HOME должна быть только одна версия. В этом случае у вас будет работать только одна из версий Java (может быть, та, что выше в списке), но в таком случае может случится несостыковка путей с JAVA_HOME, из-за чего вы можете начать программировать в IDE на другой версии, а из-за этого, особенно если вы программировали на 21, а запуск .jar файла происходит на 8, вы получите ошибку версий \"a java exception has occurred\".\nТакже может быть что даже при удалении всех остальных версий Java из Path и самих директорий (папок) со старыми jdk или jre, у вас всё равно не будут запускаться файлы .jar (при том, что проект в IDE будет отлично работать) - это может быть потому, что в реестре операционной системы до сих пор указан путь на старую папку jdk или jre в графе открытия файлов формата .jar. Можно попробовать решить это так:","type":"unstyled","key":"1url"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Нажимаем сочетание клавиш Win+R.","type":"ordered-list-item","key":"3jilo"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Пишем regedit (это редактор реестра (это настройки, предустановки, необходимые для взаимодействия программ на ПК)) и нажимаем \"ОК\".","type":"ordered-list-item","key":"e8p1q"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"В верхней части окна есть белая строка, туда пишем \"HKEY_CLASSES_ROOT\\.jar\" и смотрим, чтобы в \"Значение\" было указано \"jarfile\".","type":"ordered-list-item","key":"cahku"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Далее пишем \"HKEY_CLASSES_ROOT\\jarfile\\shell\\open\\command\" и смотрим чтобы был указан путь до вашей папки jdk или jre, bin и до приложения javaw.exe. Также необходимо указать параметры \"-jar \"%1\" %*\".\nПолный путь у меня: \"C:\\Program Files\\Java\\jdk-21\\bin\\javaw.exe\" -jar \"%1\" %*.","type":"ordered-list-item","key":"4nbq6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Установка IDE NetBeans","type":"header-two","key":"fl77d"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"IDE (интегрированная среда разработки) - это ПО, которое позволяет комфортно программировать, посредством объединения необходимых инструментов и GUI (ведь также можно программировать и в обычном \"Блокноте\"), а именно:","type":"unstyled","key":"dcbv1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Текстовый редактор, выделяющий синтаксис, ошибки и обеспечивающий автодополнение кода.","type":"ordered-list-item","key":"7om1b"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Возможность подключить систему контроля версий (Git).","type":"ordered-list-item","key":"8gv0l"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Поддержка разных расширений (пакеты, фреймворки).","type":"ordered-list-item","key":"72fks"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Поддержка автоматической сборки проекта (компиляция, создание конфигурационных файлов, упаковка в исполнительный файл).","type":"ordered-list-item","key":"eh1og"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"NetBeans - это бесплатная IDE с открытым исходным кодом. У неё есть возможность \"визуального\" создания GUI для приложения методом перетаскивания. У нее простой и приятный дизайн (в сравнении с IDE Eclipse), а также она более \"легкая\" по использованию памяти (в сравнение с IntelliJ IDEA).","type":"unstyled","key":"eoicd"},{"data":{},"depth":0,"entityRanges":[{"key":1,"length":56,"offset":88}],"inlineStyleRanges":[],"text":"Для установки необходимо перейти на официальный сайт Apache NetBeans в раздел загрузки: https://netbeans.apache.org/front/main/download/archive/","type":"unstyled","key":"53tei"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Здесь предлагаю выбрать самую последнюю версию (на момент написания - это 23) и нажать на кнопку \"Download\".","type":"unstyled","key":"9e0o5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Далее нужно скачать .exe файл, выбрать ссылку для скачивания и запустить его.","type":"unstyled","key":"8rt4m"},{"data":{"image":{"id":"673e6fbf4c9cde2d15fb1e6b"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Установщик .exe NetBeans ","type":"atomic:image","key":"fjoom"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":1,"offset":0,"style":"ITALIC"},{"length":190,"offset":13,"style":"ITALIC"},{"length":12,"offset":1,"style":"BOLD"}],"text":"(Трудность №2 - раньше этого не замечал, но при установке IDE нам предлагают установить JDK. Получается, что можно было обойтись без первого шага, но он всё равно полезен, так как объясняет значение JDK)","type":"unstyled","key":"c468s"},{"data":{"image":{"id":"673e702386ca9345b1093bd8"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Cсылки на скачивание","type":"atomic:image","key":"8pi5n"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"По пути установки необходимо оставить все без имений, поскольку там лишь предлагают установку Java SE/EE (Это пакет для разработки на Java, и, можно сказать, сам ЯП (его спецификация), стандартная и корпоративная версии; имеется в виду дополнительные библиотеки и инструменты) и дополнительных средств, касающихся web-разработки, что в сумме весит лишь около 1 гигабайта.\nТакже появляется окно выбора пути установки IDE и JDK - рассматривайте относительно место на жестком диске (в сумме их вес не превышает 2 гигабайтов).","type":"unstyled","key":"b9ic8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":24,"offset":0,"style":"BOLD"}],"text":"Навигация в IDE NetBeans","type":"header-two","key":"77hv8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Открываем IDE NetBeans (если нет ярлыка на рабочем столе, то создайте его из .exe файла из папки по пути \"netbeans\\bin\\netbeans64.exe\" (тут указан относительный путь от места установки IDE)).","type":"unstyled","key":"53c0a"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"У меня установлена 22 версия, так что, могут быть небольшие различия.","type":"unstyled","key":"d1vp"},{"data":{"image":{"id":"673e776d4221bc151f187352"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Главное окно IDE","type":"atomic:image","key":"94rf5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"У меня измененный цвет темы (с белого на черный), чтобы сделать также необходимо:","type":"unstyled","key":"500ip"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Перейти во вкладку \"Tools\", из выпадающего списка выбрать \"Options\".","type":"ordered-list-item","key":"c07m9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Перейти во вкладку \"Fonts & Colors\", изменить профиль на \"FlatLaf Dark\" и нажать кнопку \"Apply\".","type":"ordered-list-item","key":"btd1q"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Перейти во вкладку \"Appearance\", далее в \"Look and Feel\" изменить профиль на \"FlatLaf Dark\" и нажать кнопку \"Ok\".","type":"ordered-list-item","key":"1a81q"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"После этого перезапустите IDE.","type":"ordered-list-item","key":"358v4"},{"data":{"image":{"id":"673ec6511458b668ca15a65f"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"2 пункт","type":"atomic:image","key":"9tv0d"},{"data":{"image":{"id":"673ec77b99974a6a17ad5bf8"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"3 пункт","type":"atomic:image","key":"c1iar"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Конечное рабочее окно должно выглядеть так:","type":"unstyled","key":"4m8po"},{"data":{"image":{"id":"673ed057379fec7402442771"},"contents":{"673ed057379fec7402442771":"Окно IDE"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Окно IDE","type":"atomic:image","key":"csce3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Слева расположено окно с проектами и пакетами (пакет - это \"папка\" с классами, где каждый класс сохранен в отдельном файле расширения .java; проект - это \"папка\" с пакетами). Чуть ниже него окно элементов класса (название класса, методов и переменных). Справа окно редактора кода, где пишется код, а под ним терминал, где выводятся значения исполняемого кода.","type":"unstyled","key":"bf85c"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Чтобы открыть редактор кода во весь экран нужно дважды нажать на название файла в окне редактора кода. Вот пример:","type":"unstyled","key":"e0thd"},{"data":{"image":{"id":"673ed50b379fec74024a8c82"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Дважды нажимаем на название файла","type":"atomic:image","key":"7h47d"},{"data":{"image":{"id":"673ed5208c885053d4b1fda7"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Редактор кода открылся во весь экран","type":"atomic:image","key":"cp402"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Чтобы вернуть всё назад сделай все действия в обратном порядке.","type":"unstyled","key":"70hdt"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Если у вас окно Projects и открываемых .java файлов слилось в одно, то нужно перейти во вкладку \"Windows\" и нажать \"Reset Windows\".","type":"unstyled","key":"9lsqt"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":16,"offset":0,"style":"BOLD"}],"text":"Создание проекта","type":"header-two","key":"c3fcb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":1,"offset":315,"style":"ITALIC"},{"length":269,"offset":328,"style":"ITALIC"},{"length":12,"offset":316,"style":"BOLD"}],"text":"Чтобы создать проект необходимо нажать на вкладку \"File\" и далее на \"New Project\".\nДалее нужно выбрать сборщик проекта. Я возьму Ant (лучше взять Gradle, но в рамках нашего проекта мы даже не полезем в папку сборщика, поэтому это неважно). Также нужно выбрать тип создаваемого проекта. Я возьму \"Java Application\".\n(Трудность №3 - с логической точки зрения, нет разницы между созданием \"Java Application\" без Main класса и \"Java Class Library\", потому что потом мы создаем новый класс JFrame, содержащий метод Main, и сборщик кода должен это автоматически учесть и вписать в конфигурационный файл)","type":"unstyled","key":"dhogg"},{"data":{"image":{"id":"673ed9c99dbb6d6b508626eb"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Выбор сборщика","type":"atomic:image","key":"c6e92"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"После этого можно поменять название проекта и путь его установки. В данном окне необходимо убрать галочку с пункта \"Create Main Class\", так как мы созданим свой новый класс с этим методом.","type":"unstyled","key":"fug6l"},{"data":{"image":{"id":"673edc6ce96e041f65e4246b"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Конечное создание проекта","type":"atomic:image","key":"1f7ee"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Далее необходимо создать JFrame Form (Название класса для создание GUI). Нужно нажать правой кнопкой мыши на название проекта и выбрать \"New\", \"JFrame Form...\".","type":"unstyled","key":"an1pd"},{"data":{"image":{"id":"673ede46fb5e8c6874be0f8f"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Создание класса GUI","type":"atomic:image","key":"1ur28"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Все, проект настроен, можно начинать выполнять основную задачу.","type":"unstyled","key":"rr3b"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":53,"offset":0,"style":"BOLD"}],"text":"Создание графической части. GUI-элементы конструктора","type":"header-two","key":"asts7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Если мы сейчас нажмем на кнопку Run (или нажмем на клавиатуре f6), то появится пустое окно в углу экрана:","type":"unstyled","key":"32v7k"},{"data":{"image":{"id":"673edfe73ce396427a73ddc0"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Пустое окно","type":"atomic:image","key":"6kru3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Теперь нам необходимо создать непосредственно GUI. Закрываем это пустое окно и переходим во вкладку \"Design\", которая находится под названием файла.","type":"unstyled","key":"7veo6"},{"data":{"image":{"id":"673ee2e58c885053d4c924f2"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Design","type":"atomic:image","key":"6vbvm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Теперь методом перетаскивания мы будем добавлять элементы из правого окна (номер 1) в левый прямоугольник (номер 2), и изменять их свойства после выбора необходимого элемента (выбрать элемент можно в окне 2 или 3, изменить свойство можно либо в окне 4 после выбора, либо нажав на элемент правой кнопкой мыши и выбрав \"Properties\").\nДалее окна 1, 2, 3 и 4 будут названы как окна Palette, Design, Navigator, Properties соответственно (название каждого окна указывается в его верхней части).","type":"unstyled","key":"5cvtg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Для начала нам необходимо установить в окно JFrame макет расположения элементов (layout). Их есть много разных, для более детального ознакомления можно провести поиск в интернете по запросу \"layout Swing\", но нам для простоты и удобства отлично подойдет Border layout. Вот пример того, как будут располагаться элементы:","type":"unstyled","key":"48q4s"},{"data":{"image":{"id":"673ee6154ecc03761310336d"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Border layout","type":"atomic:image","key":"2aoop"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Теперь нам необходимо создать 5 панелей (можно назвать их \"папками\", в которые мы потом поместим элементы), на которых мы потом будем располагать текст и игровое поле. Сделаем это просто путем перетягивания пока что одного элемента \"Panel\" из раздела \"Swing Containers\".","type":"unstyled","key":"2q4pp"},{"data":{"image":{"id":"673ee7a13ce396427a80c168"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Первая панель ","type":"atomic:image","key":"5igq1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Теперь методом копирования одного jPanel и вставки в JFrame (нужно на него нажать, чтоб он выделился) необходимо создать еще 4 панели:","type":"unstyled","key":"eicc6"},{"data":{"image":{"id":"673eeabb59f0ad5be8a29e27"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"5 панелей","type":"atomic:image","key":"1hel4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Теперь покажу простой чертеж того, что у нас должно получиться в самом конце, чтоб понимать дальнейшую работу:","type":"unstyled","key":"b458h"},{"data":{"image":{"id":"673ef3a4e96e041f650c375e"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Схема 1","type":"atomic:image","key":"5r76n"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Тут представлено расположение тех 5 панелей, которые мы только что установили.","type":"unstyled","key":"6933f"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Далее то, что будет в них установлено:","type":"unstyled","key":"6s0v8"},{"data":{"image":{"id":"673fbe6dc14ba8072cd5345f"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Схема 2","type":"atomic:image","key":"410jv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Здесь представлено:","type":"unstyled","key":"5gac2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Картинка логотипа.","type":"ordered-list-item","key":"ap9ju"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Окно счета игры.","type":"ordered-list-item","key":"3hdej"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Кнопка \"Новая игра\".","type":"ordered-list-item","key":"fqlnb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Кнопка \"Выход\".","type":"ordered-list-item","key":"7vsij"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Основное игровое поле - сетка 4 на 4 квадрата.","type":"ordered-list-item","key":"fhsgu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Текст с правилами.","type":"ordered-list-item","key":"dbrs8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Кнопка сдвига чисел вверх.","type":"ordered-list-item","key":"a6fnc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Кнопка сдвига вправо.","type":"ordered-list-item","key":"57dg7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Кнопка сдвига вниз.","type":"ordered-list-item","key":"9s4k0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Кнопка сдвига влево.","type":"ordered-list-item","key":"317nr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Теперь схема их размеров в пикселях:","type":"unstyled","key":"aforr"},{"data":{"image":{"id":"673fc008413fb34054a4a616"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Схема 3","type":"atomic:image","key":"6m5tg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Теперь начнем указывать размеры уже установленных элементов.\nПомимо размеров добавим фоновый цвет, а также некоторые свойства для рамки (JFrame), а именно:","type":"unstyled","key":"c8gv9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"resizable false (убрали галочку - значит false, стоит галочка - значит true)- невозможность расширить рамку - так как у нас элементы без привязки к краям экрана, то они не будут масштабироваться, а просто останутся в прежнем размере. При расширении окна изменится лишь размер прежнего фона, что нам не надо, поэтому отключаем такую возможность.","type":"ordered-list-item","key":"5c4c"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"title - название, которое будет в верхней рамке (где обычно расположены кнопки свернуть и закрыть).","type":"ordered-list-item","key":"1puqs"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"alwaysOnTop true - чтобы всегда это окно было поверх других - для удобства игры.","type":"ordered-list-item","key":"9ijj"},{"data":{"image":{"id":"67482c884ed8b508e6111e5e"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"JFrame вкладка Properties","type":"atomic:image","key":"9qddn"},{"data":{"image":{"id":"67482ca48416cf7230ada01b"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"JFrame вкладка Code","type":"atomic:image","key":"77j2a"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Мы изменили размер на первом фото в 4 разных строках - можно было бы и меньше, обойтись только \"size\", поскольку если он установлен, то игнорируется остальные 3 значения, но чтобы нас не спутали разные цифры в этих строчках - мы заменим их все на одно значение (значение указано в пикселях, высчитано из рисунка).\nВ вкладке Code мы устанавливаем размер элемента для окна Design, то есть, там можно поставить и 1000 на 1000 (изменится вид нашего элемента только в окне разработки), но при запуске появится окно 270 на 500.","type":"unstyled","key":"3vpmv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Также отредактируем панели, в них мы изменим цвет (background - он изменяется тремя значениями RGB палитры), размер и Direction - положение в окне.","type":"unstyled","key":"crm23"},{"data":{"image":{"id":"67482e49aebe3711ba180ed0"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"jPanel1","type":"atomic:image","key":"5pfv7"},{"data":{"image":{"id":"67482f514926a237d5a2b0db"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"jPanel2","type":"atomic:image","key":"d7rst"},{"data":{"image":{"id":"67482f6d35d5373f07e7667c"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"jPanel3","type":"atomic:image","key":"doobq"},{"data":{"image":{"id":"67482f7fbf46973be8e42ac4"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"jPanel4","type":"atomic:image","key":"119nj"},{"data":{"image":{"id":"67482f90adc2fd673e44d6c8"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"jPanel5","type":"atomic:image","key":"6geu6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Теперь добавим элементы в верхнюю панель.","type":"unstyled","key":"9fug6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Далее можно поступить двумя способами, которые (именно в нашем случае из-за схожести логики Layout) приведут к одному и тому же результату (в зависимости от Layout и целей проекта можно использовать разные методы, но корректнее всего первый):","type":"unstyled","key":"e6dnc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Сначала изменить Layout панели, а потом добавить элементы.","type":"ordered-list-item","key":"162se"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Сначала добавить элементы, а потом изменить Layout панели.","type":"ordered-list-item","key":"7d73j"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Можно Layout для этой панели пока не менять, поскольку изначально он \"Free Design\", что позволит удобно устанавливать элементы в любое место панели. А после изменить его на Absolute Layout, который будет располагать элементы относительно координат. В нашем случае положение элементов не изменится - изменится только способ их привязки. Данный способ может быть удобен так как у Absolute Layout шаг расположения элемента в окне Design 10 пикселей (то есть был на позиции (x,y) = (20,30), а при сдвиге вправо на один шаг будет (x,y) = (30,30)), что может быть не очень комфортно.","type":"unstyled","key":"4d4hb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Необходимость изменения Free Design на почти такой же заключается в некоторой тонкости:\nМы сделали свой выбор в пользу Absolute Layout, так как у Free Design есть неочевидная привязка положения элемента к изначальному месту установки. После изменения размера элемента происходит сдвиг всех элементов из особенности этого Layout, а именно - связи с объектами со всех 4 сторон. Может случиться такое, что последующее измение значений этих \"связей\" не изменит позиции элемента из-за той самой \"неочевидной привязки положения элемента к изначальному месту установки\".","type":"unstyled","key":"3es6i"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":1,"offset":0,"style":"ITALIC"},{"length":218,"offset":13,"style":"ITALIC"},{"length":12,"offset":1,"style":"BOLD"}],"text":"(Трудность №4 - изначально я использовал именно Free Design, но столкнулся с такой проблемой, что положение некоторых элементов не изменилось несмотря на установку нового значения отступа, что я объяснил выше. Пример ниже на фото.)","type":"unstyled","key":"b22e9"},{"data":{"image":{"id":"678f959e42b2493882ddd6b2"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Трудность №4 - не изменилось положение, после измения размера и установки новой \"связи\"","type":"atomic:image","key":"jhrr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Мы пойдем по первому пути, поэтому изменяем Layout на Absolute Layout.","type":"unstyled","key":"7jllp"},{"data":{"image":{"id":"678fa0ea49dbc957f739ee77"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" Absolute Layout для верхней панели","type":"atomic:image","key":"72d9c"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Создадим по два Label и Button в jPanel1 путем перетаскивания.","type":"unstyled","key":"94mio"},{"data":{"image":{"id":"678fa18171feae4844a5aa3b"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Создание элементов верхней панели","type":"atomic:image","key":"dhdkq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"После следует изменить настроить эти элементы, а именно: размер, расположение относительно окна, содержание (цвет и текст или изображение).\nСначала изменим размер каждого элемента: можно изменить только значение preferredSize, поскольку наша рамка (JFrame) не масштабируется. Лучше выбирать объекты из окна Navigator, потому что после изменения размера объекты могут неудобно сместиться или вообще выйти из поля панели (это и произошло на фото ниже).","type":"unstyled","key":"hm9o"},{"data":{"image":{"id":"678fa2657ae2f82bd1d4682b"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Изменение размера элементов верхней панели","type":"atomic:image","key":"93ijb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"После изменим расположение относительно окна каждого элемента.\nТут необходимо задать правильное значение координат X и Y. Координаты считаются от верхнего левого края панели (это важно, считается от края родительской панели, а не всей рамки). Точка расположения элемента, относительно заданной координаты - верхний левый угол.\nВысчитываем координаты по схеме (также не забудьте, что шаг одного сдвига 10 пикселей - это поможет расположить элементы справой стороны, так как они все расположены от края панели на 10 пикселей).","type":"unstyled","key":"5mgeu"},{"data":{"image":{"id":"678fa4523d6b7921140bd6ab"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"jLabel1","type":"atomic:image","key":"ciqg6"},{"data":{"image":{"id":"678fa46e473b02200b95dbc4"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"jLabel2","type":"atomic:image","key":"emrt8"},{"data":{"image":{"id":"678fa48371feae4844aca8c8"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"jButton1","type":"atomic:image","key":"du9hu"},{"data":{"image":{"id":"678fa4966cb64b3c8fe0e502"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"jButton2","type":"atomic:image","key":"3djs6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Далее добавим текст и изображение логотипа.","type":"unstyled","key":"3trn3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Самый простой вариант создать изображение - это использовать Paint. Предлагаю сделать такую картинку:","type":"unstyled","key":"4rc0g"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Открываем Paint.","type":"ordered-list-item","key":"ak93r"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Измените размер, убрав галочку с \"Сохранить пропорции\".","type":"ordered-list-item","key":"b9j2p"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Сделайте заливку, используя \"Заливка цветом\" - \"Изменение цветов\". Укажите в значениях \"Красный\", \"Зеленый\" и \"Синий\" значения фона панели, а именно - 231, 222, 214 соответственно. ","type":"ordered-list-item","key":"dufv8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Добавляем элемент \"Текст\" (выглядит как большая буква \"А\") и пишем \"2048\" и \"based on\". Сделайте \"2048\" кегль 36, а \"based on\" кеглем 14. Сделайте жирный шрифт. Используйте серый цвет.","type":"ordered-list-item","key":"4rc8s"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Возьмите карандаш и нарисуйте красную цифру 3.","type":"ordered-list-item","key":"ejn65"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Сохраните в удобное место. Можно в формате .","type":"ordered-list-item","key":"2m3gn"},{"data":{"image":{"id":"678faab33d6b7921141ac0e3"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Измененеие масштаба","type":"atomic:image","key":"5agis"},{"data":{"image":{"id":"678fae0f9869e9645db75b75"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Добавление цвета фона","type":"atomic:image","key":"f4lmj"},{"data":{"image":{"id":"678fb21944de1408d1f58cd6"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Итоговая картинка","type":"atomic:image","key":"48q11"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Далее добавляем картинку для jLabel1. Нужно в Properties выбрать icon, нажать на многоточие, нажать\"Import to Project...\" и импортировать картинку, выбрав ее и нажав \"Finish\". После нажимаем \"OK\"","type":"unstyled","key":"40t94"},{"data":{"image":{"id":"678fb3858f01f35b5c1636fb"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Добавление картинки","type":"atomic:image","key":"1n3pk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Далее добавим текст (вообще более правильно добавлять текст, используя отдельно созданные переменные, которым мы присвоим в качестве значения наш текст, а после присвоим его элементу, вызвав специальную функцию - так более удобно управлять этим впоследствии, но мы пойдем более простым путём) и изменим его расположение с размером.\nНужно в Properties выбрать text и вписать нужный текст. И двум переменным horizontalAlignment и verticalAlignment дать значение CENTER (дали горизонтальному и вертикальному расположению установку на позицию в центре).\nТакже нужно изменить font, нажав на многоточие. Выбрать Font Style - Bold и Size 14.","type":"unstyled","key":"bs30b"},{"data":{"image":{"id":"678fb72d67ebbf6b1ff531e7"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Изменение поля счета","type":"atomic:image","key":"9u868"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Теперь изменим кнопки. Изменим цвет background (фон) и foreground (шрифт). Также дайте параметру focusable значение false, чтобы кнопка не обводилась синим цветом при нажатии.","type":"unstyled","key":"den4k"},{"data":{"image":{"id":"678fbdd644de1408d10de6c8"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Кнопка новой игры","type":"atomic:image","key":"9al8n"},{"data":{"image":{"id":"678fbde0c542954854f2c1a7"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Кнопка выхода","type":"atomic:image","key":"4t8mn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Добавь текст в нижнюю панель.","type":"unstyled","key":"fo47c"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Нужно добавить элемент Label из окна Palette методом перетаскивания. После, так как у нас Layout \"Free Design\" изменить \"связи\" со всех четырех сторон.\nДелается это двумя способами:","type":"unstyled","key":"f7thb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Нужно выбрать элемент, а после двойным нажатием на один из четырех серых прямоугольников (\"связей\") изменить его размер (сделать так 4 раза).","type":"ordered-list-item","key":"dq04i"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Нужно выбрать элемент, а после нажать на него правой кнопкой мыши и выбрать \"Edit Layout Space...\" и изменить значения сразу четырех \"связей\".","type":"ordered-list-item","key":"6su6e"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Изменяем значение \"связей\" согласно схеме, а также размер самого элемента.","type":"unstyled","key":"ds9dj"},{"data":{"image":{"id":"678fc78ffa87ea6b3d8bf0e3"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Добавили jLable3","type":"atomic:image","key":"9pf49"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Нужно отцентровать текст (двум переменным horizontalAlignment и verticalAlignment дать значение CENTER).","type":"unstyled","key":"c837m"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Далее введите текст. Чтобы ввести текст с переносом, нужно записать его в html-тегах ( и <\\html>), используя
в качестве специального символа для переноса. Также можно создать простой стиль в теге

(базовый блок текста), написав

.","type":"unstyled","key":"d7n75"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Вот пример текста:

Press the buttons on the sides of the table to play.
You need to score 3072 points on one tile.

\n(это запись на языке HTML)","type":"unstyled","key":"8fe0b"},{"data":{"image":{"id":"678fcd59dfb10073a5065edf"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Добавили текст в jLable3","type":"atomic:image","key":"8a359"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Теперь создадим основное игровое поле.","type":"unstyled","key":"7t4a0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Измените цвет фона на [231,222,214]. Далее нужно изменить Layout центральной панели на BorderLayout, добавить в нее одну пустую панель и 4 кнопки.","type":"unstyled","key":"e682j"},{"data":{"image":{"id":"678fcf6c3c34886f4933f559"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Заполнили центральную панель","type":"atomic:image","key":"1gre3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Далее нужно всё расставить и подогнать по размерам (preferredSize, Direction).","type":"unstyled","key":"depe0"},{"data":{"image":{"id":"678fd138ae508204f3d12d30"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"jPanel6","type":"atomic:image","key":"fskom"},{"data":{"image":{"id":"678fd14b7ae2f82bd1355003"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"jButton3 ","type":"atomic:image","key":"alhgj"},{"data":{"image":{"id":"678fd15a9d38824376265cb0"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"jButton4","type":"atomic:image","key":"frih9"},{"data":{"image":{"id":"678fd169c0330e0fc4e79e3a"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"jButton5","type":"atomic:image","key":"6srfq"},{"data":{"image":{"id":"678fd17942b2493882659f2f"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"jButton6","type":"atomic:image","key":"c9gaf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"После необходимо добавить текст на кнопки и цвет.\nС этим всё немного странно, поскольку мы будем использовать разные шрифты и кегли для символов, а также по разному писать эти символы.","type":"unstyled","key":"4p60g"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Для начала необходимо убрать border в Properties для каждой кнопки - из-за него боковые кнопки не будут отображать текст (им не будет хватать места, поскольку граница (border) уменьшает количество места для текстового поля). Для этого в border выберете (No Border).","type":"unstyled","key":"99rbc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Нам нужно отобразить значки для кнопок: >, <, ∨, ∧. Так как у этих символов визуально разный размер, то это мы будем сглаживать это разными стилями шрифтов и кеглями, а именно Times New Roman 18 bold для ∨, ∧, и Arial 20 bold для >, < (всё это я выбрал экспериментально, поскольку не все шрифты вообще имели символы ∨, ∧ в своей кодировке).","type":"unstyled","key":"2db4u"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"После нужно написать символы в поле text. Проблемы возникают с символами ∨, ∧. Для того чтобы их написать и они корректно отобразились (простое перекопирование не всегда помогает (у меня оно отобразило лишь при изначально установленном шрифте, а после увеличения кегля символ сломался)) нужно использовать html-тег. ","type":"unstyled","key":"bqupa"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"∧ для ∧ ","type":"unordered-list-item","key":"6ope0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"∨ для ∨","type":"unordered-list-item","key":"9js11"},{"data":{"image":{"id":"678fdd6ab3ea3d0eb8c12e9d"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"jButton3 стрелка","type":"atomic:image","key":"cnc5i"},{"data":{"image":{"id":"678fdd85314f4b7c1e76c4ff"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"jButton4 стрелка","type":"atomic:image","key":"1e49o"},{"data":{"image":{"id":"678fdd93b3ea3d0eb8c184eb"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"jButton5 стрелка","type":"atomic:image","key":"5hho1"},{"data":{"image":{"id":"678fdda7314f4b7c1e76ff49"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"jButton6 стрелка","type":"atomic:image","key":"cies7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Теперь заполним центр (jPanel4). \nДля этого добавим Grid Layout - это Layout таблица. И добавим ей 4 Columns (столбца) и 4 Rows (строки). И добавим в неё один Label.","type":"unstyled","key":"ekfa6"},{"data":{"image":{"id":"678fe2a01d901e7b0d3c7957"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Центр игрового поля","type":"atomic:image","key":"7rn0l"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Теперь настроим jLabel4, чтобы потом его взять за образец и перекопировать 15 раз (поле 4 на 4 = 16 ячеек).\nДобавим цвет фона, текста, уберем базовый текст, добавим шрифт, отцентруем текст, добавим обводку (border).\nОбратите внимание, чтобы значение opaque было true - иначе jLabel4, за исключением его обводки, будет прозрачным.","type":"unstyled","key":"ftttr"},{"data":{"image":{"id":"678fe7ed11b9491c3151ed75"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Цвет, отцентровка, шрифт, обводка для jLabel4","type":"atomic:image","key":"d4m6p"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Обводку нужно создать с учётом некоторых математических вычислений.\nТолщина обводки и размеры (длина и ширина) Label должны поместиться в панель 200 на 200 пикселей. Значит должно выполниться равенство: ","type":"unstyled","key":"cn7aq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"border = b; Label = L","type":"unordered-list-item","key":"a1lsv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"b + L + b + L+ b + L+ b + L + b = 200","type":"unordered-list-item","key":"9jspo"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"5*b + 4*L = 200","type":"unordered-list-item","key":"18env"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Например, если взять обводку толщиной в 3 пикселя, то получится:","type":"unstyled","key":"9pudj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"5*3 + 4*L = 200","type":"unordered-list-item","key":"c4k3l"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"L = (200-15)/4 = 185/4 - не целое число, а значит появится незаполненная щель между кнопками и ячейками с двух краёв (так логика заполнения идет слева направо, и сверху вниз, то щель будет снизу и справа)","type":"unordered-list-item","key":"4p8hr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Поэтому возьмём border толщиной равно 4.","type":"unstyled","key":"61f66"},{"data":{"image":{"id":"678ff0f73d6b792114a4bbb4"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Толщина border","type":"atomic:image","key":"4k3g6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Создадим 15 копий jLabel4 (таблица 4 на 4 = 16 ячеек).","type":"unstyled","key":"40k73"},{"data":{"image":{"id":"678ff168473b02200b2d27c1"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"15 копий jLabel4","type":"atomic:image","key":"aq99a"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"И сейчас остался последний шаг с этой часть GUI - это уравнять значение border и элементов таблицы (так как border считается частью элемента, то расстояние между двумя элементами внутри таблицы равно двум border (граница одного + граница другого), а толщина внешнего края таблицы остается равной одному border), поэтому необходимо пододвинуть элементы в таблице на расстояние одного border.\nСделать это можно в Properties для GridLayout, передав значение border со знаком минус.","type":"unstyled","key":"fesbv"},{"data":{"image":{"id":"678ff18849dbc957f7d94db0"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Изменение GridLayout","type":"atomic:image","key":"3r9d1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Для проверки можете изменить значение opaque (непрозрачность) в Properties для панели, в которой лежат 16 Label. Если не будет щели снизу и справа, то всё рассчитано правильно.\nВот пример того, что будет если сделать толщину border равной 3.","type":"unstyled","key":"8p249"},{"data":{"image":{"id":"678ff250a409773dc2eaa7e7"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Неправильная толщина border","type":"atomic:image","key":"bn49t"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Теперь создадим новое окно, которое будет появляться при проигрыше или выигрыше, предлагающее нам либо начать новую игру, либо выйти.","type":"unstyled","key":"dtjjl"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Для этого создадим новый класс JFrame Form, как уже создавали ранее.","type":"unstyled","key":"836m2"},{"data":{"image":{"id":"67913ce78f01f35b5c28c884"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Новая форма NewJFrame2","type":"atomic:image","key":"9jahr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Зададим размер форме 300 на 200 пикселей, resizable false, title и alwaysOnTop true.","type":"unstyled","key":"f93mb"},{"data":{"image":{"id":"67913e23fa87ea6b3dbfc91a"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Настройка рамки JFrame","type":"atomic:image","key":"ej7p0"},{"data":{"image":{"id":"67913eb267ebbf6b1f02d8f8"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Также измените размер в вкладке Code, чтоб отображалось в натуральную величину","type":"atomic:image","key":"3v8m8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Измените Layout рамки на BorderLayout (для удобства, чтобы потом поставить панель в центр и не нужно было бы его растягивать по краям, как это было бы в Layout Free Design) и добавьте в центр панель. Измените ее цвет фона на [231,222,214].","type":"unstyled","key":"f5mcv"},{"data":{"image":{"id":"67913fed907de12e6984ee2d"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Добавили панель jPanel2 ","type":"atomic:image","key":"5r483"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Потом измените Layout панели jPanel2 на GridLayout и создайте в нем 2 строки. После добавьте в верхнюю строку Label, а в нижнюю еще одну панель jPanel3 и измените ее прозрачность (в Properties панели измените значение opaque false).","type":"unstyled","key":"2ue8k"},{"data":{"image":{"id":"679143f53385fc3fda90fe41"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Настроили панель JPanel2 ","type":"atomic:image","key":"eindl"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Далее измените Layout панели JPanel3 на GridLayout и создайте в нем 2 столбца.\nДобавьте в каждый из них по одной панели, измените их прозрачность и их Layout на CardLayout (располагает элементы один над другим). В настройках этих Layout измените Horizontal и Vertical Gap на 10. Поместите в каждую панель по кнопке (jButton1 и jButton2).","type":"unstyled","key":"ep5ms"},{"data":{"image":{"id":"679145d2da8f950d3f27a215"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Расположили кнопки","type":"atomic:image","key":"8ps9g"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Потом нужно изменить цвет фона и текста кнопок, изменить сам текст кнопок, шрифт кнопок jButton1 и jButton2. Для jLabel1 нужно изменить шрифт, цвет текста и отцентровать.","type":"unstyled","key":"cjjn8"},{"data":{"image":{"id":"679148333c34886f492399c0"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Доработка элементов","type":"atomic:image","key":"3k2b7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"На этом всё создание GUI завершено. ","type":"unstyled","key":"p6d0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":29,"offset":0,"style":"BOLD"}],"text":"Создание функциональной части","type":"header-two","key":"flpcd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Теперь переходим в окно Source для написания кодовой части (находится сверху под названием файла). ","type":"unstyled","key":"drqkd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Благодаря тому, что мы пишем код в IDE, созданный нами GUI автоматически собрался в необходимую кодовою структуру - унаследовались классы графического пакета, появились специальные методы и поля.\n(Единственная проблема этого в отношении IDE NetBeans (например, по сравнению с Android Studio) то, что эти участки кода неизменяемы (например, нельзя создать базовую структуру через графическую часть, а кодом уже её изменить)).","type":"unstyled","key":"dj38c"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"BOLD"}],"text":"Метод - это обособленный блок кода (код представляет собой набор инструкций) внутри класса. (Также существует термин \"функция\", который имеет схожее толкование. Разница лишь в том, что функция - это независимая часть кода, а метод - зависимая от класса).\n(Так как в Java вся кодовая часть реализована через классы, то в Java существуют только методы).","type":"unordered-list-item","key":"6bh33"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":5,"offset":0,"style":"BOLD"}],"text":"Поле - это переменная, принадлежащий классу. А переменная - это сущность (то есть, это нечто, чем можно управлять, а не инструкция, которая говорит о том как управлять), занимающая определенную область памяти компьютера.\n(Такое различие появилось из-за подхода к программированию в Java - ООП (объектно-ориентированное программирование)).","type":"unordered-list-item","key":"7ilkp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Сейчас код довольно прост:","type":"unstyled","key":"4v5g1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":49,"offset":0,"style":"BOLD"}],"text":"public class NewJFrame extends javax.swing.JFrame - создали класс с названием NewJFrame, который унаследует методы и переменные класса javax.swing.JFrame.","type":"ordered-list-item","key":"alddh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":18,"offset":0,"style":"BOLD"}],"text":"public NewJFrame() - конструктор класса; он автоматически вызывается и исполняется при создании экземпляра класса (представление класса как переменной).","type":"ordered-list-item","key":"9gcvl"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":30,"offset":0,"style":"BOLD"}],"text":"private void initComponents() - это метод, создающий наш GUI.","type":"ordered-list-item","key":"bjdj1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":5,"offset":15,"style":"BOLD"},{"length":3,"offset":69,"style":"BOLD"},{"length":10,"offset":407,"style":"BOLD"},{"length":11,"offset":562,"style":"BOLD"},{"length":14,"offset":621,"style":"BOLD"},{"length":5,"offset":1055,"style":"BOLD"},{"length":9,"offset":1111,"style":"BOLD"},{"length":10,"offset":1153,"style":"BOLD"}],"text":"Далее в методе main происходит настройка компонентов GUI в операторе try, создавая их в соответствии какой-то определенной концепции (Nimbus, в нашем случае) (Имеется в виду то, как буду выглядеть и работать те или иные элементы. Например, кнопки, потому что мы не создавали полностью их внешний вид, он был создан автоматически (анимация нажатия, форма)).\nПосле в методе main вызывается из другого класса (EventQueue), который регулирует действие пользователя (движение мышью, нажатие клавиш) и отрисовывает GUI ,обрабатывая их в отдельном потоке задач, метод (invokeLater), который загружает в этот поток задач объект (new Runnable()), который является анонимным классом (это экземпляр класса, где класс тут же создаётся, но не имеет имени - такое обычно нужно, чтобы дописать методы других классов (это как раз и используется в нашем случае) (но так как он тут же создаётся и не имеет имени, то после нельзя создать новый экземпляр этого класса)), который расширяет интерфейс Runnable (это что-то вроде класса), в котором дописывает существующий метод run(), создавая в нём экземпляр нашего основного класса NewJFrame, для которого мы вызываем метод setVisible (включаем видимость отображение GUI).","type":"ordered-list-item","key":"fgcko"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"И снизу объявляются необходимые поля (созданные ранее в вкладке Design Panel, Button и Label).","type":"ordered-list-item","key":"89eb6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":30,"offset":48,"style":"BOLD"}],"text":"Начнем писать код после сгенерированного метода \"private void initComponents()\" (его можно свернуть, чтоб не машал, нажав на значок \"-\").","type":"unstyled","key":"50lhk"},{"data":{"image":{"id":"679286220480f55bb34cb2c8"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Сворачивание кода методов","type":"atomic:image","key":"6nhhl"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Для начала нам нужно создать поле - матрицу (или же таблицу) 4 на 4 ().","type":"unstyled","key":"bnut7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Создание полей (и переменных) проходит через два этапа: ","type":"unstyled","key":"7ehfo"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":11,"offset":0,"style":"BOLD"}],"text":"Объявление (резервирование места под хранение данных).","type":"ordered-list-item","key":"bvl8n"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":14,"offset":0,"style":"BOLD"}],"text":"Инициализация (загрузка данных в зарезервированное место).","type":"ordered-list-item","key":"4hju7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":11,"offset":7,"style":"BOLD"}],"text":"Запись объявления поля (а также переменных и методов) может сопровождаться модификаторами, которые записываются поочередно:","type":"unstyled","key":"fei1h"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":20,"offset":0,"style":"BOLD"},{"length":7,"offset":22,"style":"BOLD"},{"length":8,"offset":72,"style":"BOLD"},{"length":10,"offset":113,"style":"BOLD"},{"length":16,"offset":161,"style":"BOLD"}],"text":"Модификаторы доступа (public (доступно для вызова за пределами класса), private (доступно только внутри класса), protected (доступно только в семействе класса), без модификатора (доступно в текущем пакете)).\n(Такой модификатор может быть только один).","type":"ordered-list-item","key":"o0js"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":22,"offset":0,"style":"BOLD"},{"length":7,"offset":34,"style":"BOLD"},{"length":6,"offset":98,"style":"BOLD"}],"text":"Остальные модификаторы (например, static (при измении значения изменяет значение во всех копиях), final (делает изменение значения невозможным)).\n(Таких модификаторов может быть несколько, при условии, что они не будут конфликтовать).","type":"ordered-list-item","key":"5pt1m"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"(Важно, что для переменных можно использовать не все модификаторы, а только final).","type":"unstyled","key":"842dc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":10,"offset":22,"style":"BOLD"},{"length":4,"offset":44,"style":"BOLD"},{"length":7,"offset":65,"style":"BOLD"},{"length":7,"offset":533,"style":"BOLD"},{"length":8,"offset":553,"style":"BOLD"}],"text":"Далее в записи пойдет тип данных (например, int - целочисленный, double - для десятичный дробей (но тут нужно учитывать погрешность вычисления процессором (в зависимости от задачи, например в 0.000001) (то есть, логическое выражение 0.1 + 0.2 == 0.3 будет равно false, так как на самом деле у этих значений может отличаться десятый знак после запятой) - она появляется из-за того, что процессор может работать только с числами в двоичной системе счисления, а не все десятичные дроби могут иметь конечный вид записи в двоичном коде), String - строковый, boolean - логический (булевый) (может принимать только значение true или false))","type":"unstyled","key":"29aog"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":12,"offset":7,"style":"BOLD"}],"text":"И после - название (обычно методы и переменные называют с маленькой буквы, а классы с большой).","type":"unstyled","key":"e1p41"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":26,"offset":64,"style":"BOLD"},{"length":25,"offset":168,"style":"BOLD"}],"text":"В случае с полями (и переменными) - дальше может пойти как знак разделитель инструкций \";\" (показывает транслятору/интерпретатору, что после идёт новая инструкция) или оператор присваивания \"=\".","type":"unstyled","key":"8g06"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Если мы поставим знак разделителя инструкций \";\", то после необходимо будет снова обратиться к данному полю (или переменной), чтобы присвоить ему какое-либо значение.","type":"ordered-list-item","key":"4sd69"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":13,"offset":259,"style":"BOLD"}],"text":"Если мы поставим оператор присваивания, то после него необходимо написать что именно мы присваиваем (тут может быть как очевидное (какое-то значение: число, строка, массив), так и неочевидное присваивание (метод, возвращающий какое-то значение)) - это и есть инициализация.","type":"ordered-list-item","key":"5unof"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":39,"style":"BOLD"}],"text":"В случае с методами - после названия в скобках указываются параметры (входные значения; может быть одно, несколько или не быть вовсе) и далее в фигурных скобках пишут код метода.\nВ зависимости от необходимости бывают разные способы объявления методов (у методов нет инициализации, потому что они не могут хранить конкретное значение, как поле или переменная):","type":"unstyled","key":"db1c6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":5,"offset":31,"style":"BOLD"}],"text":"Если указано специальное слово void (пишется вместо типа данных), то метод не возвращает значение.","type":"ordered-list-item","key":"29raq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":97,"style":"BOLD"}],"text":"Если указан тип данных, то в логическом конце (их может быть несколько) кода должно стоять слово return и имя переменной, того же типа данных, что указали при объявлении метода, которую будет возвращать метод.","type":"ordered-list-item","key":"5iv3j"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Обращение к созданным методам и полям (или переменным) происходит посредством написания их имени:","type":"unstyled","key":"akkf8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":26,"style":"BOLD"},{"length":7,"offset":54,"style":"BOLD"}],"text":"Например, есть переменная int i; то обращение к ней - i = 10;","type":"unordered-list-item","key":"f9is5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":12,"offset":21,"style":"BOLD"},{"length":4,"offset":55,"style":"BOLD"}],"text":"Например, есть метод void i() {} то обращение к нему - i();","type":"unordered-list-item","key":"dieu9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Но тут нужно учитывать:","type":"unstyled","key":"190f"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":17,"offset":25,"style":"BOLD"},{"length":11,"offset":49,"style":"BOLD"},{"length":10,"offset":141,"style":"BOLD"}],"text":"Для полей и переменных - область видимости: есть глобальная (это поля - переменные класса - к ним можно обращаться из любого места класса) и локальная (это переменные - если переменная объявлена в методе или условном операторе (в параметре или в коде), то к ней нельзя обратиться вне метода или условного оператора).","type":"ordered-list-item","key":"329ju"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":12,"offset":34,"style":"BOLD"},{"length":6,"offset":79,"style":"BOLD"},{"length":61,"offset":108,"style":"BOLD"},{"length":69,"offset":204,"style":"BOLD"},{"length":10,"offset":363,"style":"BOLD"},{"length":72,"offset":395,"style":"BOLD"},{"length":33,"offset":598,"style":"BOLD"}],"text":"Для полей, переменных и методов - модификаторы: например, если поле или метод static, то их можно вызывать из любого места внутри класса без создания экземпляра класса (то есть, так, как указано выше) и вне класса, указав в начале название родительского класса через точку (например, NewJFrame.i - то есть, так же без создания экземпляра), а если поле или метод non static, то их можно вызвать из любого non static места внутри класса без создания экземпляра класса (в противном случае нужно создать экземпляр класса, например NewJFrame instanseNewJFrame = new NewJFrame(); instanseNewJFrame.i) и вне класса только через экземпляр.","type":"ordered-list-item","key":"8eqoa"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Теперь для написания кода нужно продумать способ взаимодействия полей и методов внутри и за пределами класса:","type":"unstyled","key":"b2a8i"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":13,"style":"BOLD"},{"length":4,"offset":96,"style":"BOLD"},{"length":10,"offset":109,"style":"BOLD"}],"text":"Использовать static поля и методы для изменения окна - для управления ими внутри и за пределами без создания экземпляра.","type":"ordered-list-item","key":"2lgns"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":10,"offset":13,"style":"BOLD"},{"length":26,"offset":122,"style":"BOLD"}],"text":"Использовать non static поля и методы для изменения окна - для управления ими внутри static методов и за пределами класса создавать экземпляр класса и передавать на него ссылку.","type":"ordered-list-item","key":"2g798"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Оба этих способа позволят нам добиться одного и того же результата, но тут стоит понять полезность каждого из них:","type":"unstyled","key":"75k9n"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"В обоих случаях нам необходимо будет создавать экземпляр класса главного окна внутри метода run (для загрузки данных в поток).","type":"unordered-list-item","key":"4b2de"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"С одной стороны, мы можем создать поля и методы non static и далее обращаться к ним посредством имени уже созданного экземпляра.","type":"unordered-list-item","key":"73nua"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"С другой стороны, нам необходимо будет внутри одного из методов создать и перейти в новое окно (в конце игры), из которого нужно будет управлять основным окном (обращаться к его методам и полям). В этом случае удобно использовать static поля и методы, чтоб не объявлять экземпляр класса и инициализировать его через переданную на него ссылку.","type":"unordered-list-item","key":"fjo3s"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Использование static полей и методов можно также утвердить тем, что под каждое определённое окно используется свой определённый класс. Поэтому будет логично и удобно, если методы и поля будут принадлежать именно классу, а не экземпляру (то есть, можно создать много экземпляров, но при изменении поля в одном из них - оно изменится во всех, поэтому принято говорить, что в таком случае поле принадлежит классу, а не экземпляру).","type":"unordered-list-item","key":"bpu6q"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Также, если после создания игры мы запустим сразу несколько наших приложений, то, несмотря на на модификатор static, приложения будут независимы друг от друга, поскольку будут выполнятся на разных JVM, у которых будет своя копия static значений в отдельном месте памяти компьютера.","type":"unordered-list-item","key":"euo4l"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Всё уходит в пользу использования static модификатора, но я воспользуюсь non static, потому что этот подход позволит затронуть некоторые общепринятые особенности написания кода, благодаря чему можно будет получить более обширный опыт, применимый и к другим проектам.","type":"unstyled","key":"8oe7i"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Чтобы создать матрицу 4 на 4 напишем такой код:","type":"unstyled","key":"b9u3a"},{"data":{"image":{"id":"67928680907de12e695fe01a"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Матрица array","type":"atomic:image","key":"bkbt4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":0,"style":"BOLD"},{"length":4,"offset":123,"style":"BOLD"},{"length":4,"offset":156,"style":"BOLD"},{"length":6,"offset":193,"style":"BOLD"},{"length":2,"offset":221,"style":"BOLD"},{"length":15,"offset":247,"style":"BOLD"}],"text":"private (модификатор доступа (будем закрывать доступ для переменных и методов, если они не используются другими классами)) int (тип данных - целочисленный) [][] (объявление двумерного массива) array (название переменной) = (оператор присваивания) new int [4][4] (создание нового двумерного массива размерностью 4 на 4);\nВ новосозданной матрице все позиции будут заняты нулями.\nДля массивов позволительно указывать квадратные скобки как после типа данных, так и поле названия переменной.","type":"unstyled","key":"a4nrb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Далее нужен метод, который создаст случайное число с определенной вероятностью (для оригинальной игры 2048 используется правило: вероятность 1/10, что будет 4, 9/10, что будет 2).","type":"unstyled","key":"6ib3h"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Для написания метода будем использовать цикл и условный оператор (не перепутайте с условием внутри цикла). Основной код в них пишется как и у методов - в фигурных скобках","type":"unstyled","key":"8vf3p"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Циклы бывают (обратите внимание на скобки и знак разделителя инструкций):","type":"unstyled","key":"4n4cm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":21,"offset":17,"style":"BOLD"}],"text":"С предусловием - while (условие) {код}","type":"unordered-list-item","key":"7llj7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":25,"offset":17,"style":"BOLD"}],"text":"С постусловием - do {код} while (условие);","type":"unordered-list-item","key":"aobt3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":19,"offset":15,"style":"BOLD"}],"text":"С параметром - for (условие) {код}","type":"unordered-list-item","key":"4epts"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Условные операторы могут писаться так:","type":"unstyled","key":"a58or"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":18,"offset":30,"style":"BOLD"}],"text":"Без противоположного исхода - if (условие) {код}","type":"unordered-list-item","key":"n8gr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":29,"offset":28,"style":"BOLD"}],"text":"С противоположным исходом - if (условие) {код} else {код}","type":"unordered-list-item","key":"71r8m"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":24,"offset":105,"style":"BOLD"}],"text":"С множеством условий - (как вариация предыдущих пунктов) после if, но перед else можно добавить несколько else if (условие) {код}","type":"unordered-list-item","key":"7d4qr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":44,"offset":62,"style":"BOLD"},{"length":10,"offset":148,"style":"BOLD"},{"length":9,"offset":200,"style":"BOLD"},{"length":10,"offset":210,"style":"BOLD"},{"length":14,"offset":228,"style":"BOLD"}],"text":"С множеством значений - (иногда более удобный аналог else if) switch (выражение) {case значение -> {код}}\nТут используется не условие, а выражение. Выражение - это общее название. Оно может быть либо условным (логическим), либо арифметическим. Условное равно может быть равно только true или false, а арифметическое - например, 5 или \"Привет\" (сложение чисел или объединение строк (для строк этот процесс называется конкатенация))","type":"unordered-list-item","key":"79mqv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":0,"style":"BOLD"},{"length":20,"offset":61,"style":"BOLD"},{"length":2,"offset":83,"style":"BOLD"},{"length":2,"offset":95,"style":"BOLD"},{"length":1,"offset":110,"style":"BOLD"},{"length":1,"offset":122,"style":"BOLD"},{"length":2,"offset":135,"style":"BOLD"},{"length":2,"offset":158,"style":"BOLD"},{"length":16,"offset":200,"style":"BOLD"},{"length":2,"offset":234,"style":"BOLD"},{"length":2,"offset":251,"style":"BOLD"},{"length":26,"offset":277,"style":"BOLD"}],"text":"Условия записываются в виде специальных выражений, используя логические операторы: == (равно), != (не равно), > (больше), < (меньше) , >= (больше или равно), <= (меньше или равно). \nА для составления сложных условий используют также: && (условное И), || (условное ИЛИ). \nСреди арифметических операторов выделяют: ++ (увеличение числа на 1), -- (уменьшение числа на единицу), += (сложение переменной и присваемого значения), -= (вычитание из переменной присваемого значения).\n(Также есть несколько других операторов, но они уже не полезны в рамках нашего проекта).","type":"unstyled","key":"cosru"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Код метода будет выглядеть так:","type":"unstyled","key":"eiiu1"},{"data":{"image":{"id":"6792874dae508204f3b3d324"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Метод создания случайного числа random()","type":"atomic:image","key":"10c5u"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"В нашем случае создаётся либо 3, либо 6.\nЛогика кода:","type":"unstyled","key":"ck5mc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":12,"offset":25,"style":"BOLD"},{"length":5,"offset":123,"style":"BOLD"}],"text":"Создаем бесконечный цикл while (true).\n(Выйти из условия true можно только принудительным обрывом цикла специальным словом break)","type":"ordered-list-item","key":"42tdi"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":5,"offset":37,"style":"BOLD"},{"length":6,"offset":44,"style":"BOLD"},{"length":10,"offset":145,"style":"BOLD"},{"length":7,"offset":162,"style":"BOLD"}],"text":"Создаём две целочисленные переменные randX, randY со значениями 0 <= x < 4 (это будет случайная позиция в матрице).\n(Создаются с помощью метода nextInt() класса Random - базовый класс, его не нужно создавать - после написание инструкции с его указанием потребуют импортировать это класс в текущий файл - в первой строчке кода текущего файла появится строка \"import java.util.Random;\")","type":"ordered-list-item","key":"736rq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":3,"offset":30,"style":"BOLD"},{"length":19,"offset":82,"style":"BOLD"}],"text":"Проверяем условным оператором if является ли число на случайной позиции в матрице array[randX][randY] нулем (чтобы заполнить именно пустую клетку, а не ту, где уже есть число).\n()","type":"ordered-list-item","key":"29t49"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":4,"offset":5,"style":"BOLD"},{"length":8,"offset":47,"style":"BOLD"},{"length":10,"offset":72,"style":"BOLD"}],"text":"Если ноль, то создаём целочисленную переменную randInt с помощью метода nextInt() со значением 0 <= x < 10, если создался 0 (вероятность 1/10), то заполняем это случайное место матрицы числом 6, иначе 3, и завершаем бесконечный цикл.","type":"ordered-list-item","key":"2kteq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Если не ноль, то заново с пункта 2.","type":"ordered-list-item","key":"ctkn1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Теперь нужно чтобы числа с матрицы переписались в таблицу GUI. \nДля игры необходимо также чтобы ячейки таблицы GUI раскрашивались в определенный цвет, который зависит от помещенного числа. \nА ещё чтобы при достижении ячейкой числа 3072 (аналог 2048) окончилась игра и появилось уведомляющее об этом окно.","type":"unstyled","key":"e03m3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Для этого создадим три метода:","type":"unstyled","key":"1j8i5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":36,"offset":126,"style":"BOLD"}],"text":"Метод, который пройдет по всей матрице, проверяя, что за число в ячейках, и, в зависимости от этого, выберет цвет ячейки (она находит две переменные: число и цвет).","type":"ordered-list-item","key":"a8b6d"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":20,"offset":15,"style":"BOLD"}],"text":"Метод, который добавит число и цвет в ячейку.\nТакже учтём то, что при достижении одной ячейкой числа 3072 (аналог 2048) должна окончится игра и появится уведомляющее окно.","type":"ordered-list-item","key":"4ee8i"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":25,"offset":15,"style":"BOLD"}],"text":"Метод, который создаст уведомляющее окно. (Метод \"остановки игры\" не нужен, так как такой уже существует в наследуемом классе).","type":"ordered-list-item","key":"31ej7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Так как эти действия происходят последовательно (сначала нашли две переменные в 1 методе, потом отправили их для обработки в 2 метод, где также проверили их и при необходимости вызвали 3 метод) начнём программировать с последнего метода.","type":"unstyled","key":"40seh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Чтобы сделать окно, которое бы открылось в конце игры, необходимо создать экземпляр его класса. Чтобы изменить в этом окне текст jLabel1, мы создадим метод в этом классе и вызовем его через экземпляр. Но чтобы добавить методы, выполняющиеся при нажатии кнопки (\"начать новую игру\" и \"выход\"), нужно обратиться к классу, из которого мы и создали экземпляр текущего окна (то есть, в NewJFrame мы создали экземпляр NewJFrame2, а после нужно из NewJFrame2 обратиться к NewJFrame, причем тому, из которого создали экземпляр NewJFrame2, а не новосозданному экземпляру NewJFrame, который бы добавили в NewJFrame2).\nТак как мы не используем static модификатор, то в классе нового окна нам нужно объявить экземпляр старого окна, а после создания нового окна предать этому экземпляру ссылку на старое окно для инициализации.\nДля этого есть два пути:","type":"unstyled","key":"41pa4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":12,"offset":13,"style":"BOLD"}],"text":"Использовать конструктор класса для NewJFrame2 - при создании экземпляра класса NewJFrame2 мы передадим ему в качестве параметра ссылку на текущий экземпляр класса NewJFrame, это вызовет метод (его и называют конструктором), который выполнит указанные инструкции - в нашем случае, он инициализирует экземпляр класса NewJFrame.","type":"ordered-list-item","key":"2g83u"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":17,"offset":12,"style":"BOLD"}],"text":"Использовать отдельный метод класса NewJFrame2 для инициализации экземпляра NewJFrame.","type":"ordered-list-item","key":"3bv9f"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Воспользуемся первым способом, так как этот подход более удобный (позволяет при создании экземпляра сразу его настроить в одну строку кода).","type":"unstyled","key":"8e65q"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Для этого откроем файл NewJFrame2.java, перейдем в вкладку Code.\nТут нам надо исправить несколько ошибок, связанных с генерацией кода при создании файла:","type":"unstyled","key":"f9npb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"В этом файле имеется свой метод main, который запускает слежку за действиями пользователя (invokeLater). В пакете может быть только один метод main, да и слежка уже была запущена ранее, поэтому нам надо полностью удалить метод main.","type":"unstyled","key":"6jb58"},{"data":{"image":{"id":"6792a72dacf1795aae272645"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Удаляем метод main() из NewJFrame2","type":"atomic:image","key":"4ctg1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"После мы уже можем создавать поле NewJFrame и дописывать конструктор класса NewJFrame2 (добавим условие и код).","type":"unstyled","key":"aik75"},{"data":{"image":{"id":"6792a98767ebbf6b1fd603e0"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Дописали конструктор класса NewJFrame2 ","type":"atomic:image","key":"dh6do"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Специальное слово this говорит о том, что я ссылаюсь на переменную, объявленную вне метода (конструктора класса) - поле. Таким образом можно использовать переменные с одинаковыми именами внутри метода.\nМожно это сравнить с именем экземпляра класса.","type":"unstyled","key":"14rrb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Потом нужно написать метод под названием setter - это метод, который позволяет изменять значение private полей класса из другого класса. Это нужно для того, чтобы изменять значение jLabel1 в случае проигрыша или выигрыша.\nУпростим написание с помощью генератора кода. Для этого нажмите правой кнопкой мыши по строке, где хотите вставить код (я вставлю под конструктор класса), выберете \"Insert Code...\" - \"Setter...\". Далее отметьте те поля, для которых вы хотите создать данный метод (для каждого создастся отдельно) и нажмите \"Generate\".\nПосле будет необходимо изменить параметр и код сгенерированного метода setter на получение текста и его установку для jLabel1.","type":"unstyled","key":"61i8l"},{"data":{"image":{"id":"6792b6ca0af71426c1a4bf84"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Создание setter для jLabel1","type":"atomic:image","key":"6auj0"},{"data":{"image":{"id":"6792d152fa87ea6b3df811da"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" Доработка setter для jLabel1","type":"atomic:image","key":"5euih"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Далее перейдем в файл NewJFrame.java в вкладку Code.\nНапишем метод, который бы создавал экземпляр класса NewJFrame2, вызывал метод для изменения jLabel1, показывал на экране окно NewJFrame2 и останавливал процесс текущей игры окна NewJFrame.","type":"unstyled","key":"fmriu"},{"data":{"image":{"id":"6796b09e27d7ed7698a2fe6c"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Метод window() для создания окна класса NewJFrame2","type":"atomic:image","key":"3amtj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Логика кода:","type":"unstyled","key":"fs1f"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":29,"style":"BOLD"}],"text":"Получаем на вход целое число choose для выбора значения в условном операторе (switch).","type":"ordered-list-item","key":"c8acr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":10,"offset":45,"style":"BOLD"},{"length":5,"offset":104,"style":"BOLD"},{"length":9,"offset":153,"style":"BOLD"}],"text":"Объявили и инициализировали экземпляр класса NewJFrame2, передав в качестве параметра специальное слово this - таким образом передаётся экземпляр класса NewJFrame.","type":"ordered-list-item","key":"4tmlk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":40,"style":"BOLD"},{"length":8,"offset":79,"style":"BOLD"},{"length":6,"offset":93,"style":"BOLD"},{"length":11,"offset":118,"style":"BOLD"},{"length":9,"offset":217,"style":"BOLD"}],"text":"Проверяем значение в условном операторе switch. В обоих случаях передаём текст jLabel1 через setter, располагаем окно newJFrame2 по центру (setLocationRelativeTo(null)), делаем видимым (setVisible()) и отключаем окно newJFrame","type":"ordered-list-item","key":"88iip"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"После создадим метод добавления числа в ячейку:","type":"unstyled","key":"2uekl"},{"data":{"image":{"id":"6796ac3a0424a916f082fcf0"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Первая часть метода colorTile()","type":"atomic:image","key":"akuai"},{"data":{"image":{"id":"6796ac4a77610030bad09956"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Вторая часть метода colorTile()","type":"atomic:image","key":"alnej"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Логика кода:","type":"unstyled","key":"94ko"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":1,"offset":41,"style":"BOLD"},{"length":3,"offset":56,"style":"BOLD"},{"length":1,"offset":95,"style":"BOLD"},{"length":1,"offset":119,"style":"BOLD"},{"length":1,"offset":143,"style":"BOLD"},{"length":3,"offset":217,"style":"BOLD"}],"text":"Получаем на вход позицию ячейки таблицы (i - это строка, j - это столбец), цвет в системе RGB (r - число для красного, g - число для зеленого, b - число для синего цвета) - все целочисленные, и само число для ячейки (num) - строковый тип.","type":"ordered-list-item","key":"d4jb7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":3,"offset":37,"style":"BOLD"},{"length":2,"offset":42,"style":"BOLD"}],"text":"Далее создаются строковые переменные ii и jj, которые хранят значение позиции ячейки на единицу больше (так как счет в матрице идет от 0 до 3) в формате строки (так как изначально они подаются в формате целого числа). (Это нужно для визуального удобства, поскольку таким образом (в формате {i,j}) обозначаются элементы матрицы в высшей математике).","type":"ordered-list-item","key":"8i5rl"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":27,"style":"BOLD"}],"text":"После в условном операторе switch они конкатенируют (объединяются) и переводятся из строки в целое число.","type":"ordered-list-item","key":"cdoc6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":232,"style":"BOLD"},{"length":3,"offset":279,"style":"BOLD"},{"length":13,"offset":312,"style":"BOLD"},{"length":6,"offset":380,"style":"BOLD"}],"text":"В конце, в зависимости от числа, определённая ячейка таблицы GUI (их названия создались автоматически, когда мы их добавляли во вкладке Design - можете перейти туда и сверить расположение с названием) сначала получает текст методом setText, передавая в качестве параметра строку num, а потом меняет цвет методом setBackground, отправляя в параметр новосозданную переменную класса Color (базовый класс, необходимо импортировать в файл).","type":"ordered-list-item","key":"5ebnl"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Потом создадим метод, который сделает проход по всем элементам матрицы, и, в зависимости от значения, выберет определенные числовые сочетания цветовой палитры RGB в формате трёх элементов.","type":"unstyled","key":"2gp37"},{"data":{"image":{"id":"6796acd486b7710699b92033"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Метод color()","type":"atomic:image","key":"c5tiq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Логика кода:","type":"unstyled","key":"afvda"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":4,"offset":48,"style":"BOLD"}],"text":"Делаем перебор по всем элементам таблицы циклом for (создаём переменную i, проверяем i < 4<, если да, то выполняем код ниже и увеличиваем значение i на 1 (то же для j)) (идет перебор значений {i,j}: {0,0}, {0,1}, {0,2}, {0,3}, {1,0} ..., {3,3}).","type":"ordered-list-item","key":"e0bh6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":215,"style":"BOLD"},{"length":10,"offset":367,"style":"BOLD"}],"text":"В зависимости от значения ячейки таблицы (от 3 до 3072 - геометрическая прогрессия с шагом *2, где первое число равно 3 (0 - это значение пустой ячейки, оно не входит в прогрессию)) делаем выбор условным оператором switch и передаем значения (среди которых самостоятельно подобрали числовые сочетания цветовой палитры RGB в формате трёх элементов) предыдущему методу colorTitle.","type":"ordered-list-item","key":"7gj1p"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":62,"style":"BOLD"}],"text":"Если число равно 3072, то также вызываем предпредыдущий метод window.","type":"ordered-list-item","key":"1tqm7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Далее нужно написать методы перемещения и сложения значений в таблице в зависимости от нажатой кнопки (вверх, вниз, вправо, влево).\nДля этого потребуется:","type":"unstyled","key":"26l2j"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":22,"offset":6,"style":"BOLD"}],"text":"Метод перемещения и сложения.","type":"ordered-list-item","key":"qoks"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":32,"offset":6,"style":"BOLD"}],"text":"Метод проверки возможности перемещения (потому что не всегда нажатие на определённую кнопку может вызвать перемещение).","type":"ordered-list-item","key":"bi2nh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":18,"offset":6,"style":"BOLD"}],"text":"Метод копирования матриц (для метода создания отработочной матрицы, которую можно будет как сравнить с изначальной в методе перемещения и сложения (для проверки изменения), так и отправить в метод проверки возможности перемещения).","type":"ordered-list-item","key":"7ib9c"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":16,"offset":6,"style":"BOLD"}],"text":"Метод сравнения матриц (для проверки изменённости матриц).","type":"ordered-list-item","key":"868oe"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Так как эти действия происходят (почти) последовательно (сначала переместили и сложили значения и проверили изменилась ли после этого матрица (методом 3 и 4) в 1 методе; если матрица не изменилась, то потом проверили возможность перемещения в 2 методе (используя для сравнения методы 3 и 4)) начнём программировать с последнего метода.","type":"unstyled","key":"biuqu"},{"data":{"image":{"id":"67934450c0330e0fc4ad5b09"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Метод arrayEq()","type":"atomic:image","key":"alelv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Мы создали метод с возвращением значения, потому что нам необходимо было получить результат от выполнения метода (если делать метод без возвращения, то пришлось бы создавать static поле, над которым бы производились изменения в коде метода, что не имеет особого смысла, так как этот метод будет использоваться на локальных переменных).","type":"unstyled","key":"ct9h2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Логика кода:","type":"unstyled","key":"aj3n6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":43,"style":"BOLD"},{"length":6,"offset":52,"style":"BOLD"}],"text":"Получаем на вход две целочисленные матрицы array1 и array2.","type":"ordered-list-item","key":"9o15s"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":33,"style":"BOLD"}],"text":"Создаём целочисленную переменную count для счёта количества одинаковых элементов в двух матрицах.","type":"ordered-list-item","key":"15ebc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":3,"offset":48,"style":"BOLD"}],"text":"Делаем перебор по всем элементам матрицы циклом for.","type":"ordered-list-item","key":"b2fg4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":14,"offset":33,"style":"BOLD"},{"length":12,"offset":49,"style":"BOLD"},{"length":2,"offset":80,"style":"BOLD"},{"length":6,"offset":121,"style":"BOLD"}],"text":"Делаем проверку элементов матрицы array1[i][j] и array2[i][j] условным оператор if. Если совпали то увеличиваем значение count на один.","type":"ordered-list-item","key":"b62a8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":5,"offset":37,"style":"BOLD"}],"text":"В конце перебора возвращаем значение count.","type":"ordered-list-item","key":"f5rlm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Далее Напишем метод копирования матриц (это необходимо, так как такие сложные объекты, как другие классы и матрицы передаются ссылкой, а простые, такие как int, boolean - передаются значением):","type":"unstyled","key":"jec5"},{"data":{"image":{"id":"679677579fa66917e1261ce0"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Метод arrayCopy()","type":"atomic:image","key":"60l7l"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Логика кода:","type":"unstyled","key":"12dch"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":44,"style":"BOLD"}],"text":"Получаем на вход одну целочисленную матрицу array2.","type":"ordered-list-item","key":"ajgtm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":30,"style":"BOLD"}],"text":"Создаём целочисленную матрицу array1 для заполнения.","type":"ordered-list-item","key":"f0m0b"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":4,"offset":48,"style":"BOLD"}],"text":"Делаем перебор по всем элементам таблицы циклом for.","type":"ordered-list-item","key":"88qbt"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":13,"offset":23,"style":"BOLD"},{"length":12,"offset":45,"style":"BOLD"}],"text":"Присваиваем переменной array1[i][j] значение array2[i][j] ","type":"ordered-list-item","key":"bmf1d"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":37,"style":"BOLD"}],"text":"В конце перебора возвращаем значение array1.","type":"ordered-list-item","key":"17hn0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Далее напишем метод проверки возможности перемещения.","type":"unstyled","key":"6acqe"},{"data":{"image":{"id":"67969ab9657da10bb63d4b71"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Первая часть метода haveTry()","type":"atomic:image","key":"e0sq6"},{"data":{"image":{"id":"67969ade657da10bb63d7979"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Вторая часть метода haveTry()","type":"atomic:image","key":"270ii"},{"data":{"image":{"id":"67969af0039e483ff388c2be"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Третья часть метода haveTry()","type":"atomic:image","key":"ekemi"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Логику кода я прописал в комментариях над кодом. Главное это понять работу первого шага, поскольку остальные являются его полной аналогией:","type":"unstyled","key":"cla4q"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Происходит проверка шага по линии от самого последнего элемента (если влево/вправо, то идет просчёт по j, если вверх/вниз, то по i).","type":"ordered-list-item","key":"3bfu0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Смотрят на текущий элемент, если он не первый (потому что перед ним ничего нет), то проверяют предыдущий: если он ноль, то двигают текущий на его место, а текущее место обнуляют, если равный, то суммируют, а текущий обнуляют, в ином случае смотрят на следующий элемент.","type":"ordered-list-item","key":"fhvm8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Если уже произвели сложение элемента, то запомнили позицию этого элемента, чтоб больше с ним ничего не складывать.","type":"ordered-list-item","key":"d0nkj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Потом создадим метод для перемещения и сложения - он аналогичен прошлому методу.","type":"unstyled","key":"20bdm"},{"data":{"image":{"id":"6796a0a811b3ef232e402ab3"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Первая часть метода moving()","type":"atomic:image","key":"auk01"},{"data":{"image":{"id":"6796a0c60424a916f07701f1"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Вторая часть метода moving()","type":"atomic:image","key":"fvn9j"},{"data":{"image":{"id":"6796a0d5f8b7d10f01808910"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Третья часть метода moving()","type":"atomic:image","key":"829gd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Логика кода схожа с предыдущим методом. Новые шаги подписаны комментариями над кодом.\nГлавное, что тут произошло:","type":"unstyled","key":"bhi95"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":10,"offset":33,"style":"BOLD"}],"text":"Создали целочисленное поле очков countPoint, которое увеличивается при складывании двух клеток в одну.","type":"ordered-list-item","key":"53jq7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":9,"style":"BOLD"}],"text":"В методе moving() на вход получаем число, которое указывает направление перемещения (на них потом привяжем кнопки).","type":"ordered-list-item","key":"6s0aa"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":97,"style":"BOLD"},{"length":7,"offset":140,"style":"BOLD"},{"length":7,"offset":206,"style":"BOLD"},{"length":9,"offset":257,"style":"BOLD"}],"text":"В конце проверяем перемещение матрицы - если произошло, то создаём новое число на пустой клетке (random()), изменяем поле количества очков (setText), заполняем матрицу новыми числами и раскрашиваем ячейки (color()). Иначе проверяем возможность хода методом haveTry().","type":"ordered-list-item","key":"65ban"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":15,"offset":65,"style":"BOLD"},{"length":12,"offset":123,"style":"BOLD"},{"length":57,"offset":169,"style":"BOLD"},{"length":19,"offset":251,"style":"BOLD"},{"length":27,"offset":294,"style":"BOLD"}],"text":"Теперь необходимо сделать метод, который бы начинал новую игру - отчищал матрицу (создал новую, обратившись к полю array), обнулял очки (присвоил ноль полю countPoint), создавал новое случайное число на пустой ячейке в матрице (вызов метода random()), раскрашивал ячейки (вызов метода color()) и выводил новое число очков (выполнение setText для jLabel2 с параметром countPoint).","type":"unstyled","key":"7jtif"},{"data":{"image":{"id":"6796a329d3fbd90ec12bde59"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Метод nulling()","type":"atomic:image","key":"5nf5u"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Логика метода описана выше.","type":"unstyled","key":"1rjkj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Осталось всего два простых шага:","type":"unstyled","key":"8ph1r"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Создать методы для реакции на нажатие кнопок.","type":"ordered-list-item","key":"ft06o"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Настроить метод main().","type":"ordered-list-item","key":"6t11l"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Для того чтобы создать методы для кнопок нужно:","type":"unstyled","key":"d69or"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":19,"style":"BOLD"}],"text":"Перейти во вкладку Design.","type":"ordered-list-item","key":"96upr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":60,"style":"BOLD"},{"length":7,"offset":69,"style":"BOLD"},{"length":15,"offset":78,"style":"BOLD"}],"text":"Выбрать кнопку, нажать на неё правой кнопкой мыши и выбрать Events - Action - actionPerformed.","type":"ordered-list-item","key":"802gn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":31,"offset":71,"style":"BOLD"},{"length":36,"offset":157,"style":"BOLD"}],"text":"После этого откроется вкладка Code, где появится сгенерированный метод названиеКнопкиActionPerformed(). Внутри этого этого метода можно удалить комментарий \"// TODO add your handling code here:\" и на его строчке писать свой код.","type":"ordered-list-item","key":"23kpf"},{"data":{"image":{"id":"6796a651a144cc07bf7fb036"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Создание метода для кнопки","type":"atomic:image","key":"700hh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Таким образом необходимо создать методы для всех кнопках для обоих окон (6 кнопок на главном окне и 2 кнопки на втором окне).","type":"unstyled","key":"1jh9u"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Для класса NewJFrame необходимо настроить методы кнопок следующим образом:","type":"unstyled","key":"ri63"},{"data":{"image":{"id":"6796a9134fd4cc3f7d7b335e"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Методы кнопок класса NewJFrame ","type":"atomic:image","key":"aq9v1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Логика кода написана в комментариях над кодом.","type":"unstyled","key":"enjmf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Для класса NewJFrame2 необходимо настроить методы кнопок следующим образом:","type":"unstyled","key":"bogl6"},{"data":{"image":{"id":"6796aaac072fd32ca78c5412"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Методы кнопок класса NewJFrame2","type":"atomic:image","key":"bi2in"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Логика кода также написана в комментариях над кодом.","type":"unstyled","key":"58ik"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":12,"offset":108,"style":"BOLD"},{"length":25,"offset":177,"style":"BOLD"},{"length":58,"offset":213,"style":"BOLD"},{"length":32,"offset":282,"style":"BOLD"}],"text":"Теперь можно изменить метод main().\n(Переходим в класс NewJFrame во вкладку Code).\nНеобходимо вызвать метод setVisible() после вызова всех настраивающих окно методов, а именно: создание случайного числа (random()), заполнение матрицы значениями и изменение цвета её ячеек (color()), установка окна по центру экрана (setLocationRelativeTo()).","type":"unstyled","key":"6gdbj"},{"data":{"image":{"id":"6796b2612033f6587fe13ba7"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Изменение метода анонимного класса в теле метода main()","type":"atomic:image","key":"5auo8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"На этом всё программирование закончено, можно запустить проект и проверить работку приложения:","type":"unstyled","key":"89l1h"},{"data":{"image":{"id":"6796afa00424a916f0861ba6"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Главное окно","type":"atomic:image","key":"4a3ok"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"При отсутствии ходов (необходимо нажать на кнопку перемещения, даже после того, как по свершению заключительного перемещения внешне ходы стали невозможны, поскольку метод проверки ходов вызывается лишь после нажатия на одну из кнопок перемещения):","type":"unstyled","key":"4o2u7"},{"data":{"image":{"id":"6796af6bb8d7b42c953cac92"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Окно конца игры","type":"atomic:image","key":"222kv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":55,"offset":0,"style":"BOLD"}],"text":"Архивирование проекта в исполняемые файлы (.jar и .exe)","type":"header-two","key":"50m1u"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Так как мы уже запускали проект, а то он уже является собранным в .jar файле - файл, содержащий код и вложенные файлы (например, картинки), готовый к запуску в JVM.","type":"unstyled","key":"11ph8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":112,"style":"BOLD"},{"length":15,"offset":213,"style":"BOLD"}],"text":"Но предлагаю его пересобрать ради избежание каких-либо низкоуровневых ошибок. \nДля это следует зайти во вкладку Projects, нажать правой кнопкой мыши на название нашего проекта и выбрать из появившегося меню пункт Clean and Build.","type":"unstyled","key":"cj714"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":14,"offset":215,"style":"BOLD"}],"text":"После этого можем найти наш файл с расширением .jar в директории (папке) проекта.\nДля того чтобы быстро туда перейти можно нажать правой кнопкой мыши на название нашего проекта и выбрать из появившегося меню пункт \"Open in System\". Далее перейти в папку dist. В ней и будет находится наш файл с расширением .jar.","type":"unstyled","key":"82cc1"},{"data":{"image":{"id":"6796c422f8b7d10f019eed82"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Файл проекта с расширением .jar","type":"atomic:image","key":"9gfrk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Для того чтобы обернуть его в .exe файл можно воспользоваться разными инструментами.\nСамый простой вариант - использовать веб сервис, но в нём обычно мало каких параметров можно указать при создании, которые могут быть необходимы для работы за большими проектами.\nСреди десктоп приложений можно выделить Launch4j.","type":"unstyled","key":"ej0fm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Воспользуемся Launch4j, потому что в ней можно указать библиотеки, которые будут классы, которые будут импортироваться (В нашем случае это класс AbsoluteLayout - это класс от NetBeans, а не от Swing, поэтому его приходится импортировать).","type":"unstyled","key":"9222h"},{"data":{},"depth":0,"entityRanges":[{"key":2,"length":33,"offset":29}],"inlineStyleRanges":[],"text":"Я скачивал программу отсюда: https://launch4j.sourceforge.net/","type":"unstyled","key":"20f8o"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Далее, необходимо перейти в папку, куда вы установили программу (потому что она автоматически не создаёт ярлык на рабочий стол), запустить одно из приложений (представлены в разных расширениях: launch4j.exe и launch4j.jar), а после произвести настройку:","type":"unstyled","key":"4rkvm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Во вкладке Basic нужно указать путь, куда вы сохраните файл в формате .exe, причём место сохранения должно быть тоже, где сейчас находится файл проекта с расширением .jar, поскольку в этой же директории мы имеем добавочные классы, а зависимости в конфигурационном файле (манифесте) записываются относительным, а не абсолютным путём (по крайней мере, таким он ставится изначально, а другим я не пытался его записать (поскольку это бессмысленно с точки зрения портативности)).","type":"ordered-list-item","key":"alfq6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Также нужно указать путь самого .jar файла (папка проекта dist).","type":"ordered-list-item","key":"4p4od"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"По желанию - путь до иконки (любой, тут уже место не важно, потому что картинка копируется внутрь .exe файла) (я быстро создал в Paint картинку 256 на 256 пикселей в формате .png, а после через веб сервис конвертировал её в .ico).","type":"ordered-list-item","key":"eso8t"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Далее во вкладке Classpath можно оставить всё как есть, потому что мы указали путь до .jar файла проекта - в нём существует метод main (он запускается на JVM), а остальные классы, если они были импортированы через IDE, должны тоже подтянуться сами.","type":"ordered-list-item","key":"1jaie"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Во вкладке JRE нужно лишь указать в графе \"JRE paths\": %JAVA_HOME%, если ранее строка была пустой.","type":"ordered-list-item","key":"10q63"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"После нужно нажать сверху на \"шестерёнку\", сохранить конфигурационный файл программы (в любое место).","type":"ordered-list-item","key":"eo4ae"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"А после нажать на \"синюю\" кнопку \"Test wrapper\" - должно запуститься приложение, а в папке dist создаться .exe файл (далее можно отправить ярлык себе на рабочий стол, главное не перемещать сам .exe файл из0за привязки к относительным путям других классов).","type":"ordered-list-item","key":"ejrh6"},{"data":{"image":{"id":"6796f13dcfbdb479be60695a"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Показ созданного .exe файла","type":"atomic:image","key":"1kl4d"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"На этом всё.\nБуду рад, если этот материал смог вам помочь.\n\nЖелаю успехов! ","type":"unstyled","key":"4rub1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"marker","key":"9OD9EOSKCkA9W8PxAPj8"}],"entityMap":{"0":{"data":{"url":"https://www.oracle.com/java/technologies/downloads/"},"mutability":"MUTABLE","type":"LINK"},"1":{"data":{"url":"https://netbeans.apache.org/front/main/download/archive/"},"mutability":"MUTABLE","type":"LINK"},"2":{"data":{"url":"https://launch4j.sourceforge.net/"},"mutability":"MUTABLE","type":"LINK"}}},"mentions":[]}