Hi All,
How can i make a simple app to offer some pictures for kids to select and then color them ? is there is any sample around or hint…
thanks
Abdul
Hi Abdul
Try this for starters …
http://code.coronalabs.com/code/finger-paint-library-add-finger-painting-just-one-line-code
You could use a series of Composer (or Storyboard) scenes each with a different outline drawing to color in. If you put the painting interface in a layer above these scenes it will stay in place for all paintings. If you want to be a bit more adventurous, create a scroll view with thumbnails of each screen to act as a menu.
Have fun!
Stefan
Hi spjnowak :)
this is big wawooooo. i downloaded the file and played with it… but i could not download the sample file in
http://www.jasonschroeder.com/corona/fingerPaint/fingerPaintSample.zip
it said file not found.
also i have question about how to make the color picker and stroke size picker and link it with this file…
this is really great work man 
!!
regards
Abdul
I can’t take any credit for this, it’s all Jason Schroeder’s work so try contacting him about the missing zip file. However his website has quite comprehensive tutorials on using the finger paint module and also the associated color picker.
You might also like to take a look at this (also from the Corona Code Exchange) for really smooth line drawing …
no issues sir. you help is highly appreciated. i will contact him and see if i can get the sample codes. it looks all tutorials are no aviable there now .
thx
Abdulaziz
Hi Abdul
Try this for starters …
http://code.coronalabs.com/code/finger-paint-library-add-finger-painting-just-one-line-code
You could use a series of Composer (or Storyboard) scenes each with a different outline drawing to color in. If you put the painting interface in a layer above these scenes it will stay in place for all paintings. If you want to be a bit more adventurous, create a scroll view with thumbnails of each screen to act as a menu.
Have fun!
Stefan
Hi spjnowak :)
this is big wawooooo. i downloaded the file and played with it… but i could not download the sample file in
http://www.jasonschroeder.com/corona/fingerPaint/fingerPaintSample.zip
it said file not found.
also i have question about how to make the color picker and stroke size picker and link it with this file…
this is really great work man !!
regards
Abdul
I can’t take any credit for this, it’s all Jason Schroeder’s work so try contacting him about the missing zip file. However his website has quite comprehensive tutorials on using the finger paint module and also the associated color picker.
You might also like to take a look at this (also from the Corona Code Exchange) for really smooth line drawing …
no issues sir. you help is highly appreciated. i will contact him and see if i can get the sample codes. it looks all tutorials are no aviable there now .
thx
Abdulaziz
do you have any idea how to color part of an images… let assume you have image with grass , sun , tree , animal… how can I allow the kid to color piece of an image with just on tap event… for example one tap on green color and then tap on the grass…
one tap on yellow color and tab on tail of the animal and so on… i so one app like that in apple store … called africa
regards
Abdul
any help in this query ?
Hi Abdul
What I suggest you do is create coloured images of each component (grass, sun, tree, animal), overlay them on your outline image but make them invisible (either by setting the alpha value to 0 or the isVisible property to false) - if you want different possible colors you would have to create multiple versions - then when the users taps the object outline make the coloured version visible (or the alpha = 1). If you want to be able to select a color first then use that selection to determine which version to show.
As a display object with a zero alpha value can still receive tap events (unless you set its isHitTestable property to false) you can set the coloured version with tap event handler even though it is not visible. If you have multiple coloured versions stacked on top of each other then you’ll need to think about where to put the event handler (or just let the tap event bubble down by not using return true).
So not exactly colouring in each object but I think the effect should be what you are trying to achieve.
Stefan
Thanks Stefan for the explanation and the idea…
I think it will be not practical to make too many versions for the same object… I have seen apps doing that with any color you select… I don’t think they have 30+ colored copy for each object… I think they might be doing something else
Regards
Abdu
Take a look at this thread, it might give you a few more things to explore …
http://forums.coronalabs.com/topic/47498-need-something-like-the-flood-fill-any-ideas/
this is quite simple creat blank white each sentence of object and use setFillColor on it. thats it.
do you have any idea how to color part of an images… let assume you have image with grass , sun , tree , animal… how can I allow the kid to color piece of an image with just on tap event… for example one tap on green color and then tap on the grass…
one tap on yellow color and tab on tail of the animal and so on… i so one app like that in apple store … called africa
regards
Abdul
any help in this query ?
Hi Abdul
What I suggest you do is create coloured images of each component (grass, sun, tree, animal), overlay them on your outline image but make them invisible (either by setting the alpha value to 0 or the isVisible property to false) - if you want different possible colors you would have to create multiple versions - then when the users taps the object outline make the coloured version visible (or the alpha = 1). If you want to be able to select a color first then use that selection to determine which version to show.
As a display object with a zero alpha value can still receive tap events (unless you set its isHitTestable property to false) you can set the coloured version with tap event handler even though it is not visible. If you have multiple coloured versions stacked on top of each other then you’ll need to think about where to put the event handler (or just let the tap event bubble down by not using return true).
So not exactly colouring in each object but I think the effect should be what you are trying to achieve.
Stefan
Thanks Stefan for the explanation and the idea…
I think it will be not practical to make too many versions for the same object… I have seen apps doing that with any color you select… I don’t think they have 30+ colored copy for each object… I think they might be doing something else
Regards
Abdu
Take a look at this thread, it might give you a few more things to explore …
http://forums.coronalabs.com/topic/47498-need-something-like-the-flood-fill-any-ideas/