Нарисовать домик

@Aleksandr_theGr · Регистрация: 22.10.2022

Студворк — интернет-сервис помощи студентам

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

Python
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
print('Введите координаты домика')
x = int(input('x = '))
y = int(input('y = '))
home(x,y)
 
from graph import *
 
# Основная часть домика
def frame():
    penColor('black')
    brushColor('green')
    rectangle(x,y,x+100,y+100)
 
# Крыша
def roof():
    brushColor('brown')
    polygon([(x-10,y),(x+50,y-50),(x+110,y),(x-10,y)])
 
# Окно
def window():
    penColor('white')
    penSize(3)
    brushColor('black')
    rectangle(x+20,y+20,x+50,y+70)
    line(x+20,y+40,x+50,y+40)
    line(x+35,y+40,x+35,y+70)
 
def home(x,y):
    frame(x,y)
    roof(x,y)
    window(x,y)
 
home(x,y)
 
run()

@iSmokeJC · 22.10.2022, 12:57

Сообщение от Aleksandr_theGr

непонятно куда вставлять верхнюю его часть

С самого верху написать def run():

Добавлено через 35 секунд
И home(x, y) снизу убрать

Добавлено через 4 минуты

Кликните здесь для просмотра всего текста

Python
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
from graph import *
 
 
def run():
    print('Введите координаты домика')
    x = int(input('x = '))
    y = int(input('y = '))
    home(x, y)
 
 
# Основная часть домика
def frame(x, y):
    penColor('black')
    brushColor('green')
    rectangle(x, y, x + 100, y + 100)
 
 
# Крыша
def roof(x, y):
    brushColor('brown')
    polygon([(x - 10, y), (x + 50, y - 50), (x + 110, y), (x - 10, y)])
 
 
# Окно
def window(x, y):
    penColor('white')
    penSize(3)
    brushColor('black')
    rectangle(x + 20, y + 20, x + 50, y + 70)
    line(x + 20, y + 40, x + 50, y + 40)
    line(x + 35, y + 40, x + 35, y + 70)
    
 
def home(x, y):
    frame(x, y)
    roof(x, y)
    window(x, y)
 
run()

@Aleksandr_theGr · 22.10.2022, 13:43 **[ТС]**

Добавлено через 7 минут

Сообщение от iSmokeJC

С самого верху написать def run():

Добавлено через 35 секунд
И home(x, y) снизу убрать

Добавлено через 4 минуты

Кликните здесь для просмотра всего текста

Python
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
from graph import *
 
 
def run():
    print('Введите координаты домика')
    x = int(input('x = '))
    y = int(input('y = '))
    home(x, y)
 
 
# Основная часть домика
def frame(x, y):
    penColor('black')
    brushColor('green')
    rectangle(x, y, x + 100, y + 100)
 
 
# Крыша
def roof(x, y):
    brushColor('brown')
    polygon([(x - 10, y), (x + 50, y - 50), (x + 110, y), (x - 10, y)])
 
 
# Окно
def window(x, y):
    penColor('white')
    penSize(3)
    brushColor('black')
    rectangle(x + 20, y + 20, x + 50, y + 70)
    line(x + 20, y + 40, x + 50, y + 40)
    line(x + 35, y + 40, x + 35, y + 70)
    
 
def home(x, y):
    frame(x, y)
    roof(x, y)
    window(x, y)
 
run()

Хмм, всё равно не работает. Сначала попробовал внести ваши правки, потом всё заменил на ваш код и ничего. Там суть такая - вводим два числа (координаты), и после этого должен появиться рисунок, а он не появляется, и ошибки никакой не выдаёт, просто молчит.

@iSmokeJC · 22.10.2022, 14:41

Сообщение от Aleksandr_theGr

а он не появляется, и ошибки никакой не выдаёт, просто молчит

Это проблемы твоей библиотеки graph. Я такую не знаю

@Aleksandr_theGr · 22.10.2022, 15:14 **[ТС]**

Сообщение от iSmokeJC

Это проблемы твоей библиотеки graph. Я такую не знаю

Ураа, методом тыка получилось

Спасибо что отозвались

Python
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
from graph import *
 
print('Введите координаты домика')
x = int(input('x = '))
y = int(input('y = '))
def home(x, y):
    frame(x, y)
    roof(x, y)
    window(x, y)
 
# Основная часть домика
def frame(x, y):
    penColor('black')
    brushColor('green')
    rectangle(x, y, x + 100, y + 100)
 
# Крыша
def roof(x, y):
    brushColor('brown')
    polygon([(x - 10, y), (x + 50, y - 50), (x + 110, y), (x - 10, y)])
 
# Окно
def window(x, y):
    penColor('white')
    penSize(3)
    brushColor('black')
    rectangle(x + 20, y + 20, x + 50, y + 70)
    line(x + 20, y + 40, x + 50, y + 40)
    line(x + 35, y + 40, x + 35, y + 70)
 
home(x,y)
 
run()

@8Observer8 · 22.10.2022, 18:02

Переписал на PyQt6 по урокам:

Для запуска примера нужно установить PyQt6 командой:

pip install PyQt6

small-house-qpainter-pyqt6/main.py

Python
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
import sys
 
from PyQt6.QtCore import QSize, Qt
from PyQt6.QtGui import QColor, QFont, QPainter, QPainterPath, QPen
from PyQt6.QtWidgets import (QApplication, QHBoxLayout, QLabel, QLineEdit,
                             QPushButton, QVBoxLayout, QWidget)
 
 
class Widget(QWidget):
 
    def __init__(self):
        super().__init__()
        self.setWindowTitle("Домик")
        self.setFixedSize(QSize(400, 400));
        
        hbox = QHBoxLayout()
        coordLabel = QLabel("Введите координаты домика:")
        hbox.addWidget(coordLabel)
        self.xLineEdit = QLineEdit("150")
        self.yLineEdit = QLineEdit("200")
        hbox.addWidget(self.xLineEdit)
        hbox.addWidget(self.yLineEdit)
        hbox.addStretch(1)
 
        vbox = QVBoxLayout(self)
        vbox.addLayout(hbox)
        applyButton = QPushButton("Применить")
        applyButton.setFixedSize(QSize(100, 30))
        applyButton.clicked.connect(self.onApplyButtonClick)
        vbox.addWidget(applyButton);
        vbox.addStretch(1)
        self.setLayout(vbox)
 
        font = QFont("serif", 11)
        coordLabel.setFont(font)
        self.xLineEdit.setFont(font)
        self.yLineEdit.setFont(font)
        applyButton.setFont(font)
 
        self.housePosX = int(self.xLineEdit.text())
        self.housePosY = int(self.yLineEdit.text())
 
    def onApplyButtonClick(self):
        self.housePosX = int(self.xLineEdit.text())
        self.housePosY = int(self.yLineEdit.text())
        self.update()
 
    def paintEvent(self, event):
        qp = QPainter()
        qp.begin(self)
        qp.setPen(Qt.GlobalColor.black)
        
        # Основная часть домика
        qp.setBrush(Qt.GlobalColor.green)
        qp.drawRect(self.housePosX, self.housePosY, 100, 100)
        
        # Крыша
        path = QPainterPath();
        path.moveTo(self.housePosX-10, self.housePosY);
        path.lineTo(self.housePosX+50, self.housePosY-50);
        path.lineTo(self.housePosX+110, self.housePosY);
        path.lineTo(self.housePosX-10, self.housePosY);
        qp.fillPath(path, QColor(92, 64, 51))
        
        # Окно
        pen = QPen(Qt.GlobalColor.white, 3)
        qp.setPen(pen)
        qp.setBrush(Qt.GlobalColor.black)
        qp.drawRect(self.housePosX+20, self.housePosY+20, 30, 50)
        qp.drawLine(
            self.housePosX+20, self.housePosY+40,
            self.housePosX+50, self.housePosY+40)
        qp.drawLine(
            self.housePosX+35, self.housePosY+40,
            self.housePosX+35, self.housePosY+70)
 
        qp.end()
 
