Делаем программу с интерфейсом на Processing

Подписаться 395 тыс.

Просмотров 107 тыс.

50% 1

В этом большом уроке расскажу как можно сделать интерфейс на Processing при помощи разных библиотек
►Первый урок: • Большой урок по програ...
► Огромный стартовый набор GyverKIT: kit.alexgyver.ru/
► Уроки Arduino на сайте: alexgyver.ru/lessons/
► Модули и датчики с Али: alexgyver.ru/arduino_shop/
► Страница "Заметок Ардуинщика": alexgyver.ru/arduino_lessons/
00:00 - Введение
01:23 - Библиотека meter
02:54 - Библиотека G4P
04:50 - GUI Builder G4P
09:13 - Интерфейс и код
21:31 - Библиотека ControlP5
26:00 - Начинаем кодить, кнопка
28:22 - Меняем шрифт
30:25 - Добавляем слайдер
33:00 - Автоматическое размещение
35:10 - Продолжаем кодить
35:55 - Добавляем выбор цвета
36:47 - Выпадающий список
40:18 - Добавляем крутилку
43:41 - Получаем значения разными способами
Теги: #arduino #уроки #ардуино #alexgyver
●●●●●●●●●●●●●●●●●●●●
► Основной канал: / alexgyvershow
► Поддержать автора alexgyver.ru/support_alex/
► Официальный сайт: alexgyver.ru/
► Почта: alex@alexgyver.ru

Наука

Опубликовано:

31 май 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 363

@shk5764 3 года назад

Ну, наконец-то кто-то из наших сделал нормальное пособие. Я сижу все смотрю на английском, и не хера не понимаю. Спасибо огромное!

@eugenerema2701 3 года назад

где ты нашел на английском? пж ответь

@user-ff1sd6wl1h 3 года назад

@@eugenerema2701 На codetrain можешь поискать, там много про processing

@euaek Год назад

@@eugenerema2701 пиши в поиск по английски

@alex_orlov104 3 года назад

Блин, нифига, как раз эту тему ждал и думал видос не скоро.

@wad600 3 года назад

Ура, будет урок по связи Ардуино и процессинг. Ну хотя там есть библиотека Serial и дальше всё понятно более-менее: парсить данные и пихать куда надо.

@user-jt5ud8hi6c 2 года назад

Ага, щяс! С ноги и в харю. Процессинг натыкается на первый же занятый порт и вся его хвалёная мощь виснет. Как ему объяснить пути обхода не понятно. Ничего не прочитать из свободных портов, ничего в них не записать. RuntimeException: Error opening serial port COM9: Port busy Ещё одна хрень, --- как его заставить писать кириллицей!? Ибо за английский интерфейс заказчики вместо денег скоро будут давать в морду.

@user-hf6iv9rs6x Год назад

@@user-jt5ud8hi6c Цитата: "Ещё одна хрень, --- как его заставить писать кириллицей!? Ибо за английский интерфейс заказчики вместо денег скоро будут давать в морду". - Думаю, что вам нужно выбрать шрифты с кириллицей. У меня принимает шрифты и пишет.

@user-jt5ud8hi6c Год назад

@@user-hf6iv9rs6x спасибо, с этим разобрался.

@edxayr2327 3 года назад

Спасибо вам за новые данные. Ждём новых роликов по процессинг

@WertiGo260990 3 года назад

Дай бог тебе здоровья мил человек))) как же вовремя, прям как раз необходимо просто было) знай лайк поставлен!"!!

@user-qw5pg4nm7k 3 года назад

Спасибо вам огромное!!! То что нужно. Очень жду продолжение по практическому применению)

@txchumberrxnumber6604 8 месяцев назад

Просто шикарный урок. У меня нет слов. Единственно надо двумя косыми черточками отключить вызов библиотеки import pease . Ее в новых Р5 нет и поэтому выдает ошибку. Ну она и не нужна и не используется. Люди берите лупу с ней легко читается программа для повторения и не придется делать во весь экран. Лупа помогает здорово. Все работает.

@Alexandr22ru 3 года назад

Очень хороший формат обучения!

@user-desytnik 3 года назад

Большой и жирный лайк. Видос просто супер. Возможно повторюсь, но это видео вышло как раз тогда когда нужно. Огромное спасибо тебе. Жду с нетерпением следующих видосов.

@user-to8dm8tv4g 3 года назад

охренеть, не могу поверить что уже новое видео по P! спасибо!

@garrygoodrege255 3 года назад

