GameDev on Qt - 1-сабақ. QGraphicsScene ішінде тінтуірдің қозғалысын бақылау

QGraphicsScene, отслеживание, cursor, GameDev, Qt, mouse

Кримсонленд ойыны бәрінің есінде ме? Онда құбыжықтарды үйіп-қонып түсіру керек болды. Ойын алаңында қозғалу үшін біз W, A, S, D, пернелерін және түсіру бағыты үшін курсор тышқан , одан кейін бақылауды қолдандық. Сонымен, бұл тінтуірді бақылаудың жұмыс механизмі өте қарапайым. Бағдарламалауда қолданылатын құралдарға байланысты көптеген іске асырулар болуы мүмкін, бірақ егер біз әдеттегі QGraphicsScene туралы айтатын болсақ, онда мен сізге осындай механизмді енгізуді көрсетуге рұқсат етіңіздер. .

Жоба құрылымы

Негізгі файлдардан басқа, бұл жоба екі қосымша сыныпты пайдаланады. Біріншісі - курсор орнын бақылайтын және оның орны туралы ақпаратты беретін реттелетін QGraphicsScene , ал екіншісі - басты кейіпкер, біздің сүйікті Қызыл үшбұрыш , біз оны арқылы басқарамыз. W пернелері, A, S, D.

Жоба құрылымы:

• TargetMotion.pro - Жоба профилі;
• widget.h - Негізгі қолданба терезесінің тақырып файлы;
• widget.cpp - Негізгі қолданба терезесі үшін бастапқы код файлы;
• triangle.h - Басты кейіпкердің тақырып файлы Қызыл үшбұрыш;
• triangle.cpp - Қызыл үшбұрыштың негізгі таңбасының бастапқы код файлы;
• customscene.h - теңшелген графикалық көрініс тақырыбы файлы;
• customscene.cpp - теңшелген графикалық көріністің бастапқы код файлы;
• cursor.qrc - теңшелген тінтуір курсоры бар ресурс файлы.

Тінтуірді бақылауды жазу

widget.ui

Қолданбаның негізгі терезесіне арналған пішін файлы. Біз жай ғана оған QGraphicsView класының объектісін лақтырып, оны бүкіл терезеге созамыз.

customscene.h

Бұл тақырып файлында тек тінтуірдің mouseMoveEvent() қозғалысын бақылау әдісін және сыныпты мұрагер етуді есте сақтай отырып, тінтуір орнының координаталары берілетін сигналды жариялау ғана қажет. QGraphicsScene. сайтынан

#ifndef CUSTOMSCENE\_H
#define CUSTOMSCENE\_H

#include <QObject>
#include <QGraphicsScene>
#include <QGraphicsSceneMouseEvent>

class CustomScene : public QGraphicsScene
{
    Q\_OBJECT
public:
    explicit CustomScene(QObject *parent = 0);
    ~CustomScene();

signals:
    // Сигнал для передачи координат положения курсора мыши
    void signalTargetCoordinate(QPointF point);

public slots:

private:
    // Функция, в которой производится отслеживание положения мыши
    void mouseMoveEvent(QGraphicsSceneMouseEvent *event);
};

#endif // CUSTOMSCENE\_H

customscene.cpp

Сенсеңіз де, сенбесеңіз де, бастапқы файлда mouseMoveEvent. әдісіндегі координаттары бар сигналды шақырамыз.

#include "customscene.h"

CustomScene::CustomScene(QObject *parent) :
    QGraphicsScene()
{
    Q\_UNUSED(parent);
}

CustomScene::~CustomScene()
{

}

void CustomScene::mouseMoveEvent(QGraphicsSceneMouseEvent *event)
{
    emit signalTargetCoordinate(event->scenePos());
}

үшбұрыш.сағ

Енді біз кейіпкерімізді дұрыс көрсету және ойында курсорды бақылауды жүзеге асыру үшін қажетті барлық нысандар мен функцияларды жариялаймыз. Осы сыныптың жұмысын және оның шығу тегі туралы толығырақ түсіну үшін [Qt оқулықтары] бөлімінде ұсынылған «Qt ойынын қалай жазуға болады» мақалалар сериясын оқуды ұсынамын (https). ://evileg.com/knowledge/qt/).

Ескерту . WinAPI кітапханалары түймелерді басуды өңдеу үшін пайдаланылады.

#ifndef TRIANGLE\_H
#define TRIANGLE\_H