if __name__ == "__main__":
    app = QApplication(sys.argv)
    w = Widget()
    w.show()
    sys.exit(app.exec())

Миниатюры

@8Observer8 · 22.10.2022, 23:20

Преимущество PyQt6 в том, код на нём легко переправить на Qt6 C++, чтобы собрать не такой большой EXE, как с помощью PyInstaller: small-house-qpainter-qt6-cpp-exe.zip (7.25 Мб) Qt6 C++ позволяет без больших трудозатрат собирать APK для Android. Введение в Qt6 C++: https://zetcode.com/gui/qt5/

Название: 197360720-447973e0-4cd5-43d8-b238-41a4b7ebf6c5.png
Просмотров: 368

Размер: 6.4 Кб

Название: 197360720-447973e0-4cd5-43d8-b238-41a4b7ebf6c5.png
Просмотров: 368

Размер: 6.4 Кб

main.cpp

C++ (Qt)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
#include <QtGui/QFont>
#include <QtGui/QPainter>
#include <QtGui/QPainterPath>
#include <QtWidgets/QApplication>
#include <QtWidgets/QHBoxLayout>
#include <QtWidgets/QLabel>
#include <QtWidgets/QLineEdit>
#include <QtWidgets/QPushButton>
#include <QtWidgets/QVBoxLayout>
#include <QtWidgets/QWidget>
 
#ifdef _WIN32
#include <windows.h>
#endif
 
class Widget : public QWidget
{
public:
    Widget()
    {
        setWindowTitle("Домик. QPainter, Qt6, C++");
        setFixedSize(QSize(400, 400));
 
        QHBoxLayout *hbox = new QHBoxLayout();
        QLabel *coordLabel = new QLabel("Введите координаты домика:");
        hbox->addWidget(coordLabel);
        m_xLineEdit = new QLineEdit("150");
        m_yLineEdit = new QLineEdit("200");
        hbox->addWidget(m_xLineEdit);
        hbox->addWidget(m_yLineEdit);
        hbox->addStretch(1);
 
        QVBoxLayout *vbox = new QVBoxLayout();
        vbox->addLayout(hbox);
        QPushButton *applyButton = new QPushButton("Применить");
        applyButton->setFixedSize(QSize(100, 30));
        connect(applyButton, &QPushButton::clicked, this, &Widget::onApplyButtonClick);
        vbox->addWidget(applyButton);
        vbox->addStretch(1);
        setLayout(vbox);
 
        QFont font("serif", 11);
        coordLabel->setFont(font);
        m_xLineEdit->setFont(font);
        m_yLineEdit->setFont(font);
        applyButton->setFont(font);
 
        m_housePosX = m_xLineEdit->text().toInt();
        m_housePosY = m_yLineEdit->text().toInt();
    }
 
private:
    void paintEvent(QPaintEvent *event) override
    {
        Q_UNUSED(event);
        QPainter qp;
        qp.begin(this);
        qp.setPen(Qt::GlobalColor::black);
 
        // Основная часть домика
        qp.setBrush(Qt::GlobalColor::green);
        qp.drawRect(m_housePosX, m_housePosY, 100, 100);
 
        // Крыша
        QPainterPath path;
        path.moveTo(m_housePosX - 10, m_housePosY);
        path.lineTo(m_housePosX + 50, m_housePosY - 50);
        path.lineTo(m_housePosX + 110, m_housePosY);
        path.lineTo(m_housePosX - 10, m_housePosY);
        qp.fillPath(path, QColor(92, 64, 51));
 
        // Окно
        QPen pen = QPen(Qt::GlobalColor::white, 3);
        qp.setPen(pen);
        qp.setBrush(Qt::GlobalColor::black);
        qp.drawRect(m_housePosX + 20, m_housePosY + 20, 30, 50);
        qp.drawLine(
            m_housePosX + 20, m_housePosY + 40,
            m_housePosX + 50, m_housePosY + 40);
        qp.drawLine(
            m_housePosX + 35, m_housePosY + 40,
            m_housePosX + 35, m_housePosY + 70);
 
        qp.end();
    }
 
private:
    QLineEdit *m_xLineEdit;
    QLineEdit *m_yLineEdit;
    int m_housePosX, m_housePosY;
 
private slots:
    void onApplyButtonClick()
    {
        // qDebug() << "click";
        m_housePosX = m_xLineEdit->text().toInt();
        m_housePosY = m_yLineEdit->text().toInt();
        update();
    }
};
 
int main(int argc, char *argv[])
{
#ifdef _WIN32
    if (AttachConsole(ATTACH_PARENT_PROCESS))
    {
        freopen("CONOUT$", "w", stdout);
        freopen("CONOUT$", "w", stderr);
    }
#endif
 
    QApplication app(argc, argv);
    Widget w;
    w.show();
    return app.exec();
}

small-house-qpainter-qt6-cpp.pro

Windows Batch file
1
2
3
4
5
6
7
8
9
10
11
12
13
# Build commands for CMD:
# qmake -makefile
# mingw32-make
# "./release/app"
 
QT += core gui widgets
 
CONFIG += c++11
 
SOURCES += \
    main.cpp
 
TARGET = app

Миниатюры

@8Observer8 · 22.10.2022, 23:28

Скриншот выше не обновил, где включил папку platforms с qwindows.dll

@8Observer8 · 23.10.2022, 02:32

Ещё одно преимущество PyQt6 в том, что QPainter сильно похож Canvas API, поэтому несложно сделать веб-версию своего приложения, которая может быть развёрнута, например, на бесплатном хостинге GitHub Pages и будет запускаться в один клик на всех ОС, где есть браузер, в том числе на мобильных устройствах. Демка в песочнице: https://plnkr.co/edit/sLfUEO4fTHJQ2gSs

