Home | All Classes | Main Classes | Annotated | Grouped Classes | Functions |

# TQt Tutorial - Chapter 14: Facing the Wall

This is the final example: a complete game.

We add keyboard accelerators and introduce mouse events to CannonField. We put a frame around the CannonField and add a barrier (wall) to make the game more challenging.

- t14/lcdrange.h contains the LCDRange class definition.
- t14/lcdrange.cpp contains the LCDRange implementation.
- t14/cannon.h contains the CannonField class definition.
- t14/cannon.cpp contains the CannonField implementation.
- t14/gamebrd.h contains the GameBoard class definition.
- t14/gamebrd.cpp contains the GameBoard implementation.
- t14/main.cpp contains MyWidget and main.

## Line-by-line Walkthrough

### t14/cannon.h

The CannonField can now receive mouse events to make the user aim the barrel by clicking on it and dragging. CannonField also has a barrier wall.

        protected:
            void  paintEvent( TQPaintEvent * );
            void  mousePressEvent( TQMouseEvent * );
            void  mouseMoveEvent( TQMouseEvent * );
            void  mouseReleaseEvent( TQMouseEvent * );

In addition to the familiar event handlers, CannonField implements three mouse event handlers. The names say it all.

            void  paintBarrier( TQPainter * );

This private function paints the barrier wall.

            TQRect barrierRect() const;

This private function returns the enclosing rectangle of the barrier.

            bool  barrelHit( const TQPoint & ) const;

This private function checks if a point is inside the barrel of the cannon.

            bool barrelPressed;

This private variable is TRUE if the user has pressed the mouse on the barrel and not released it.

### t14/cannon.cpp

            barrelPressed = FALSE;

