draw a table/grid?

0 favourites
  • 10 posts
From the Asset Store
Snap to visible grid - perfect solution for any game genre
  • Imagine a simple bingo ticket - if we did it in HTML/CSS it could be a simple table containing numbers, and the table lines stroked with CSS.

    how would one do this in C2?

    I guess I could write a plugin, but expect this would take a number of days/weeks as, having read the SDK docs there is a lot of complexity and things to know to develop something like this.

    Anyone know any existing plugins?

  • You can always use tiled backgrounds to represent lines and use them to create any kind of grid you want. All of this without any particular plugin, all done with events.

  • hmm, so you would use a horizontal image, and a separate vertical line image, then stretch them to the right hight and thickness, duplicate them, then place them in the right possitions? Would the corners not overlap/look ragged? i need to put numbers in the centers of the grid, which seems tricky too. This has to work on html5 mobile, so will have to scale for any screen size, and will need to move around to support landscape and portrait with a single layout (two layouts breaks the game state).

  • How about a simple square image with a border.

    <img src="https://dl.dropboxusercontent.com/u/7409023/construct/Square.png" border="0" />

    Then array them 5x5 and voila... BINGO

    <img src="https://dl.dropboxusercontent.com/u/7409023/construct/grid.PNG" border="0" />

  • You could also create the card itself as a an image (would be fancier that way) and then have the card be a single sprite. Use multiple image points in the center of each square to align your numbers.

  • Try Construct 3

    Develop games in your browser. Powerful, performant & highly capable.

    Try Now Construct 3 users don't see these ads
  • Magistross was suggesting this, I believe:


  • Use the tiled background sprite make a square with edges and stretch and go.. and set the numbers as one sprite with animation-frames.

    Like this

  • Ninjaad by <img src="smileys/smiley19.gif" border="0" align="middle" />

  • And I only needed two lines! <img src="smileys/smiley2.gif" border="0" align="middle" />

  • You guys are awesome!

    Great work.

Jump to:
Active Users
There are 1 visitors browsing this topic (0 users and 1 guests)