Итого, получается, что:

для себя можно делать PyQt6-приложения, которые занимают минимальное место. Особенно актуально для ноутбуков
для других можно собирать на Qt C++ в исполняемые файлы для Windows, Linux, macOS, Android (Google Play), iOS (Apple Store). Особенно, если не хочется палить исходники - лицензия LGPL позволяет это делать, если не собирать в статику (то есть все Qt-dll в один exe), а для статики можно использовать GPL, но тогда нужно давать ссылку на свои исходники, например, на GitHub
можно сделать веб-версию, которая запускается в один клик на всех ОС и которую можно встраивать в соц. сети в виде веб-приложений

index.html

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
<html>
 
<head>
    <title>Домик</title>
 
    <style>
        .myFont *
        {
            font-size: 18.667px;
            font-family: serif
        }
    </style>
</head>
 
<body>
    <div style="position: absolute; width: 400px;" class="myFont">
        <div style="margin: 10px;">
            <span>Введите координаты домика:</span>
            <input id="housePosX" type="text" style="width: 50px;" value="150" />
            <input id="housePosY" type="text" style="width: 50px;" value="200" />
            <button onclick="onApplyButtonClick()">Применить</button>
        </div>
    </div>
 
    <canvas id="renderCanvas" width="400" height="400"></canvas>
 
    <script>
        const ctx = document.getElementById("renderCanvas").getContext("2d");
 
        const housePosXElem = document.getElementById("housePosX");
        const housePosYElem = document.getElementById("housePosY");
 
        let housePosX = parseInt(housePosXElem.value);
        let housePosY = parseInt(housePosYElem.value);
 
        draw();
 
        function onApplyButtonClick()
        {
            // console.log("click");
            housePosX = parseInt(housePosXElem.value);
            housePosY = parseInt(housePosYElem.value);
            draw();
        }
 
        function draw()
        {
            ctx.lineWidth = 1;
 
            // Заливка фона
            ctx.fillStyle = "rgba(240, 240, 240, 255)";
            ctx.fillRect(0, 0, ctx.canvas.width, ctx.canvas.height);
 
            // Основная часть домика
            ctx.fillStyle = "lightseagreen";
            ctx.fillRect(housePosX, housePosY, 100, 100);
            ctx.strokeStyle = "black";
            ctx.strokeRect(housePosX, housePosY, 100, 100);
 
            // Крыша
            ctx.fillStyle = "brown";
            ctx.beginPath();
            ctx.moveTo(housePosX - 10, housePosY);
            ctx.lineTo(housePosX + 50, housePosY - 50);
            ctx.lineTo(housePosX + 110, housePosY);
            ctx.lineTo(housePosX - 10, housePosY);
            ctx.fill();
 
            // Окно
            ctx.fillStyle = "black";
            ctx.fillRect(housePosX + 20, housePosY + 20, 30, 50);
            ctx.lineWidth = 3;
            ctx.strokeStyle = "white";
            ctx.strokeRect(housePosX + 20, housePosY + 20, 30, 50);
            ctx.beginPath();
            ctx.moveTo(housePosX + 20, housePosY + 40);
            ctx.lineTo(housePosX + 50, housePosY + 40);
            ctx.moveTo(housePosX + 35, housePosY + 40);
            ctx.lineTo(housePosX + 35, housePosY + 70);
            ctx.stroke();
        }
    </script>
</body>
 
</html>

Миниатюры

@Aleksandr_theGr · 01.11.2022, 16:09 **[ТС]**

Сообщение от 8Observer8

Ещё одно преимущество PyQt6 в том, что QPainter сильно похож Canvas API, поэтому несложно сделать веб-версию своего приложения, которая может быть развёрнута, например, на бесплатном хостинге GitHub Pages и будет запускаться в один клик на всех ОС, где есть браузер, в том числе на мобильных устройствах. Демка в песочнице: https://plnkr.co/edit/sLfUEO4fTHJQ2gSs

Итого, получается, что:

для себя можно делать PyQt6-приложения, которые занимают минимальное место. Особенно актуально для ноутбуков
для других можно собирать на Qt C++ в исполняемые файлы для Windows, Linux, macOS, Android (Google Play), iOS (Apple Store). Особенно, если не хочется палить исходники - лицензия LGPL позволяет это делать, если не собирать в статику (то есть все Qt-dll в один exe), а для статики можно использовать GPL, но тогда нужно давать ссылку на свои исходники, например, на GitHub
можно сделать веб-версию, которая запускается в один клик на всех ОС и которую можно встраивать в соц. сети в виде веб-приложений

index.html

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
<html>
 
<head>
    <title>Домик</title>
 
    <style>
        .myFont *
        {
            font-size: 18.667px;
            font-family: serif
        }
    </style>
</head>
 
<body>
    <div style="position: absolute; width: 400px;" class="myFont">
        <div style="margin: 10px;">
            <span>Введите координаты домика:</span>
            <input id="housePosX" type="text" style="width: 50px;" value="150" />
            <input id="housePosY" type="text" style="width: 50px;" value="200" />
            <button onclick="onApplyButtonClick()">Применить</button>
        </div>
    </div>
 
    <canvas id="renderCanvas" width="400" height="400"></canvas>
 
    <script>
        const ctx = document.getElementById("renderCanvas").getContext("2d");
 
        const housePosXElem = document.getElementById("housePosX");
        const housePosYElem = document.getElementById("housePosY");
 
        let housePosX = parseInt(housePosXElem.value);
        let housePosY = parseInt(housePosYElem.value);
 
        draw();
 
        function onApplyButtonClick()
        {
            // console.log("click");
            housePosX = parseInt(housePosXElem.value);
            housePosY = parseInt(housePosYElem.value);
            draw();
        }
 
        function draw()
        {
            ctx.lineWidth = 1;
 
            // Заливка фона
            ctx.fillStyle = "rgba(240, 240, 240, 255)";
            ctx.fillRect(0, 0, ctx.canvas.width, ctx.canvas.height);
 
            // Основная часть домика
            ctx.fillStyle = "lightseagreen";
            ctx.fillRect(housePosX, housePosY, 100, 100);
            ctx.strokeStyle = "black";
            ctx.strokeRect(housePosX, housePosY, 100, 100);
 
            // Крыша
            ctx.fillStyle = "brown";
            ctx.beginPath();
            ctx.moveTo(housePosX - 10, housePosY);
            ctx.lineTo(housePosX + 50, housePosY - 50);
            ctx.lineTo(housePosX + 110, housePosY);
            ctx.lineTo(housePosX - 10, housePosY);
            ctx.fill();
 
            // Окно
            ctx.fillStyle = "black";
            ctx.fillRect(housePosX + 20, housePosY + 20, 30, 50);
            ctx.lineWidth = 3;
            ctx.strokeStyle = "white";
            ctx.strokeRect(housePosX + 20, housePosY + 20, 30, 50);
            ctx.beginPath();
            ctx.moveTo(housePosX + 20, housePosY + 40);
            ctx.lineTo(housePosX + 50, housePosY + 40);
            ctx.moveTo(housePosX + 35, housePosY + 40);
            ctx.lineTo(housePosX + 35, housePosY + 70);
            ctx.stroke();
        }
    </script>