This line has been added to the constructor. Initially, the mouse is not pressed on the barrel.

            } else if ( shotR.x() > width() || shotR.y() > height() ||
                        shotR.intersects(barrierRect()) ) {

Now that we have a barrier, there are three ways to miss. We test for the third, too.

        void CannonField::mousePressEvent( TQMouseEvent *e )
        {
            if ( e->button() != LeftButton )
                return;
            if ( barrelHit( e->pos() ) )
                barrelPressed = TRUE;
        }

This is a TQt event handler. It is called when the user presses a mouse button when the mouse cursor is over the widget.

If the event was not generated by the left mouse button, we return immediately. Otherwise, we check if the position of the mouse cursor is within the cannon's barrel. If it is, we set `barrelPressed` to TRUE.

Notice that the pos() function returns a point in the widget's coordinate system.

        void CannonField::mouseMoveEvent( TQMouseEvent *e )
        {
            if ( !barrelPressed )
                return;
            TQPoint pnt = e->pos();
            if ( pnt.x() <= 0 )
                pnt.setX( 1 );
            if ( pnt.y() >= height() )
                pnt.setY( height() - 1 );
            double rad = atan(((double)rect().bottom()-pnt.y())/pnt.x());
            setAngle( tqRound ( rad*180/3.14159265 ) );
        }

This is another TQt event handler. It is called when the user already has pressed the mouse button inside this widget and then moves/drags the mouse. (You can make TQt send mouse move events even when no buttons are pressed. See TQWidget::setMouseTracking().)

This handler repositions the cannon's barrel according to the position of the mouse cursor.

First, if the barrel is not pressed, we return. Next, we fetch the mouse cursor's position. If the mouse cursor is to the left or below the widget, we adjust the point to be inside the widget.

Then we calculate the angle between the bottom edge of the widget and the imaginary line between the bottom-left corner of the widget and the cursor position. Finally we set the cannon's angle to the new value converted to degrees.

Remember that setAngle() redraws the cannon.

        void CannonField::mouseReleaseEvent( TQMouseEvent *e )
        {
            if ( e->button() == LeftButton )
                barrelPressed = FALSE;
        }

This TQt event handler is called whenever the user releases a mouse button and it was pressed inside this widget.

If the left button is released, we can be sure that the barrel is no longer pressed.

The paint event has two extra lines:

            if ( updateR.intersects( barrierRect() ) )
                paintBarrier( &p );

paintBarrier() does the same sort of thing as paintShot(), paintTarget(), and paintCannon().

        void CannonField::paintBarrier( TQPainter *p )
        {
            p->setBrush( yellow );
            p->setPen( black );
            p->drawRect( barrierRect() );
        }

This private function paints the barrier as a rectangle filled with yellow and with a black outline.

        TQRect CannonField::barrierRect() const
        {
            return TQRect( 145, height() - 100, 15, 100 );
        }

This private function returns the rectangle of the barrier. We fix the bottom edge of the barrier to the bottom edge of the widget.

        bool CannonField::barrelHit( const TQPoint &p ) const
        {
            TQWMatrix mtx;
            mtx.translate( 0, height() - 1 );
            mtx.rotate( -ang );
            mtx = mtx.invert();
            return barrelRect.contains( mtx.map(p) );
        }

This function returns TRUE if the point is in the barrel; otherwise it returns FALSE.

Here we use the class TQWMatrix. It is defined in the header file ntqwmatrix.h, which is included by ntqpainter.h.

TQWMatrix defines a coordinate system mapping. It can perform the same transformations as the TQPainter.

Here we perform the same transformation steps as we do when drawing the barrel in the paintCannon() function. First we translate the coordinate system and then we rotate it.

Now we need to check whether the point `p` (in widget coordinates) lies inside the barrel. To do this, we invert the transformation matrix. The inverted matrix performs the inverse transformation that we used when drawing the barrel. We map the point `p` using the inverted matrix and return TRUE if it is inside the original barrel rectangle.

### t14/gamebrd.cpp

        #include <ntqaccel.h>

We include the class definition of TQAccel.

            TQVBox *box = new TQVBox( this, "cannonFrame" );
            box->setFrameStyle( TQFrame::WinPanel | TQFrame::Sunken );
            cannonField = new CannonField( box, "cannonField" );

We create and set up a TQVBox, set its frame style, and then create `CannonField` as a child of that box. Because nothing else is in the box, the effect is that the TQVBox will put a frame around the CannonField.

            TQAccel *accel = new TQAccel( this );
            accel->connectItem( accel->insertItem( Key_Enter ),
                                this, TQ_SLOT(fire()) );
            accel->connectItem( accel->insertItem( Key_Return ),
                                this, TQ_SLOT(fire()) );

Here we create and set up an accelerator. An accelerator is an object that intercepts keyboard events to an application and calls slots if certain keys are pressed. This mechanism is also called shortcut keys. Note that an accelerator is a child of a widget and will be destroyed when that widget is destroyed. TQAccel is not a widget and has no visible effect on its parent.

We define two shortcut keys. We want the slot fire() to be called when the user presses Enter, and we want the application to quit when key Ctrl+Q is pressed. Because Enter is sometimes Return and there are even keyboards with both keys, we make both Enter and Return invoke fire().

            accel->connectItem( accel->insertItem( CTRL+Key_Q ),
                                tqApp, TQ_SLOT(quit()) );

And then we set up Ctrl+Q to do the same thing as Alt+Q. Some people are more used to Ctrl+Q (and anyway it shows how do do it).

CTRL, Key_Enter, Key_Return and Key_Q are all constants provided by TQt. They're actually TQt::Key_Enter, etc., but practically all classes inherit the TQt namespace class.

            TQGridLayout *grid = new TQGridLayout( this, 2, 2, 10 );
            grid->addWidget( quit, 0, 0 );
            grid->addWidget( box, 1, 1 );
            grid->setColStretch( 1, 10 );

We put `box` (the TQVBox), not the CannonField, in the lower-right cell.

## Behavior

The cannon now shoots when you press Enter. You can also position the cannon's angle using the mouse. The barrier makes it a little more challenging to play the game. We also have a nice looking frame around the CannonField.

(See Compiling for how to create a makefile and build the application.)

## Exercises

Write a space invaders game.

(This exercise was first done by Igor Rafienko. You can download his game.)

The new exercise is: Write a Breakout game.

Final exhortation: Go forth now and create masterpieces of the programming art!

[Previous tutorial] [First tutorial] [Main tutorial page]