Coloring Book App?

dreamtank

Hey everyone, I'd love to create a coloring book app with GameSalad.

Does anyone know if there is a template available somewhere for this?

Or how generally difficult (or easy!) it would be to create one?

Anyone have links to examples of GameSalad coloring book apps?

I would be working on graphics myself, and with a friend. Would love to hear advice on where to start...

Thanks everyone!

tatiang

See this thread: http://forums.gamesalad.com/discussion/41084/can-gamesald-make-draw-line-smooth-as-you-see-in-paint-program

scitunes

Here's what I would think you would need to do. Find your coloring page image, which I assume will have black lines to form the image and nothing else. Then I would go into photoshop and use the magic wand tool to cut out each and every section of the image (the white parts that are formed by the black lines).

In GS create an actor called ColoringSection (or something) then create an actor called Paint.

Oh, and an actor called Outline

Create 3 attributes (real) called game.BrushColorRed, game.BrushColorGreen, and game.BrushColorBlue. Set each one of these to 1


In the Paint actor put the following rules:

When Touch is pressed
---change game.BrushColorRed to self.color.red
---change game.BrushColorGreen to self.color.green
---change game.BrushColorBlue to self.color.blue

In the Coloring Section actor add this rule:

When touch is pressed:
---change self.color.red to game.BrushColorRed
---change self.color.green to game.BrushColorGreen
---change self.color.blue to game.BrushColorBlue

The tricky part will be setting up the scene.

Put as many paint actors as you want along one side. Then go in and change their individual colors by clicking on the instance in the scene and changing their color in the left pannel.

Drag you outline actor in and place it where it looks nice.

Then you will need to drag in as many ColoringSection actors as you need for each section in the drawing. Now start adding your images to these instances and adjust there sizes and positions.

I would set up your outline actor so that it has black lines and the rest is transparent not white. That way you can put the outline on top of the section actors so that if the section actors are a bit bigger than their actual sections in the outline the lines will hide this. (Just a thought).

I would also create a paint brush actor with a paintbrush image that is black with a white tip. That way you can change it's color as shown above and the tip color will change accordingly. Just constrain this to the mouse X and Y with an offset if needed.

Good Luck!

dreamtank

Wow, thanks for the helpful feedback everyone!

@scitunes I especially appreciate your in-depth feedback. I'm a complete newb to Creator so much of that is Chinese BUT will work away to try and figure everything out.

Cheers!