Gyver спасибо тебе за труд...за тяжеленный,порой скучный, но нужны и правильный, не каждый кодогуру такое осилит, а ты смог, жаль что ты не работаешь у Маска, твои возможности выше этого..желаю тебе успехов, и все таки прикоснутся к звездному пути.

@kos1897 3 года назад

Круть, досмотрел до конца)) спасибо большое!

@KovalevEgor Год назад

Судя по внешнему виду ControlP5 сделан в стиле ImGui :D Спасибо большое за уроки. Жду продолжения.

@QazaksTanos 3 года назад

урааа, вот это крутая штука, Бооольше уроков по процессингу и ардуино

@user-uj9hi7qr5d 3 года назад

Спасибо Вам за уроки!

@yuristrakhov6458 3 года назад

О., прямо Visual Basic. Действительно интересно было. Спасибо. Ждем продолжения.

@ArduNotes 3 года назад

до Basic всё таки далеко, скорее С/С++

@enisykin1299 3 года назад

дай бог вам здоровьичка!

@unclestepa 3 года назад

Теперь жду примера программы на Processing, чтобы читать и отправлять данные с Serial ардуинки. Это же невероятные возможности для самоделок. Самое простое, что пришло на ум это приставка мультиметр подключаемая к компу по USB на котором открыта программа, которая ведет учет, строит графики изменения вольтажа, например. Сохраняет в базу, делает необходимые вычисления и т.д. И еще при этом может сама отдавать ардуинке команды.

@4ever4you100 3 года назад

Прикольно что для среды Ардуино такое имеется, очень полезная вещь. Было бы ещё интересно что-то типа QT к Ардуино прикрутить, там возможностей на порядок больше, да и мультиплатформенность на мобильные системы тоже распространяется

@ark_dd438 3 года назад

Круть! Пожалуйста по работе с Ардуино!

@IgorStepochkin 3 года назад

"Неудобный псевдокод под названием питон" - это лайк ))

@unclestepa 3 года назад

За Processing отдельный респект. Но и за Ардуино конечно тоже. Не зря подписался на канал когда он был заброшен.

@slloope 3 года назад

Як завжди, урок на найвищому рівні!

@Andyg722 3 года назад

Класс! Никакой воды! То, что надо "средненькому" программисту. Лайк! Жду работу с графикой и запись логов в файлы. * графики ещё бы сжимать/разжимать по оси Х - так можно?

@user-gc8ii6dl1v 3 года назад

Я могу тебе помочь с этим у меня есть готовый код на processing

@elenapoplos9537 2 года назад

Спасибо за видео и советы ждём продолжения интересно

@user-iv5bk3bq1w 3 года назад

Спасибо Алекс Гайвер очень полезные уроки.

@kalobyte 3 года назад

внезапно это не гайвер

@user-iv5bk3bq1w 3 года назад

@@kalobyte Я знаю что на єтом канале сейчас другой видущий, а бил Алекс Гайвер...

@kalobyte 3 года назад

@@user-iv5bk3bq1w другой давно уже ведет этот канал и не только канал

@ArduNotes 3 года назад

а кто?

@ArduNotes 3 года назад

что за выдуманные слухи? На канале есть ВТОРОЙ ведущий, который иногда выпускает свои видео. Больше он ничего не ведёт и никогда не вёл

@ersafap 3 года назад

Круто. Хотелось бы поскорее что то увидеть про обмен через порт с платой.

@safloo181 3 года назад

спасибо вам большое, зо то что делаете такие интересные и большие уроки. у самого канал - очень трудозатратно

@yasi4011 3 года назад

Ужо скачал и Processing,, смотрю вдумчиво. 🤔 👍

@user-qw5fm6ry9b 3 года назад

Спасибо, Алекс)

@goiiia3774 3 года назад

0:36 Фанаты питона печеньками подавились от такого произношения )))

@user-ms3bd7rx4j 3 года назад

диз за псевдо код питон

@user-xf4yk4ey1b 3 года назад

спасибо за труд

@Andrii--__-- 3 года назад

Прикольная среда, нужно будет поиграться.

@EvgenMo1111 3 года назад

спасибо дружище! не зря я подписался

@basilstadnik1342 3 года назад

очень классно !

@maxfrec8487 3 года назад

Омск тут! Лайк!

@Mechtatel03 2 года назад

шикарный канал!

@school700fp 3 года назад

От меня лайк и подписка.

@dinaltGoth 3 года назад

Здорово!

@Bartimeus1 3 года назад