</body>
 
</html>

Миниатюры

Вложение 1375606

Ого. Спасибо за все эти советы, но признаюсь для меня пока это всё просто набор слов )) я совсем начинающий. Ну как дойду до таких практик, просмотрю ваш код еще раз

@8Observer8 · 01.11.2022, 19:27

Сообщение от Aleksandr_theGr

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

Для меня также библиотека graph непонятна. Последовательно пройдите эти уроки https://zetcode.com/pyqt6/ и вам PyQt6 покажется не таким сложным, как сейчас, а даже очень дружелюбным. Заодно в английском нелишним будет попрактиковаться. Если в каком-то предложении или абзаце возникнет сложность, то используйте https://translate.google.com/ Этот переводчик переводит такие тексты на "хорошо" и даже чаще всего на "отлично". Лучше сразу взять что-то наиболее популярное, чтобы потом не переучиться и чтобы больше людей могло помочь. В конце туториала вы найдёте игру Тетрис. Как вариант, можно практиковаться в программировании, в изучении PyQt и Python на простых игрушках: Змейка, Арканойд и т.д. Таблицу рекордов сделать на SQLite, добавить мультиплеер на Qt WebSockets - огромный простор для фантазии в изучении PyQt.

@8Observer8 · 10.11.2022, 20:53

В PyQt есть обёртка над OpenGL. В перспективе можно рисовать не только в 2D, но и в 3D. На базовом уровне ничего сложного в OpenGL нет. Объекты рисуются треугольниками. Даже линию/отрезок нужно рисовать двумя треугольниками, которые образуют прямоугольник с малой высотой. Можно один раз задать прямоугольник, а потом трансформировать его с помощью использования класса QMatrix4x4. Координаты треугольников объекта задаются в массиве. Вершинный шейдер берёт последовательно координаты вершин из массива, а фрагментный шейдер пробегается по пикселям и задаёт цвет пикселя. Цвет можно передать через переменную в фрагментный шейдер.

Пример создания пустого окна с заданным цветом холста. Для запуска примера нужно поставить пакеты:

pip install PyQt6
pip install PyOpenGL

main.py

Python
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
import sys
 
from OpenGL import GL as gl
from PyQt6.QtCore import Qt
from PyQt6.QtOpenGLWidgets import QOpenGLWidget
from PyQt6.QtWidgets import QApplication
 
 
class Widget(QOpenGLWidget):
 
    def __init__(self):
        super().__init__()
        self.setWindowTitle("PyQt6, OpenGL 3.3")
        self.resize(400, 400)
 
    def initializeGL(self):
        gl.glClearColor(0.5, 0.5, 0.5, 1)
    
    def paintGL(self):
        gl.glClear(gl.GL_COLOR_BUFFER_BIT)
 
if __name__ == "__main__":
    QApplication.setAttribute(Qt.ApplicationAttribute.AA_UseDesktopOpenGL)
    app = QApplication(sys.argv)
    w = Widget()
    w.show()
    sys.exit(app.exec())

Здесь класс окна Widget наследуется от класса QOpenGLWidget. В классе QOpenGLWidget определены методы initializeGL() и paintGL(), которые переопределяются в примере выше. Метод initializeGL() будет вызван один раз до показа окна. Метод paintGL() будет вызван один раз после initializeGL() и далее будет вызываться каждый раз, когда система решит перерисовать окно, например, если изменить размер окна. Функция glClearColor(0.5, 0.5, 0.5, 1) выставляет цвет заливки холста. В данном случае цвет серый, а 1 в конце - это прозрачность (1 - непрозрачно, 0.5 - наполовину прозрачно, 0 - прозрачно). Цвет задаётся в нормированном виде, то есть от 0 до 1 для каждой компоненты цвета RGB. Нормирование происходит на 255, то есть если у вас есть цвет (128, 68, 35), то в OpenGL нужно будет использовать (128/255, 68/255, 35/255). Функция glClear(gl.GL_COLOR_BUFFER_BIT) очищает холст, заливая его заданным цветом.

Миниатюры

@8Observer8 · 10.11.2022, 20:59

Можно избавиться от написания "gl.", если импортировать из PyOpenGL так:

Python
1
from OpenGL.GL import *

А не так:

Python
1
from OpenGL import GL as gl

main.py

Python
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
import sys
 
from OpenGL.GL import *
from PyQt6.QtCore import Qt
from PyQt6.QtOpenGLWidgets import QOpenGLWidget
from PyQt6.QtWidgets import QApplication
 
 
class Widget(QOpenGLWidget):
 
    def __init__(self):
        super().__init__()
        self.setWindowTitle("PyQt6, OpenGL 3.3")
        self.resize(400, 400)
 
    def initializeGL(self):
        glClearColor(0.5, 0.5, 0.5, 1)
    
    def paintGL(self):
        glClear(GL_COLOR_BUFFER_BIT)
 
if __name__ == "__main__":
    QApplication.setAttribute(Qt.ApplicationAttribute.AA_UseDesktopOpenGL)
    app = QApplication(sys.argv)
    w = Widget()
    w.show()
    sys.exit(app.exec())

@8Observer8 · 10.11.2022, 22:21

Пример рисования двух прямоугольников с заданными координатами, размерами, углом поворота и цветами на PyQt6 и OpenGL3

На OpenGL можно самому определить систему координат. Можно где угодно расположить начало системы координат - в любой точке холста и любое направление осей. В данном случае, я как и в примерах темы расположил начало системы координат в верхнем левом углу, а ось Y направил вниз:

Python
1
2
        projMatrix = QMatrix4x4()
        projMatrix.ortho(0, 400, 400, 0, -10, 10);

Описание метода ortho: https://doc.qt.io/qt-6/qmatrix4x4.html#ortho

void QMatrix4x4::ortho(float left, float right, float bottom, float top, float nearPlane, float farPlane)

Multiplies this matrix by another that applies an orthographic projection for a window with lower-left corner (left, bottom), upper-right corner (right, top), and the specified nearPlane and farPlane clipping planes.

Задал такие координаты, размеры, углы и цвета для прямоугольников:

