Place the picture in order Game

0 favourites
From the Asset Store
An educational game for counting pictures. An easy to use template for developers to build larger games
  • Hi All

    Have been working on my first project - a game to place pictures in order - and have just about reached the end of my abilities. Have based some of this on the excellent 'Card Match' tutorial by Kitty (many thanks).

    The object of the game is fairly straightforward - you have a number of pictures and you have to place them in the correct order - in this case a boy shopping for a fish. It will be an educational game to teach 'sequencing' to people with learning disabilities.

    However, I am now struggling.

    Firstly, the scoring works fine if you place the pictures in the correct place. It then reverses the score if you take the picture away again. However, if you place a picture from one placeholder to another (say from 2 to 4) the score remains the same. Any ideas how i might solve this.

    Secondly, the 'snap to placeholder' action is a little off - even if the card is fractionally touching a placeholder to the right, it will snap there.

    Finally, if anybody has any recommendations on improving my methods then they would be gratefully received.

    CAPX here

    Many thanks in advance

    Brian

  • Argh. I wouldn't have used arrays myself, seems a bit over-complicated to simulate a deck of cards when really it is just match Card A to Slot A etc. The score remains the same when you go from one frame to another because you are allowed to place more than one on the same frame so they overlap. You will need to stop a card from snapping if the frame is already populated.

  • Many thanks Plinkie. Great idea - I will give that a go - I guess just set up a Boolean variable on each placeholder and set it to true if an object is placed on it.

    I used arrays because I tried using a simple IF statement to detect a match, but then couldn't easily reverse it when a card was then taken away or count up the score. I will have another look if it gets too messy.

  • Yeah arrays shouldn't be too much of a problem if you know what you're doing. I guessed they were being used from the tutorial you mentioned anyway. Yep, boolean should work fine.

  • How many cards?

    How many little games?

    What I'm asking is are you going to create a animated sprite for each game

    frame 1 to 4 picture cards

    frame 1 to 4 number cards

    I have a number of suggestions, just don't want to waste your time or mine - by going off in the wrong direction.

  • Hi Dutoit

    There will be a number of 'little games' each with a different picture set - i was thinking I would just create a new layout and event sheet for each!

    There will be anything between 2 and 7 cards for each game, with each game having equal amounts of number cards

    Would definitely be interested in any suggestions, this is my first working prototype of many, many attempts

  • Different layouts for each game sounds good, however please note that you don't need to duplicate the events on each event sheet for every game. You can have your global variables and logic in a global event sheet and use the 'Include Event Sheet' option to include the global stuff for each game.

  • Try Construct 3

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

    Try Now Construct 3 users don't see these ads
  • Agree about doubling events not required.

    Also you only need touch control - as it works with mouse too. So any mouse click is a touch.

    I was thinking allong the lines of 4 slots with pictures in animation frames.

    Up arrow above and down arrow below slots (great for touch).

    Students can cycle threw images until they feel they have right sequence.

    You currently have 1 correct of 4 - this could be a blue border around slot if it is correct. and a red one if not.

    That is one brain fart thought pattern.

    The other along your lines is using Card is overlaping number object.

    Do a check

    So number(animation frame = 1) = Card (animition frame 1) 1=1 correct

    number animation frame 2 =/ card animation frame 3 ||| 2 =/ 3 incorrect

    The overlapping makes it easier to just drop card on other card. The whole snap to place isn't needed. makes it look more like a deck of cards that you place down on top of each other.

    Well something like that???

    EDIT: Damn I really got to learn to edit my writing so others can better understand. Anyways, if you don't understand anything (which I won't blame you) just shout, I'll try to be more clear.

  • Oooh - I like the first idea Dutoit

    So I would set up a number of columns of pics (so a four card deck would be four high by four wide) each column would be randomly shuffled.

    Any ideas on making the pictures 'slide' - would i use a plugin like 'litetween', or is there a simpler solution built in?

    Thanks so much all for your support and suggestions - it is a great help

  • Here is something really small I'm working on for my mom - don't laugh. She likes playing the slot machines, but she is sailing round the world. its her birthday, thought I would make something.

    Just started, but the spinning is there. Mess around with it, steal what you want. Anyways, I'm sure you'll figure it out :)

    dropbox.com/s/nmrlmqbs1bnwi05/example_spin.capx

  • That's very cool - what a lovely present - something with thought and time makes a much nicer present I feel.

    I did this for my wife's 50th - youtube.com/watch

    Will have a go at picking it apart - I am sure there is lots there I can learn from - very elegant solution.

    I am also going to try using just pictures that can be manipulated - like on an iPhone when you move the apps around the screen - but will start a separate post for that.

    Thanks again for your help

  • Lol, so cool. I know what you do for a living or at least as a hobby. Great work.

    Your Idea: Wow, that sounds really cool. You going to use touch then for sure. I think that is going to look fantastic.

    All the best. Will follow other thread.

  • Just a hobby - well, not even that - that is my one and only attempt at animation.

    We run a centre for Speech Therapy for people with Autism or Learning Disabilities - that is what the app is for

    Will keep you posted - if I can get a model working am sure it will be a lot of use to others

  • Hi sainsy & DUTOIT

    Great stuff!

    I have attempted to make the same 'Place The Picture Game' as Sainsy. But instead of using arrays I used Booleans to match the cards.

    The major difference to my version is that the cards only snap when placed near it's target (at the bottom)I wanted to give the player a surprise as they drop down their card.

    It's almost there but I have problems with the cards snapping underneath each other when you drop them to the target. I can't seem to work out how to write a snap expression with Touch in mind.

    Any Suggestions ?

    Capx

  • The logic seems a bit complicated with the grid snapping (unless it's really needed?) I would just snap the object in place when overlapping the slot and is 'InDrop'. If you are allowing the objects to be placed and snapped to any slot, even incorrect ones then you will need to make some logic to determine if the slot is full, basically a boolean for empty/full. If you're not allowing objects to be incorrectly placed then have the object return to origin position when 'InDrop' and not overlapping the correct slot.

    Also it looks like event 26 is a bit screwed and causing bugs? You have blue and green touch but then orange match. Anyway, if you need any more help I am here : D

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