#include <QObject>
#include <QGraphicsItem>
#include <QPainter>
#include <QPolygon>
#include <QTimer>

#include <windows.h>

class Triangle : public QObject, public QGraphicsItem
{
    Q\_OBJECT
public:
    explicit Triangle(QObject *parent = 0);
    ~Triangle();

signals:

public slots:
    // Слот для получения данных о положении курсора
    void slotTarget(QPointF point);

private:
    QRectF boundingRect() const;
    void paint(QPainter *painter, const QStyleOptionGraphicsItem *option, QWidget *widget);

private slots:
    void slotGameTimer();   // Игровой слот

private:
    QTimer *gameTimer;      // Игровой таймер
    QPointF target;         // Положение курсора
};

#endif // TRIANGLE\_H

triangle.cpp

Бұл жағдайда үшбұрыш бір рет сызылады, бірақ бұл нысан ойын таймерінің сигналы және курсордың қозғалысы туралы графикалық көріністің сигналдары арқылы мезгіл-мезгіл графикалық көрініс бойынша айналады және жылжытылады. Егер курсор қозғалмаса, тек үшбұрыш қозғалса, онда үшбұрыш әлі де тінтуір курсорының артынан жүреді, өйткені үшбұрыш графикалық көріністе курсордың соңғы орны туралы ақпаратты сақтайды. .

#include "triangle.h"
#include <math.h>

static const double Pi = 3.14159265358979323846264338327950288419717;
static double TwoPi = 2.0 * Pi;

static qreal normalizeAngle(qreal angle)
{
    while (angle < 0)
        angle += TwoPi;
    while (angle > TwoPi)
        angle -= TwoPi;
    return angle;
}

Triangle::Triangle(QObject *parent) :
    QObject(parent), QGraphicsItem()
{
    setRotation(0);      // Устанавливаем исходный разворот треугольника
    gameTimer = new QTimer();   // Инициализируем игровой таймер
    // Подключаем сигнал от таймера и слоту обработки игрового таймера
    connect(gameTimer, &QTimer::timeout, this, &Triangle::slotGameTimer);
    gameTimer->start(10);   // Стартуем таймер
    target = QPointF(0,0);  // Устанавливаем изначальное положение курсора
}

Triangle::~Triangle()
{

}

QRectF Triangle::boundingRect() const
{
    return QRectF(-20,-30,40,60);
}

void Triangle::paint(QPainter *painter, const QStyleOptionGraphicsItem *option, QWidget *widget)
{
    /* Отрисовка треугольника
     * */
    QPolygon polygon;
    polygon << QPoint(0,-30) << QPoint(20,30) << QPoint(-20,30);
    painter->setBrush(Qt::red);
    painter->drawPolygon(polygon);

    Q\_UNUSED(option);
    Q\_UNUSED(widget);
}

void Triangle::slotTarget(QPointF point)
{
    // Определяем расстояние до цели
    target = point;
    QLineF lineToTarget(QPointF(0, 0), mapFromScene(target));
    // Угол поворота в направлении к цели
    qreal angleToTarget = ::acos(lineToTarget.dx() / lineToTarget.length());
    if (lineToTarget.dy() < 0)
        angleToTarget = TwoPi - angleToTarget;
    angleToTarget = normalizeAngle((Pi - angleToTarget) + Pi / 2);

    /* В Зависимости от того, слева или справа находится Цель от Героя,
     * устанавливаем направление поворота Героя в данном тике таймера
     * */
    if (angleToTarget >= 0 && angleToTarget < Pi) {
        // Rotate left
        setRotation(rotation() - angleToTarget * 180 /Pi);
    } else if (angleToTarget <= TwoPi && angleToTarget > Pi) {
        // Rotate right
        setRotation(rotation() + (angleToTarget - TwoPi )* (-180) /Pi);
    }
}