Python
1
2
3
4
5
6
7
8
9
        self.x0, self.y0 = 150, 150
        self.w0, self.h0 = 100, 80
        self.angle0 = 0
        self.color0 = QVector3D(0.9, 0.2, 0.2);
 
        self.x1, self.y1 = 150, 270
        self.w1, self.h1 = 150, 50
        self.angle1 = 20
        self.color1 = QVector3D(0.3, 0.9, 0.3);

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

pip install PyQt6
pip install PyOpenGL
pip install numpy

main.py

Python
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
import sys
 
import numpy as np
from OpenGL.GL import *
from PyQt6.QtCore import QSize, Qt
from PyQt6.QtGui import QMatrix4x4, QVector3D
from PyQt6.QtOpenGL import QOpenGLBuffer, QOpenGLShader, QOpenGLShaderProgram
from PyQt6.QtOpenGLWidgets import QOpenGLWidget
from PyQt6.QtWidgets import QApplication
 
 
class Widget(QOpenGLWidget):
 
    def __init__(self):
        super().__init__()
        self.setWindowTitle("PyQt6, OpenGL3")
        self.setFixedSize(QSize(300, 300))
 
    def initializeGL(self):
        glClearColor(0.95, 0.95, 0.95, 1.0)
 
        vertShaderSrc = """
            #version 330 core
            in vec3 aPosition;
            uniform mat4 uMvpMatrix;
            void main()
            {
                gl_Position = uMvpMatrix * vec4(aPosition, 1.0);
            }
        """
 
        fragShaderSrc = """
            #version 330 core
            uniform vec3 uColor;
            void main()
            {
                gl_FragColor = vec4(uColor, 1.0);
            }
        """
 
        self.program = QOpenGLShaderProgram(self)
        self.program.addShaderFromSourceCode(QOpenGLShader.ShaderTypeBit.Vertex, vertShaderSrc)
        self.program.addShaderFromSourceCode(QOpenGLShader.ShaderTypeBit.Fragment, fragShaderSrc)
        self.program.bindAttributeLocation("aPosition", 0)
        self.program.link()
        self.program.bind()
 
        vertPositions = np.array([
            -0.5, -0.5,
            0.5, -0.5,
            -0.5, 0.5,
            0.5, 0.5], dtype=np.float32)
        self.vertPosBuffer = QOpenGLBuffer()
        self.vertPosBuffer.create()
        self.vertPosBuffer.bind()
        self.vertPosBuffer.allocate(vertPositions, len(vertPositions) * 4)
        self.program.setAttributeBuffer(0, GL_FLOAT, 0, 2)
        self.program.enableAttributeArray(0)
 
        projMatrix = QMatrix4x4()
        projMatrix.ortho(0, 400, 400, 0, -10, 10);
 
        viewMatrix = QMatrix4x4()
        viewMatrix.lookAt(
            QVector3D(0, 0, 10),
            QVector3D(0, 0, 0),
            QVector3D(0, 1, 0))
 
        self.projViewMatrix = QMatrix4x4()
        self.projViewMatrix = projMatrix * viewMatrix
 
        self.uMvpMatrixLocation = self.program.uniformLocation("uMvpMatrix")
        self.mvpMatrix = QMatrix4x4()
 
        self.uColorLocation = self.program.uniformLocation("uColor");
 
        self.x0, self.y0 = 150, 150
        self.w0, self.h0 = 100, 80
        self.angle0 = 0
        self.color0 = QVector3D(0.9, 0.2, 0.2);
 
        self.x1, self.y1 = 150, 270
        self.w1, self.h1 = 150, 50
        self.angle1 = 20
        self.color1 = QVector3D(0.3, 0.9, 0.3);
 
        self.modelMatrix = QMatrix4x4()
 
    def paintGL(self):
        glClear(GL_COLOR_BUFFER_BIT)
 
        # First Rectangle
        self.modelMatrix.setToIdentity();
        self.modelMatrix.translate(self.x0, self.y0);
        self.modelMatrix.rotate(self.angle0, QVector3D(0, 0, 1));
        self.mvpMatrix = self.projViewMatrix * self.modelMatrix
        self.mvpMatrix.scale(self.w0, self.h0);
        self.program.bind();
        self.program.setUniformValue(self.uMvpMatrixLocation, self.mvpMatrix);
        self.program.setUniformValue(self.uColorLocation, self.color0);
        glDrawArrays(GL_TRIANGLE_STRIP, 0, 4)
 
        # Second Rectangle
        self.modelMatrix.setToIdentity();
        self.modelMatrix.translate(self.x1, self.y1);
        self.modelMatrix.rotate(self.angle1, QVector3D(0, 0, 1));
        self.mvpMatrix = self.projViewMatrix * self.modelMatrix
        self.mvpMatrix.scale(self.w1, self.h1);
        self.program.bind();
        self.program.setUniformValue(self.uMvpMatrixLocation, self.mvpMatrix);
        self.program.setUniformValue(self.uColorLocation, self.color1);
        glDrawArrays(GL_TRIANGLE_STRIP, 0, 4)
 
if __name__ == "__main__":
    QApplication.setAttribute(Qt.ApplicationAttribute.AA_UseDesktopOpenGL)
    app = QApplication(sys.argv)
    w = Widget()
    w.show()
    sys.exit(app.exec())

Миниатюры

@8Observer8 · 07.12.2022, 14:54

Немного поясню пример выше с шейдерным OpenGL. Конечно, наверное, лучше сначала было на нешейдерном нарисовать. В шейдерном определяют массив вершин треугольников, который сохраняют в оперативную память видеокарты. Шейдеры компилируются и отправляются тоже в оперативную память видеокарты. Далее, при вызове метода glDrawArrays графический процессор видеокарты (GPU) запускает вершинный шейдер для каждой вершины треугольника. Вершины по очереди попадают в переменную aPosition. Матрица Projection * View * Model умножается на каждую вершину. Фрагментный шейдер вызывается для каждого пикселя, устанавливая цвет пикселя.

В примере выше создан класс Widget, который унаследован от QOpenGLWidget. Это позволило переопределить два метода:

Python
1
2
3
4
5
6
7
8
9
from PyQt6.QtOpenGLWidgets import QOpenGLWidget
 
class Widget(QOpenGLWidget):
 
    def initializeGL(self):
        # ...
 
    def paintGL(self):
        # ...

Метод initializeGL() будет вызван один раз после вызова метода w.show():

Python
1
2
3
4
5
6
if __name__ == "__main__":
    QApplication.setAttribute(Qt.ApplicationAttribute.AA_UseDesktopOpenGL)
    app = QApplication(sys.argv)
    w = Widget()
    w.show()
    sys.exit(app.exec())

Метод paintGL() будет вызываться каждый раз, когда операционная система решит перерисовать окно. Например, если свернуть окно и показать.

В методе initializeGL() один раз вершины двух прямоугольников копируются в память оперативной памяти видеокарты:

