Рисование домика в 2D с GUI на WebGL 1.0 (JavaScript, TypeScript) и OpenGL 2.1 (Python, C++, Qt, PyQt, PySide)

Установить Node.js (https://nodejs.org/en/download/). В Node.js есть пакетный менеджер NPM. Надо установить глобально три пакета командой в консоли:

npm i -g rollup uglify-js http-server

Открыть консоль в корневой директории проекта. Я использую Notepad++, в качестве редактор кода, и из этого редактора можно открыть консоль. Надо запустить проект в debug-режиме командой:

npm run dev

Теперь rollup будет следить за файлами и при изменении и сохранении файла будет собирать новый bundle.js. Надо открыть вторую консоль и ввести команду запуска локального сервера:

http-server -c-1

Ключ "-c-1" означает, что браузер не будет кэшировать файлы. Теперь можно открыть вкладку браузера и ввести:

localhost:8080/index.html

Можно открыть консоль браузера, например, в Chrome - Ctrl+Shift+J. Для сборки в релиз надо остановить режим отладки, нажав Ctrl+C и ввести команду:

npm run release

Будет создан сжатый bundle.js, который загружается быстрее.

Установить Node.js (https://nodejs.org/en/download/). В Node.js есть пакетный менеджер NPM. Надо установить глобально три пакета командой в консоли:

npm i -g rollup rollup-plugin-typescript2 uglify-js http-server typescript

Открыть консоль в корневой директории проекта. Я использую Notepad++, в качестве редактор кода, и из этого редактора можно открыть консоль. Сделать привязку к rollup-plugin-typescript2 командой в консоли:

npm link rollup-plugin-typescript2

Запустить проект в debug-режиме командой:

npm run dev

Теперь rollup будет следить за файлами и при изменении и сохранении файла будет собирать новый bundle.js. Надо открыть вторую консоль и ввести команду запуска локального сервера:

http-server -c-1

Ключ "-c-1" означает, что браузер не будет кэшировать файлы. Теперь можно открыть вкладку браузера и ввести:

localhost:8080/index.html

Можно открыть консоль браузера, например, в Chrome - Ctrl+Shift+J. Для сборки в релиз надо остановить режим отладки, нажав Ctrl+C и ввести команду:

npm run release

Будет создан сжатый bundle.js, который загружается быстрее.

Скачать интерпретатор Python: https://www.python.org/downloads/ Желательно версию 3.8 потому что с ней работает библиотека для 2D-физики Box2D (https://pypi.org/project/Box2D/)

Установить пакеты командой из консоли:

pip install numpy PyOpenGL PyQt6

Запустить пример командой из консоли из директории примера:

python main.py

В качестве редактора кода можно использовать Nodepad++ (мой выбор), либо VSCode, либо бесплатную версию PyCharm и т.д.

Скачать интерпретатор Python: https://www.python.org/downloads/ Желательно версию 3.8 потому что с ней работает библиотека для 2D-физики Box2D (https://pypi.org/project/Box2D/)

Установить пакеты командой из консоли:

pip install numpy PyOpenGL PySide6

Запустить пример командой из консоли из директории примера:

python main.py

В качестве редактора кода можно использовать Nodepad++ (мой выбор), либо VSCode, либо бесплатную версию PyCharm и т.д.

Скачать и распаковать архив с установленным Qt 6.2.0, MinGW 8.1.0 64-bit: https://disk.yandex.ru/d/FiDDO5IuAQ4phQ (942 MB - архив, 2.29 GB - в распакованном виде). Здесь статическая сборка, если нужно: https://disk.yandex.ru/d/nIORLx_JIUnfnw (194 MB - архив, 822 MB - в распакованном виде)

Добавить пути в переменную окружения Path:

• C:\Qt6\6.2.0\mingw81_64\bin
• C:\Qt6\Tools\mingw810_64\bin
• C:\Qt6\Tools\CMake_64\bin

Быстрый вызов окна переменных среды командой в консоли: rundll32 sysdm.cpl,EditEnvironmentVariables

Для сборки и запуска проекта ввести следующие команды в консоли из корня проекта:

qmake -makefile mingw32-make "release/app"