4 in a row

[vinayaka]

Hai all,
I am developing my own 4 in a row game in qt. while we play the ball falls from top to bottom of the grid the problem is that it feels like ball falls over through the grid . But I want the feel that ball falls through inside the grid . I tried what i know? but no use. Is there any way to do so?
thanx in advance .

[Rachol]

Could you describe a little more what is your current implementation?

[vinayaka]

hai rachol,
There is a 7x7 grid(image). There are two players one is comp: and another is user. There are two balls . now the ball falls to the bottom from top when we clicked on the desired position but through over the grid(Image). I want to get a feel that ball is falling through the grid cells and get placed in the position

[Rachol]

Ok,

But how did you think to implement it?

QGraphicsView or custom QWidgets?

[vinayaka]

Using QWidgets

[wysota]

So why are you posting your problem in Qt Quick forum?

[vinayaka]

by mistake

[wysota]

So how does your widget look like? How did you implement it?

[vinayaka]

I named my Qwidget as mainwidget and coded like this:

ui->mainwidget->setStyleSheet("background-image: url(content/Pics/M_CCholder.png); "
                                "background-position: top left; ");

ui->mainwidget->setStyleSheet("background-image: url(content/Pics/M_CCholder.png); "
                                "background-position: top left; ");

To copy to clipboard, switch view to plain text mode 

it works for me but the problem remains the same?

[Rachol]

Well, because you are setting background to your main widget on top of which all the children widgets are drawn, it doesn't work the way you wished for.

What about placing another backgroundWidget on top of your mainwidget? Or using QStackedLayout::StackAll and having your backgroundWidget being the current widget in the layout?

[vinayaka]

hai rachol,
I did so and it worked too but there are more than 1 ball. Can you tell me how can I move the ball .Is there any animation property to add to get the ball move?

---

Added after 6 minutes:

I solved a problem(more than 1 ball problem). but how can I animate the ball

---

Added after 12 minutes:

Is this the correct way to have one ball

ui->induwidget->setStyleSheet("background-image: url(content/Pics/balla.png); "
                                "background-position: top left ; background-repeat:none;");

ui->induwidget->setStyleSheet("background-image: url(content/Pics/balla.png); "
                                "background-position: top left ; background-repeat:none;");

To copy to clipboard, switch view to plain text mode 

[Rachol]

I am afraid, you have to do the animation yourself. There isn't such functionality in Qt, unless you are using QML.

[vinayaka]

so how can I animate that ball. ball is set in Qwidget. can use Qml here to animate ball(i think this is a stupid ?)

[Rachol]

Please take a look at http://doc.qt.nokia.com/latest/qml-advtutorial.html. I think this would be the best starting point for creating "4 in row" game

[wysota]

Is there any other code in your application besides stylesheets?

[vinayaka]

not now . I deleted the codes now In have only stylesheets..
if i do this project in qml only is it possible to open pro: in visual studio?

[wysota]

if i do this project in qml only is it possible to open pro: in visual studio?

Possibility of opening the .pro file in Visual Studio doesn't depend on whether your're using qml or not.

[vinayaka]

I mean only qml project file with Javascript

[wysota]

You can open any text file you want in Visual Studio.

[vinayaka]

hai I cahnged my code to Qml and js

import Qt 4.7
 
 
import "content"
import "content/Four_in_a_row.js" as Games
 
Rectangle {
    id: game
 
    property bool running: true
    width: display.width; height: display.height + 10
 
    Image {
        id: boardImage
        source: "content/pics/My_grid.png"
    }
 
 
    Column {
        id: display
 
        Grid {
            id: board
            width: boardImage.width; height: boardImage.height
            columns: 3
 
            Repeater {
                model: 9
 
                Four {
                    width: board.width/3
                    height: board.height/3
 
                    onClicked: {
                        if (game.running && Games.Play(index)) {
                            if (!Games.Move(index, "k"))
                                Games.computerTurn();
                        }
                    }
                }
            }
        }
 
 
    }
 
}

import Qt 4.7


import "content"
import "content/Four_in_a_row.js" as Games

Rectangle {
    id: game

    property bool running: true
    width: display.width; height: display.height + 10

    Image {
        id: boardImage
        source: "content/pics/My_grid.png"
    }


    Column {
        id: display

        Grid {
            id: board
            width: boardImage.width; height: boardImage.height
            columns: 3

            Repeater {
                model: 9

                Four {
                    width: board.width/3
                    height: board.height/3

                    onClicked: {
                        if (game.running && Games.Play(index)) {
                            if (!Games.Move(index, "k"))
                                Games.computerTurn();
                        }
                    }
                }
            }
        }


    }

}

To copy to clipboard, switch view to plain text mode 

My_grid.png is a grid image. now it work like tic_tac_toe. I want to animate the ball as its falling through the grid(that's my aim).can I use 2 Grid in a qml file? how can I use it?