Было бы здорово увидеть ещё обучалку работы Ардуино с matlab

@den.ilinykh 3 года назад

Подскажите пожалуйста! Не могу в Arduino IDE выбрать процессор, эта вкладка просто исчезла, ранее когда устанавливал - была, попробовал разные версии, ничего не изменилось, подумал что теперь не нужно указывать версию CPU (прошивает любой автоматом), а нет выходит ошибка и контроллер не "шьется". У меня 2-е платы обычная и с (Old Bootloader), 1-а прошивается, 2-я с (Old Bootloader) - нет!

@user-jd4cp8ui1d 3 года назад

Вітаю! Крутезний відеоурок!

@maxlabVideo 3 года назад

Спасибо!

@slimelime4585 3 года назад

Классное видео

@Next__Play 3 года назад

Спасибо. Лайк.

@timsteel1060 3 года назад

Уже несколько лет жду раскрытие этой темы. Еще бы очень хотелось узнать , можно ли делать свою анимацию интерфейса в векторной графике сторонних редакторов . Или это уже в других средах делается ?

@user-cd7qx2jt2r 2 года назад

Здравствуйте! Большое спасибо за урок! Возникла проблема: при попытке разместить русский текст на кнопках и других элементах из библиотеки ControlP5, он не отображается. Можно ли как-то её русифицировать?

@user-hf6iv9rs6x 3 года назад

Спасибо автору канала за знакомство с новой средой разработки приложений, а также за демонстрацию практического применения и интеграцию с железом на Arduino. У меня практический вопрос: возможно ли взаимодействие приложений написанных на Processing с какими-то СУБД? Например, можно ли то, что получаешь от внешнего железа на Arduino вносить в базу данных для хранения и последующей обработки и анализа?

@ArduNotes 3 года назад

приложение на Processing может общаться по любым стандартным сетевым протоколам, http/udp/tcp/mqtt и тд

@iMiXxX 3 года назад

Псевдокод))) Библиотека на скриншоте tkinter, вроде одна из самых простых, но мне не понравилась, для нее кстати есть обёртка Graph, которая ещё более простая. Да и под питон есть и QT5)) А processing мне тоже понравился, после первого урока поставил на смартфон APDE, что бы пощупать так сказать) ну ладно, я посмотрел всего 36 секунд ролика, смотрим дальше. В любом случае спасибо Саше за проделанную работу!

@user-lv1zv5yf8o 3 года назад

хорошая работа

@alexyakovlev796 3 года назад

Для новичков вполне ещё может подойти бородатая Delphi. Достаточно мощная и удобная вещь, да и ардуину связать с компом там не составит проблем

@vaskogrex 3 года назад

Классная серия! Алекс, подскажите где дернуть библиотеку под Processing для связи с modbus сервером?

@davidfnr1894 Год назад

При создании ScrollableList указывая цвет в функцию setColor через color(255,54,54 (к примеру)) появляется ошибка, что нужны данные типа CColor. На других элементах (кнопка, вводимое поле и др) работает. Не подскажете что за CColor?

@Drmidon 3 года назад

04:50 - GUI Builder G4P очень похож на Delphi 7. И точки с привязкой на окне. И панель с перетаскиванием/редактированием. И создание автоматом кода при добавлении интерфейсов. И настройки GUI в табличке с двумя колонками. И дерево элементов добавленных на окне. Возвращаюсь на 20 лет назад в 2002 год 👨‍💻❤ (ღ˘⌣˘ღ)

@ArduNotes 3 года назад

ну так на QT Designer похож ещё больше, чем на делфи)))

@Drmidon 3 года назад

@@ArduNotes Точно! Не туда скопипастил 😵

@c3lfyyyy Год назад

Урааа, я смогу сделать кнопку!

@user-hm6xe6kr5y 3 года назад

Cool , thanks !!!!

@elmirakassymova380 Год назад

Здравствуйте, а можно вывести этот GUI на дисплей например ILI9341?

@user-lk6pg7wo1b 3 года назад

Очень ждём выпуск про связь с Ардуино

@Dim3740 3 года назад

На выходе мы имеем исполняемый файл? Он запустится на любой винде? На компе друга? Подскажите ролик канала, где реализуется эта возможность, плз.

@ArduNotes 3 года назад

файл/экспорт, компилируется в .exe

@ivanserdyuk7300 Год назад