void Triangle::slotGameTimer()
{
    /* Перемещаем треугольник в зависимости от нажатых кнопок
     * */
    if(GetAsyncKeyState('A')){
        this->setX(this->x() - 2);
    }
    if(GetAsyncKeyState('D')){
        this->setX(this->x() + 2);
    }
    if(GetAsyncKeyState('W')){
        this->setY(this->y() - 2);
    }
    if(GetAsyncKeyState('S')){
        this->setY(this->y() + 2);
    }

    /* Проверка выхода за границы поля
     * Если объект выходит за заданные границы, то возвращаем его назад
     * */
    if(this->x() - 30 < 0){
        this->setX(30);         // слева
    }
    if(this->x() + 30 > 500){
        this->setX(500 - 30);   // справа
    }

    if(this->y() - 30 < 0){
        this->setY(30);         // сверху
    }
    if(this->y() + 30 > 500){
        this->setY(500 - 30);   // снизу
    }

    QLineF lineToTarget(QPointF(0, 0), mapFromScene(target));
    // Угол поворота в направлении к цели
    qreal angleToTarget = ::acos(lineToTarget.dx() / lineToTarget.length());
    if (lineToTarget.dy() < 0)
        angleToTarget = TwoPi - angleToTarget;
    angleToTarget = normalizeAngle((Pi - angleToTarget) + Pi / 2);

    /* В Зависимости от того, слева или справа находится Цель от Героя,
     * устанавливаем направление поворота Героя в данном тике таймера
     * */
    if (angleToTarget >= 0 && angleToTarget < Pi) {
        // Rotate left
        setRotation(rotation() - angleToTarget * 180 /Pi);
    } else if (angleToTarget <= TwoPi && angleToTarget > Pi) {
        // Rotate right
        setRotation(rotation() + (angleToTarget - TwoPi )* (-180) /Pi);
    }
}

виджет.h

Енді сіз барлығын негізгі қолданба терезесінің класында орналасатын ойын өзегіне біріктіруіңіз керек.

#ifndef WIDGET\_H
#define WIDGET\_H

#include <QWidget>
#include <QGraphicsScene>
#include <QGraphicsItem>

#include <triangle.h>
#include <customscene.h>

namespace Ui {
class Widget;
}

class Widget : public QWidget
{
    Q\_OBJECT

public:
    explicit Widget(QWidget *parent = 0);
    ~Widget();

private:
    Ui::Widget *ui;
    CustomScene  *scene;    // Объявляем графическую сцену
    Triangle *triangle;     // Объявляем треугольник
};

#endif // WIDGET\_H

widget.cpp

Бұл файл барлық ойын объектілерін (графикалық көрініс пен үшбұрыш) жариялайды және инициализациялайды, сонымен қатар графикалық көріністен үшбұрышқа сигнал жіберілетін Bridge типті дизайн үлгісін пайдаланады.

#include "widget.h"
#include "ui\_widget.h"

Widget::Widget(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::Widget)
{
    // Устанавливаем параметры окна приложения
    this->resize(600,600);
    this->setFixedSize(600,600);

    ui->setupUi(this);
    scene   = new CustomScene();    // Инициализируем кастомизированную сцену

    ui->graphicsView->setScene(scene);  /// Устанавливаем графическую сцену в graphicsView
    ui->graphicsView->setRenderHint(QPainter::Antialiasing);    /// Устанавливаем сглаживание
    ui->graphicsView->setVerticalScrollBarPolicy(Qt::ScrollBarAlwaysOff); /// Отключаем скроллбар по вертикали
    ui->graphicsView->setHorizontalScrollBarPolicy(Qt::ScrollBarAlwaysOff); /// Отключаем скроллбар по горизонтали

    scene->setSceneRect(0,0,500,500);   // Устанавливаем размеры графической сцены

    // Создаем кастомизированный курсор из ресурсного файла
    QCursor cursor = QCursor(QPixmap(":/cursor/cursorTarget.png"));
    ui->graphicsView->setCursor(cursor);    // Устанавливаем курсор в QGraphicsView
    triangle = new Triangle();  // Инициализируем треугольник
    triangle->setPos(250,250);  // Устанавливаем стартовую позицию треугольника
    scene->addItem(triangle);   // Добавляем треугольник на графическую сцену

    /* Разрешаем отслеживание положение курсора мыши
     * без необходимости нажатия на кнопки мыши
     * Применяем это свойство именно для QGraphicsView,
     * в котором установлена графическая сцена
     * */
    ui->graphicsView->setMouseTracking(true);

    // Подключаем сигнал от графической сцены к слоту треугольника
    connect(scene, &CustomScene::signalTargetCoordinate, triangle, &Triangle::slotTarget);
}

Widget::~Widget()
{
    delete ui;
}

Барлығы

Нәтижесінде сіз графикалық көріністе үшбұрыш аласыз, ол W, A, S, D пернелерінің әсерінен оның бойымен қозғалады және графикалық көрініс ішінде болса, әрқашан тінтуір курсорына қарайды. .

Бұл мысалдың демонстрациясы осы мақалаға арналған бейне оқулықта берілген.

Бейне оқулық