Python
1
2
3
4
5
6
7
8
9
        vertPositions = np.array([
            -0.5, -0.5,
            0.5, -0.5,
            -0.5, 0.5,
            0.5, 0.5], dtype=np.float32)
        self.vertPosBuffer = QOpenGLBuffer()
        self.vertPosBuffer.create()
        self.vertPosBuffer.bind()
        self.vertPosBuffer.allocate(vertPositions, len(vertPositions) * 4)

Использован способ определения треугольников методом GL_TRIANGLE_STRIP, который указан в функции glDrawArrays(GL_TRIANGLE_STRIP, 0, 4)

Чем отличаются несколько методов определения треугольников:

Миниатюры

@8Observer8 · 07.12.2022, 15:32

Получение доступа к переменным шейдеров

Шейдеры, при каждом запуске программы, один раз компилируются и копируются в оперативную память видеокарты, потому что существуют разные производители видеокарта. В результате компиляции получается объект "program" класса QOpenGLShaderProgram, через который можно получать доступ к шейдерам. В шейдерах есть переменные, которые нужно задать извне: aPosition, uMvpMatrix и uColor. Для доступа к этим шейдерным переменным создаются идентификаторы:

Python
1
2
self.uMvpMatrixLocation = self.program.uniformLocation("uMvpMatrix")
self.uColorLocation = self.program.uniformLocation("uColor")

Для переменной aPosition можно задать идентификатор самостоятельно до момента линковки шейдеров:

Python
1
2
3
self.program.bindAttributeLocation("aPosition", 0)
self.program.link()
self.program.bind()

Теперь aPosition ассоциируется с идентификатором 0. Теперь можно настроить доступ к массиву треугольников, указал этот идентификатор, тип данных в массиве (float) и сколько чисел в массиве приходится на одну вершину (здесь 2, потому что задано по две координаты для одной вершины):

Python
1
2
self.program.setAttributeBuffer(0, GL_FLOAT, 0, 2)
self.program.enableAttributeArray(0)

Метод enableAttributeArray означает "активацию", что мы настроили и применили. Теперь вершинный шейдер знает по сколько значений копировать в переменную aPosition. При рисовании шейдер 4 раза последовательно скопирует по два значения в переменную aPosition:

Python
1
2
3
4
5
6
7
8
9
        vertShaderSrc = """
            #version 330 core
            in vec3 aPosition;
            uniform mat4 uMvpMatrix;
            void main()
            {
                gl_Position = uMvpMatrix * vec4(aPosition, 1.0);
            }
        """

Так будут заданы координаты 4-x вершин, по которым будет нарисовано два треугольника, то есть два полигона в 2D или 3D мире.

Переменная "uniform" означает, что она общая для всех вершин данного вызова glDrawArrays(), ещё значение устанавливается до вызова glDrawArrays(), например для результирующей матрицы и цвета полигонов:

Python
1
2
3
4
self.program.bind();
self.program.setUniformValue(self.uMvpMatrixLocation, self.mvpMatrix);
self.program.setUniformValue(self.uColorLocation, self.color0);
glDrawArrays(GL_TRIANGLE_STRIP, 0, 4)

Происходит передача значений в переменные uMvpMatrix и uColor.

@8Observer8 · 11.01.2023, 18:55

Как вариант, на Python можно создать окно на PySDL2, вывести GUI на ImGUI и нарисовать объекты с помощью нешейдерного OpenGL версии 1 со статическим конвейером. Правда, на ImGUI и Python не работает вывод на русском, хотя на C++ работает. Я создал issue по этому поводу: https://github.com/pyimgui/pyimgui/issues/316

pip install imgui PyOpenGL PySDL

main.py

Python
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
import ctypes
import sys
 
import imgui
from OpenGL.GL import *
import sdl2
from imgui.integrations.sdl2 import SDL2Renderer
 
g_maxFPS = 30.0
 
def main():
    if sdl2.SDL_Init(sdl2.SDL_INIT_VIDEO) != 0:
        print(sdl2.SDL_GetError())
        return -1
 
    winW, winH = (400, 400)
    window = sdl2.SDL_CreateWindow(
        b"ImGUI, OpenGL1, SDL2, Python",
        sdl2.SDL_WINDOWPOS_CENTERED, sdl2.SDL_WINDOWPOS_CENTERED,
        winW, winH, sdl2.SDL_WINDOW_OPENGL)
    if not window:
        print(sdl2.SDL_GetError())
        return -1
 
    context = sdl2.SDL_GL_CreateContext(window)
    sdl2.SDL_GL_SetAttribute(sdl2.SDL_GL_DOUBLEBUFFER, 1)
 
    # Setup Dear ImGui context
    imgui.create_context()
    impl = SDL2Renderer(window)
 
    glClearColor(0.3, 0.2, 0.2, 1)
 
    glMatrixMode(GL_PROJECTION)
    glLoadIdentity()
    glOrtho(0, 400, 400, 0, -1, 1)
    glViewport(0, 0, winW, winH)
 
    xCoord, yCoord = 150, 200
 
    event = sdl2.SDL_Event()
    running = True
    startTicks = 0.0
    frameTicks = 0.0
    while running:
        while sdl2.SDL_PollEvent(ctypes.byref(event)) != 0:
            if event.type == sdl2.SDL_QUIT:
                running = False
            impl.process_event(event)
        impl.process_inputs()
 
        startTicks = sdl2.SDL_GetTicks()
 
        imgui.new_frame()
 
        imgui.begin("Control Panel", True)
        imgui.text("Enter the coordinates of the house:")
        # Get X
        imgui.text("x:")
        imgui.same_line()
        changed, xCoord = imgui.input_text("##", str(xCoord), 10)
        xCoord = int(xCoord)
        # Get Y
        imgui.text("y:")
        imgui.same_line()
        changed, yCoord = imgui.input_text("###", str(yCoord), 10)
        yCoord = int(yCoord)
        # if imgui.button("Apply"):
            # print("({}, {})".format(xCoord, yCoord))
        imgui.end()
 
        glClear(GL_COLOR_BUFFER_BIT) # Clear screen
        glMatrixMode(GL_MODELVIEW)
        glLoadIdentity()
 
        glColor3f(0, 1, 0)
        glPushMatrix()
        glTranslate(xCoord, yCoord, 0)
        glScale(100, 100, 1)
        glBegin(GL_QUADS)
        glVertex2f(-0.5, -0.5)
        glVertex2f(-0.5, 0.5)
        glVertex2f(0.5, 0.5)
        glVertex2f(0.5, -0.5)
        glEnd()
        glPopMatrix()
 
        imgui.render()
        impl.render(imgui.get_draw_data())
        sdl2.SDL_GL_SwapWindow(window)
 
        # Limit the FPS to the max FPS
        frameTicks = sdl2.SDL_GetTicks() - startTicks
        if (1000.0 / g_maxFPS > frameTicks):
            sdl2.SDL_Delay(int(1000.0 / g_maxFPS - frameTicks))
 
    sdl2.SDL_GL_DeleteContext(context)
    sdl2.SDL_DestroyWindow(window)
    sdl2.SDL_Quit()
    return 0
 