Привет Алекс! у меня 4 процесинг и у меня не генерируется код в вкадке gui так и в основной - приходится писать все в ручную. Поскольку ты не показываешь какие настройки надо сделать, какие библиотеки надо установить и не показываешь весь код во всех вкладках - просто урок не получается усвоить на практике. А так направление интересное!

@fylhtq7779 Год назад

Привет, такая же проблема, нашли решение?

@fylhtq7779 Год назад

@Joseph Goebbels Похоже на правду

@fylhtq7779 Год назад

@Joseph Goebbels работает на 3 версии нашел еще в гугле пост, видимо от автора этой штуки, он писал что типа походу она рял устарела

@iliasalaur 3 года назад

Походу я зацепил Алекса своим процесингом, хехе

@ArduNotes 3 года назад

ты, своим?)) Я с ним лет 5 как знаком, уроки выходят по плану

@iliasalaur 3 года назад

@@ArduNotes ну, просто первые видосы по процессингу появились после видоса с матрицей где фигурировал Процесинг. Так то я про него узнал от тебя :)

@ArduNotes 3 года назад

так ты то тут причём))

@gregnow9921 3 года назад

Еще можно нормальную IDE подключить такие как Eclipse, IntelliJ IDEA. Подключив core.jar из processing. На сайте processing есть инструкции

@donbobskiy Год назад

Ребят, имейте ввиду, что 4-й Processing не работает с G4P - там какой-то глюк в Processing. Вроде как в исходном коде на Git он устранен, пробовал компилировать 4-ю версию (соответствующий кусок кода даже снабжен комментарием, что этот кусок оставлен для совместимости с G4P GUI) - но у меня после установки билда не грузятся списки tools. Короче я плюнул, и поставил 3-й Processing. Все работает.

@Dialbist 3 года назад

Мне как-то больше нравится на старом, добром Delphi писать интерфейс, тем более что сразу и для Android можно собрать и при желании на Linux и Iphone при большой необходимости.

@user-oq3tv1br9r 3 года назад

Давай программу настройки Ардуино через запись в Ардуино значений еепром, с программы на компьютере.! Это будет бимба.

@kalobyte 3 года назад

есть такая штука как структуры еще есть библиотека CmdMessenger, но она много жрет памяти в контроллере но так норм для шарпа, мне понравилось

@ivand1274 3 года назад

"Не удобный псевдокод под названием питон" на мой взгляд лучшее описание этого калькулятора

@Alexandr22ru 3 года назад

А у вас есть обучалка processing для Android ?

@lankinvasil 3 года назад

Там же вроде можно было в браузере открывать? Только у меня толком не работало. Хотелось бы связать телефон и ESP

@user-ir6hz9vk2m 3 года назад

Что бы не лопатить документацию иногда проще ctr+space и все переменные или метода класса как на ладони. А по большому счёту, это костыль, тем и хорош PDE что можно написать свой HID с нуля именно под свои задачи...

@stststst 3 года назад

А можно ли на ардуино сделать управление тремя моторами вперёд-назад, сервоприводом и камерой, чтоб выводилось изображение и кнопки управления на экран смартфона или планшета? Я где-то видел есть китайские програмки для смартфона или планшета к ардуино где могут такое.

@stststst 3 года назад

@@QWE1321w а если джойстик и очки ВР на проводе подключить?

@stststst 3 года назад

@@QWE1321w во втором варианте я имел ввиду не на телефоне, а если на прямую подключить джойстик и очки ВР через провод к ардуино

@kalobyte 3 года назад

тебе нужен remotexy, специально для таких задач сделано

@MrKadyrkhan 3 года назад

Совпало так, что я 1000й кто посмотрел этот ролик)))

@Stepan_sam 3 года назад

Сделайте видео про матричную клавиатуру для Arduino.

@time-kn8ls 3 года назад

Коммент ради коммента

@alexanderolifirenko415 3 года назад

Подскажите пожалуйста, как для машины сделать индикатор температуры двигателя и тревожный зуммер на случай перегрева, от родного датчика температуры двигателя на сопротивлении.

@cab674 3 года назад

Если машине не 25+ лет и там есть CAN шина, читать оттуда это значение (слушать) проще всего.

@alexanderolifirenko415 3 года назад

Спасибо, но Кан шины нет. Старый дизельный Патрол. По горам катаюсь и перегреть можно если не уследить очень быстро можно. С печальными последствиями в виде поведеной винтом и треснутой головки блока.

@alexanderolifirenko415 3 года назад

