Interesting game with puzzles!

How can i do like this. This might be useful to create a logic games and finally puzzles.

htmlstacker.com/interactives/examples/ad/puzzle_with_areas/scripts/system/unsupported.html

It's a grid based positioning with linear interpolation when dropping the tile. Here's a starting point: Link

Obs: I couldn't simulate the exact ambient since fullscreen is c2 is a little problematic and would involve some more thinking to make it work.

The drag n drop behavior is exactly or at least very similar to the original.

Wow il like it! If I want to make the puzzle more complicated, for example, more smaller images, what should I do?

Thank for THAT reply :D

Just subdivide on more tiles, (i used four) :D Now the puzzle image is 640,480 and i divided in 4 tiles of 320,240. Just subdivide it more (being multiples of the puzzle image). So ex. if you want 10x10 tiles , cut the puzzle images in sections of 64x48, remove the current frames of tile object and add the new ones. No change on events. Oh, and put the origin on tile frames to top left. Just to facilitate the events.

Ill try with other image (12 tiles) cuts do not want to connect to each other. Something weird is going on ;/

take a look

dl.dropbox.com/u/44710358/puzzleDrag.capx

Two things: First all your tiles must have the same size.

Second: Place the origin on top left for all frames.

I don't remember exactly how to put them in a position for all frames in a go. Anyone ?

Now pieces of images are identical in size. You can see with their diminished size,(looks better:)) but after laying some pictures and do not touch as they should

look: dl.dropbox.com/u/44710358/puzzleDrag.capx

puzzleDelgado.capx

it seems you didn't properly split your picture, at least one sprite was scaled somehow.

To split an image just import it as a sprite strip. It does wonders.Yann2011-12-28 02:22:14

:D 'Congrats' is the best part of this puzzles :D

I see very proffesional coding in event sheet.

When I will want to decrease or increase the amount of pictures, well they just cut out that each had the same size? or even something I should remember?

How to cut down so precisely these images?

As I said just use the construct 2 split image tool.

1. Right click on the animFrame list > Import sprite strip

2. Set the number of cols and rows

3. Click ok

and you're done.

So yes that only works with same sizes as it's basically a grid based puzzle.

Also be carefull to put the hotspot at top left for the tiles and the background image (which is also used for rows and cols calculation for the winning condition, so be carefull)

i dont really dont know what is the 'hot spot' but i change image and puzzles collect ok :)

If you could do something similar, I mean putting the same event on an alloy wheel. It helped me to understand the whole mechanism of drag & drop on this one small example. For you are not a problem and describe the event as well.

example

htmlstacker.com/interactives/examples/ad/bmw_dnd/index_V.html

RTFM :D

ok what I call hotspot and sometimes pivot point is called origin (which is a special image points).

http://www.scirra.com/manual/63/image-points

A! ok :D

If you could do something similar, I mean putting the same event on an alloy wheel. It helped me to understand the whole mechanism of drag & drop on this one small example. For you are not a problem and describe the event as well.

something like this but only one wheel and maybe three wheels

htmlstacker.com/interactives/examples/ad/bmw_dnd/index_V.