if __name__ == "__main__":
    sys.exit(main())

Миниатюры

@8Observer8 · 11.01.2023, 19:01

Ошибся в названии пакета. Надо было PySDL2 вместо PySDL:

pip install imgui PyOpenGL PySDL2

@LisovozkaAlo · 02.02.2023, 16:05

Друг, спасибо что ты есть, так подробно разжевать вопрос это талант, сам изучаю Python последние 3 месяца и ты очень помог, спасибо!

@8Observer8 · 05.02.2023, 16:15

Текущий итог моих умозаключений по поводу инструментов для рисования графики. Библиотека PySDL2 хороша, но есть критичные для меня недостатки, об этом ниже. Её API похож на PyGame, так как PyGame использует SDL2. PySDL2 может быть использована как база (окно, клавиатура, мышь) для OpenGL графики для рисования не только в 2D, но и в 3D. Данный домик можно было бы нарисовать в 3D и это необходимо сделать на следующей итерации развития проекта. На этапе релиза проекта PySDL2 можно переписать на SDL С++ (из PyQt значительно проще переписать на Qt C++), чтобы собрать EXE, а также SDL2 позволяет собирать для Android, iOS и для Web в WASM (WebAssembly) с помощью Emscripten SDK. То есть можно иметь у себя на компьютере Python версии приложений, которые проще развивать, чем С++, они занимают мало места, а при необходимости переписывать на C++.

Но есть альтернативный вариант и это PyQt и Qt C++. Этот вариант имеет ряд преимуществ:

Отличная поддержка WebSockets. Можно писать серверы на Node.js или на Python и развёртывать их на бесплатных хостингах: https://render.com/ и https://glitch.com/ Это можно использовать для тренировки написания клиент-серверных приложений, например, написания небольших игр с мультиплеером или кооперативом: Крестики-Нолики, Морской Бой, Шашки, Танчики, карточные игры типа Дурак или Покер и т.д. Можно писать неигровые 3D приложения с анимациями, где присутствуют несколько человек одновременно. Состояние с чистым C++ в плане библиотек для веб-сокетов плохое. Я пробовал socket.io-client-cpp и websocketpp, но не смог справиться с проблемами, например: Invalid use of reserved bits
Qt имеет намного более интуитивно понятное создание GUI, чем ImGUI. Python версия ImGUI не умеет выводить текст на русском: Cyrillic fonts. ImGUI, OpenGL, SDL2, Python
PyQt намного проще "переправить" на Qt C++, чем PySDL2 на SDL2 для создания релизов в виде исполняемых файлов. Qt уже имеет большинство всего необходимого из коробки, например: работа с линейной алгеброй (QMatrix4x4, QVector3D, QQuaternion), QPainter, XML, JSON, WebSockets, SQLite, GUI и т.д. На Qt намного проще собирать релизы для Android, iOS и Web. Например, на Qt Android всё само автоматически настраивается. Я собирал под Android приложения с OpenGL графикой. На SDL2 только видел какие сложные инструкции.
PyQt изучать намного более выгодно, чем SDL2 (и другие инструменты), потому что даже если человек не будет заниматься компьютерной графикой, то он получит знания и навыки работы с GUI и другими модулями PyQt, познакомится с концепцией сигнал/слот и т.д. Ему несложно будет параллельно осваивать Qt C++. Очевидно, что вакансий на Qt значительно больше, чем на других GUI-фремворках. Поэтому, чтобы не распыляться, лучше сразу учиться программировать на PyQt.

Для себя решил, что лучше всего брать OpenGL версии 2 вместо версии 1 и версии 3, потому что у меня почему-то приложения на версии 3 не запускаются на эмуляторе Android (и на железе тоже). OpenGL 2.1 - практически тоже самое, что и OpenGL ES 2.0. Версии 2.1 может быть более чем достаточно для всех задач. Данная задача с домиком очень показательна - надо обязательно как можно чаще делать задачи в сочетании графики с GUI, конечно, если интересна графика.

Демка в браузере на JavaScript и WebGL
EXE для Windows 10, 64-bit: house-2d-opengl21-qt6-cpp-win10-64bit-exe.zip (7.48 Мб)
Исходники на GitHub

Code
1
pip install numpy PyOpenGL PyQt6

assets/shaders/default.vert

glSlang
1
2
3
4
5
6
7
attribute vec2 aPosition;
uniform mat4 uMvpMatrix;
 
void main()
{
    gl_Position = uMvpMatrix * vec4(aPosition, 0.0, 1.0);
}

assets/shaders/default.frag

glSlang
1
2
3
4
5
6
7
8
precision mediump float;
 
uniform vec3 uColor;
 
void main()
{
    gl_FragColor = vec4(uColor, 1.0);
}

main.py

Python
1
2
3
4
5
6
7
8
9
10
11
12
13
import sys
 
from PyQt6.QtCore import Qt
from PyQt6.QtWidgets import QApplication
 
from main_window import MainWindow
 
if __name__ == "__main__":
    QApplication.setAttribute(Qt.ApplicationAttribute.AA_UseDesktopOpenGL)
    app = QApplication(sys.argv)
    w = MainWindow()
    w.show()
    sys.exit(app.exec())

main_window.py.py

Python
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
from types import SimpleNamespace
 
from PyQt6.QtCore import QSize, Qt, pyqtSignal
from PyQt6.QtGui import QFont
from PyQt6.QtWidgets import (QHBoxLayout, QLabel, QLineEdit, QPushButton,
                             QSizePolicy, QVBoxLayout, QWidget)
 