@@cab674 Нет у нее obdII. 94 год, дизель. Из электроники только отсечной клапан и таблетка регулирования переключения автомата. Есть только датчик в головке на сопротивление и все. У родной стрелки на панели погрешность +/- лапоть.

@kalobyte 3 года назад

@@alexanderolifirenko415 поставь компаратор да и все, не надо тут никаких ардуин

@alexanderolifirenko415 3 года назад

@@kalobyte Кстати вариант, спасибо!

@L1X_VtH 8 месяцев назад

Привет ! не знаешь что делать если я так же как и ты установил G4P builder но когда я его открываю (он полностью нормально открыватся) и пытаюсь запустить то вылетает ошибка о потере библиотек

@vlad3763 3 года назад

А можно любую программу( интефейс) потом упровлять на tft display 2,4 ? По сенсору

@motoday3580 3 года назад

можно

@pinokio514 3 года назад

Заметки Ардуинщика , Так это получается для управление Ардуино, НО НА ПК, Андроиде и т.д.? А есть возможность создания интерфейса на Ардуино? Т.е. есть экранчик с Ардуино, физические кнопки и управлять меню на Ардуино напрямую.

@user-ks2dw3pl7l 3 года назад

Класс! А в процессинге можно exe файл сделать, что бы отдельно запускать программу?

@user-ks2dw3pl7l 3 года назад

Нашел ответ ниже. Спасибо.

@bentonitt 2 года назад

Можно или нет?

@CYBERBORODA483 Год назад

О супер

@user-on3bp6mz4c 2 года назад

можно ли сделать чат с другом, например подключить телефоны, и можно ли сделать онлайн игру?

@user-uy9lb5el2f 3 года назад

Ух ух!

@ciklomat 3 года назад

А можно из этого сделать самодостаточный exe файл? Что бы пользоваться как отдельной программой.

@ArduNotes 3 года назад

файл/экспорт

@dezzamorta1690 3 года назад

можно ли использовать эти библиотеки для разработки под андроид?

@alex_orlov104 3 года назад

Такой-же вопрос интересует, но думаю да.

@gregnow9921 3 года назад

только ControlP5 для андройд, G4P на андройд не работает так как в java андройд исполняться свои библиотеки для интерфейса а все что с чистого java там нет (swing, awt, javafx). Попробуй еще APDE на Google Play скачать

@izqbr8493 3 года назад

Пожалуйста расскажите как сделать морду осциллографа🙏

@user-gj2sv1lb9z Год назад

А можно ли как-то создавать несколько окон программы? не нашел нигде информации

@SIM31r 3 года назад

8:00 это же как в Delphi! )) И вообще, строгая типизация, нет питоновских абстракций, есть обычные массивы, много общего.

@ArduNotes 3 года назад

скорее как в си-подобных

@user-ir6hz9vk2m 3 года назад

Алекс, расскажи про библиотеку firmata, то же вариант для ленивых..

@pannika6656 3 года назад

Снимешь про arduino IDE 2.0?

@tomiris553 2 года назад

Здравствуйте! Помогите пожалуйста, мне нужно чтобы из одной страницы при нажатии кнопки далее, открывалась следующая страница!.. Не могу нигде найти, срочно нужно. Спасите...

@fredix2619 Год назад

юзай webbuilder и все гайд по нему не больше 15 минут

@user-gt6dc1gy4j 2 года назад

Ну это точно как Делфи С++

@rubrik25 3 года назад

Найс

@safloo181 3 года назад

Про питон плюсую 10 раз. у самого первый язык - ардуино. дальше стал углублённо изучать с++. а теерь в школе начали проходить питон, сижу, пишу и про себя говорю: Ох как же я люблю с++. и процессинг очень легко дается.

@bentonitt 2 года назад

Синтаксис питона это скорее фича. Мне это нравится нет всякого мусора, но питон можно объективно не любить за всякие self перед всеми полями, __main__, за динамическую, типизацию, разве не стремно. Но в с++ тоже куча всякого говна типо хеадер файлов, монжественного наследования, макросов дефайнов, писать public: private: За ручное управление памятью, отсутствие динамической типизации Так что это дело вкуса.

@govdamikhaylo4183 3 года назад

Про питон правильно сказал)

@user-rn8us9jp3o 3 года назад

пожалуйста добавь в серию где бедет рассказано про связь с ардуино протокол (processing modbus tcp) в нете про это вообще нету нечего а мне это очень нужно. заранее спасибо.

@user-uj9hi7qr5d 3 года назад

А в Делфи или лазарусе можно делать интерфейс? Если да покажите как это делается?