from opengl_widget import OpenGLWidget
 
 
class MainWindow(QWidget):
 
    setParams = pyqtSignal(object)
 
    def __init__(self):
        super().__init__()
        self.setWindowTitle("OpenGL21 PyQt6 Python")
        self.setFixedSize(QSize(312, 400))
 
        coordLabel = QLabel("Введите координаты домика:")
        coordLabel.setSizePolicy(QSizePolicy.Policy.Fixed, QSizePolicy.Policy.Fixed)
        self.xLineEdit = QLineEdit("75")
        self.yLineEdit = QLineEdit("100")
 
        xLabel = QLabel("x:")
        yLabel = QLabel("y:")
        hbox = QHBoxLayout()
        hbox.addWidget(xLabel)
        hbox.addWidget(self.xLineEdit)
        hbox.addWidget(yLabel)
        hbox.addWidget(self.yLineEdit)
        # hbox.addStretch(1)
 
        applyButton = QPushButton("Применить")
        applyButton.setFixedSize(QSize(100, 30))
        applyButton.clicked.connect(self.onApplyButtonClick)
        applyButtonLayout = QHBoxLayout()
        applyButtonLayout.setAlignment(Qt.AlignmentFlag.AlignHCenter)
        applyButtonLayout.addWidget(applyButton)
 
        openGLWidget = OpenGLWidget()
 
        vbox = QVBoxLayout()
        vbox.addWidget(coordLabel)
        vbox.addLayout(hbox)
        vbox.addLayout(applyButtonLayout)
        vbox.addWidget(openGLWidget)
        self.setLayout(vbox)
 
        font = QFont("serif", 11)
        coordLabel.setFont(font)
        self.xLineEdit.setFont(font)
        self.yLineEdit.setFont(font)
        xLabel.setFont(font)
        yLabel.setFont(font)
        applyButton.setFont(font)
 
        self.setParams.connect(openGLWidget.setParamsSlot)
        obj = SimpleNamespace()
        obj.x = int(self.xLineEdit.text())
        obj.y = int(self.yLineEdit.text())
        self.setParams.emit(obj)
 
    def onApplyButtonClick(self):
        obj = SimpleNamespace()
        obj.x = int(self.xLineEdit.text())
        obj.y = int(self.yLineEdit.text())
        self.setParams.emit(obj)

opengl_widget.py.py

Python
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
import numpy as np
from OpenGL.GL import *
from PyQt6.QtGui import QMatrix4x4, QSurfaceFormat, QVector3D
from PyQt6.QtOpenGL import QOpenGLBuffer, QOpenGLShader, QOpenGLShaderProgram
from PyQt6.QtOpenGLWidgets import QOpenGLWidget
 
from renderable import Renderable
 
 
class OpenGLWidget(QOpenGLWidget):
 
    def __init__(self):
        super().__init__()
        self.housePosX = 0
        self.housePosY = 0
        # Set format
        format = QSurfaceFormat()
        format.setSamples(8)
        self.setFormat(format)
 
    def initializeGL(self):
        glClearColor(0.77, 0.93, 0.95, 1)
 
        self.program = QOpenGLShaderProgram()
        self.program.addShaderFromSourceFile(QOpenGLShader.ShaderTypeBit.Vertex,
            "assets/shaders/default.vert")
        self.program.addShaderFromSourceFile(QOpenGLShader.ShaderTypeBit.Fragment,
            "assets/shaders/default.frag")
        self.program.bindAttributeLocation("aPosition", 0)
        self.program.link()
        self.program.bind()
 
        vertPositions = np.array([
            0, 0, # Quad
            1, 0,
            0, 1,
            1, 1,
            0, 0, # Triangle
            1.2, -1,
            2.4, 0], dtype=np.float32)
        self.vertPosBuffer = QOpenGLBuffer()
        self.vertPosBuffer.create()
        self.vertPosBuffer.bind()
        self.vertPosBuffer.allocate(vertPositions, len(vertPositions) * 4)
        self.program.setAttributeBuffer(0, GL_FLOAT, 0, 2)
        self.program.enableAttributeArray(0)
 
        self.modelMatrix = QMatrix4x4()
        self.mvpMatrix = QMatrix4x4()
 
        projMatrix = QMatrix4x4()
        projMatrix.ortho(0, 200, 200, 0, 1, -1)
 
        viewMatrix = QMatrix4x4()
        viewMatrix.lookAt(
            QVector3D(0, 0, 1),
            QVector3D(0, 0, 0),
            QVector3D(0, 1, 0))
 
        self.projViewMatrix = QMatrix4x4()
        self.projViewMatrix = projMatrix * viewMatrix
 
        self.uMvpMatrixLocation = self.program.uniformLocation("uMvpMatrix")
        self.uColorLocation = self.program.uniformLocation("uColor")
 
        houseBody = Renderable(0, 0, 100, 100, QVector3D(0, 0.7, 0), 0, 4)
        roof = Renderable(-10, 0, 50, 50, QVector3D(0.35, 0.25, 0.2), 4, 4)
        window = Renderable(20, 20, 30, 50, QVector3D(0, 0, 0), 0, 4)
        windowLine0 = Renderable(20, 38, 30, 4, QVector3D(1, 1, 1), 0, 4)
        windowLine1 = Renderable(33, 40, 4, 30, QVector3D(1, 1, 1), 0, 4)
 
        self.objects = []
        self.objects.append(houseBody)
        self.objects.append(roof)
        self.objects.append(window)
        self.objects.append(windowLine0)
        self.objects.append(windowLine1)
 
    def paintGL(self):
        glClear(GL_COLOR_BUFFER_BIT)
 
        for obj in self.objects:
            self.modelMatrix.setToIdentity()
            self.modelMatrix.translate(self.housePosX + obj.x,
                self.housePosY + obj.y)
            self.modelMatrix.rotate(obj.angle, QVector3D(0, 0, 1))
            self.mvpMatrix = self.projViewMatrix * self.modelMatrix
            self.mvpMatrix.scale(obj.w, obj.h)
            self.program.bind()
            self.program.setUniformValue(self.uMvpMatrixLocation, self.mvpMatrix)
            self.program.setUniformValue(self.uColorLocation, obj.color)
            glDrawArrays(GL_TRIANGLE_STRIP, obj.startIndex, obj.amountOfVertices)
 
    def setParamsSlot(self, params):
        self.housePosX = params.x
        self.housePosY = params.y
        self.update()

renderable.py.py

Python
1
2
3
4
5
6
7
8
class Renderable():
    def __init__(self, x, y, w, h, color, startIndex, amountOfVertices, angle = 0):
        self.x, self.y = x, y
        self.w, self.h = w, h
        self.angle = angle
        self.color = color
        self.startIndex = startIndex
        self.amountOfVertices = amountOfVertices

Миниатюры

Новые блоги и статьи Все статьи Все блоги /
Символьное дифференцирование igorrr37 13.02.2026 / * Логарифм записывается как: (x-2)log(x^2+2) - означает логарифм (x^2+2) по основанию (x-2). Унарный минус обозначается как ! */ #include <iostream> #include <stack> #include <cctype>. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .	И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image 8Observer8 10.02.2026 Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .	Установка Qt-версии Lazarus IDE в Debian Trixie Xfce volvo 10.02.2026 В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .

@8Observer8 9933 / 2936 / 494 Регистрация: 05.10.2013 Сообщений: 7,965 Записей в блоге: 232
	22.10.2022, 23:28
	Скриншот выше не обновил, где включил папку platforms с qwindows.dll Изображения 1

@LisovozkaAlo 1 / 1 / 0 Регистрация: 02.02.2023 Сообщений: 3
	02.02.2023, 16:05
	Друг, спасибо что ты есть, так подробно разжевать вопрос это талант, сам изучаю Python последние 3 месяца и ты очень помог, спасибо! 1

Нарисовать домик

Решение