[Released] Mobile Paint (with multi-touch)

Thanks for the answer, i will implement a function to resize my texture while i paint on runtime then.

 

nice!

some ideas,
- can do resizing in another thread (since you just need to resize that pixel array)
- can cache resized textures, so no need to resize every timer

 

Thanks for the ideas it helped me alot, i'm changing it to resize in another thread and it's almost working.
But i have another idea to implement, i want to make a painting tool that detects the color of the image and automatically adds the right color. Can you direct me with any ideas

Thank's again

 

do you mean color picker?

i'm thinking could do:
inside MousePaint(), create code for rightmouse button (to work as an color picker, or any other key..),
similar code as the drawing one: checks button, does raycast, then it gets pixelUV as pixel coordinate.

then you can get that pixel color with something like:

Code (CSharp):

1. int pixel = (texWidth * y + x) * 4; // get 1d pixel array index
2. var mypickedcolor = pixels[pixel];

and then could assign that color into one of the color pencils in ui canvas (to be able to use them),
or manually set it as current color with:

Code (CSharp):

1. SetPaintColor(mypickedcolor);

 

I'm painting with alpha at 255, so the image below is colored ... it worked, but for some reason it gets so slow on my phone and tablet. Is it normal to lose so much fps when I start painting?

Many thanks again, you're helping me with your application that is free. Thank's

 

check profiler for whats slowing it down.
(but most likely it just gets slow because of high resolution displays, then need to use lower resolution texture, instead of full)

 

Okay, i will use lower resolutions and make some optimizations on the application too.

Thanks, and btw I'm learning a lot from your codes, there are a lot of vector and pixel calculations here that make me go back to studying math to understand everything and that's amazing.

 

Hi again, now i'm trying to expand the pixels when i use the paint bucket tool, instead of just adding the color immediately.

But i can't multiply the pixels while it's paintings and i don't understand why, can you give me some advice on this ?

Thanks

 

so you want animated (slow) flood fill?

one idea here,
https://github.com/unitycoder/UnityMobilePaint/issues/37

you could do that from 2nd thread also i think,
keep filling the pixels slowly, and set textureNeedsUpdate to true inside the loop to make it refresh texture.

 

I didn't see that Issue, i will do that...i was using coroutines on the wrong place haha Thanks mgear

 

Hey mgear, it worked more or less this solution.

It creates a rhombus shape and it updates in every other point that i press, so a lot of them are becaming bigger while i keep pressed.
I think that this update on every other form has to do with the Buffer but i don't know what is happening.
Can you help me ?

 

(somehow missed alerts on this)

not sure whats happening, can you record gif or screenshots?

 

added source code into github (from current asset store version v1.96)
https://github.com/unitycoder/UnityMobilePaint

so its easier to report bugs etc. and if anyone wants to do pull request, will gladly accept them in.

 

Hi, thanks for the great asset. Is this support for 3d scene material?

Thanks

 

if you mean painting on 3d meshes, yes, see example scene
UnityMobilePaint/Assets/MobilePaint/Scenes/NewUI/scene_MobilePaint_NewUI_MeshPaint.unity

but there are other better alternatives for 3d mesh painters,
https://github.com/IRCSS/TexturePaint
https://forum.unity.com/threads/open-test-introducing-amplify-painter-experimental.768863/
and others

 

Hi! Thanks for asset!
I just found a freeze (even in editor) when you try start paint a large area with mask locking
Big GC.Alloc goes from LockAreaFillWithThresholdMaskOnly()
I use full screen canvas texture. And targeting for mobile devices. Any suggestions?

 

yeah, that would need to be fixed, but personally havent had time to look into it:
some info https://github.com/unitycoder/UnityMobilePaint/issues/41

 

I think currently will solve it just reducing the resolution.
However paint dot now looks like


Is there any way to make it look smoother? Something like reducing alpha on edges?

 

i think that would need to using custom brush,
or modifying the drawcircle method to paint lower alpha on edges.

or can try trilinear filter mode, using image effects to soften whole image (but not really ideal since its slow on mobile),
or modify the canvas shader to do small blur inside that shader.

 

Hi there

After upgrading my project to 2019.3 a whole bunch of errors popped up.

Has this happened to you also?

Thanks

 

I get only those 4 warnings, but still seems to work. (tried on 2019.3.0f6)

 

Can you reffer where did you find func that draws a circle? Or maybe point me where can I detect pixles that are on edges?

 

brush circle drawing is here,
https://github.com/unitycoder/Unity...ssets/MobilePaint/Scripts/MobilePaint.cs#L957

for a quick test,
could make it so that it draws always 4 pixels (regular full pixel in middle,
and then 50% alpha pixels on the each neighbor pixel, to see if it helps or not)

 

No. I mean where did you get that func? Or it is your own?

Could you share an example of that solution please?

 

there is source link above (but seems broken), midpoint circle based
https://stackoverflow.com/questions/1201200/fast-algorithm-for-drawing-filled-circles

not at the moment.. but try painting neighbor pixels there,
pixel index in 1D array is take at line:
https://github.com/unitycoder/Unity...ssets/MobilePaint/Scripts/MobilePaint.cs#L970
so make new variables for left, right, top, bottom pixels,
then assign those pixel colors there https://github.com/unitycoder/Unity...ssets/MobilePaint/Scripts/MobilePaint.cs#L985

 

Hi there
I am getting this one error:
Assets/MobilePaint/Scripts/UserInterface/AdjustBrushSize.cs(13,10): error CS0619: 'GUITexture' is obsolete: 'GUITexture has been removed. Use UI.Image instead.'

I haven't update it in a long while I guess so I was wondering what would be the safest way to do so?

 

i think that script was not used, at least not in the latest github version. so can just remove it.

update,
take backup and/or use git, so can revert back if it breaks. (or clone project, test updating there first)

 

asset got removed from asset store due to complains that is has error messages in new unity versions.. which is ok, but bit silly since the released version clearly says unity 4.5..
anyways, use the github version:
https://github.com/unitycoder/UnityMobilePaint

 

Hello, Thanks for your asset. This is very helpful for me... My English will be awkward because I'm Foreign student. Please understand..
Can I size the background(500*500) and store it transparently??

 

can force resolution:


saving image, there is screenshot method, which uses regular https://docs.unity3d.com/ScriptReference/Texture2D.ReadPixels.html
public Texture2D GetScreenshot()
so could try that, see example script SaveImageToFile.cs, where that part is commented out.

 

has anyone tried this on Universal Render Pipeline?

 

ok was it you on this issue, i havent tested.. but i'd suggest trying different shaders for those that show pink. (any builtin urp ones, sprite shader etc)
https://github.com/unitycoder/UnityMobilePaint/issues/51

 

Hi mgear ,

Thanks for your great asset.

I want to ask 2 question.

How can i prevent to flood fill not paint on black?

How can i prevent not to paint on ui layer?

Because when i select a color , image are also painting ?

Thanks in advance

King regards

 

1) scene_MobilePaint_NewUI_PaintAreaLockMask.scene should work like that, and is has this option disabled in inspector: [ ] can draw on black

2) there is code to check that mouse is not over UI, not sure if it has changed in newer unity versions?

Code (CSharp):

1.             if (eventSystem.IsPointerOverGameObject()) return;
2.             if (eventSystem.currentSelectedGameObject != null) return;

can check
https://answers.unity.com/questions/1095047/detect-mouse-events-for-ui-canvas.html
https://forum.unity.com/threads/can...-raycasts-even-when-option-is-enabled.557584/

 

Sorry but i am using 2020 but both not working.

Not draw on black is working n default but flood fill.

And Not Draw on UI is not working completely.

did you try these features in 2018 , 2019 or 2020 ?

thanks in advance.

King regards.

 

Hi mgear again,


i want to ask a simple question. how can i make a glitter or glow painting with your asset?


Thanks in advance.

King regards

 

not tested on recent versions..

ok i see, yeah floodfill doesnt seem to test black color, cant remember what was the issue here,
but could check for the black color somewhere here, like in drawing methods
https://github.com/unitycoder/Unity...sets/MobilePaint/Scripts/MobilePaint.cs#L1346

glitter/glow:
do you have example image how it should look?

 

glow,
i'd try post processing glow effect.. or modified canvas shader to do "blur glow" directly in the painted image..

glitter,
if its for "appearing glow texture", it should be ready made static glitter image (or with custom shader in the background),
and its just revealed from drawing with transparent brush.. (asset store has some glitter shader plugins).

but no ready solutions..

 

Can you give me an example use?

 

I figured out how i will prevent . thank you so much.

 

Hi mgear again,

Thanks for your great asset.

i want to ask i wonder if how can i add a sticker or stamp or decal to my texture? is there a way for this?

thanks in advance.

Sincerely King Regards

 

custom brushes can be splatted into image, but no resize or rotate..

 

Thanks mgear.

i added stickers thanks.

But i have a problem z value of stickers(custom brushes) are smaller and because of that stickers are staying under lines before drew.



i want my sticker on the top.

how can i achieve this?

thanks in advance.

Sincerely King regards.

 

if theres mask overlay, everything will be drawn below it (see the shader, it blends mask on top).

not sure if theres easy workarounds,
- could have those stickers drawn on completely separate, overlay image (with transparent bg).. but then they wouldnt interact with rest of your painting/floodfill etc. and need to manage which painter is active for that mode..
- modify the script so that stickers are splatted on separate texture, which is then drawn on top in the shader..

 

No they are just custom brushes.

And can i ask an another question?

how can i put i custom brush after my touch up not down?

i mean custom brush will draw after my finger up. is this possible?


thanks in advance.

Sincerely King Regards

 

see inside https://github.com/unitycoder/Unity...ssets/MobilePaint/Scripts/MobilePaint.cs#L681
it uses TouchPhase.Began and also TouchPhase.Moved, so could replace those

 

hello,
if the image draws completed with filling the color. how did we know the image is completed?
Please help me to solve this problem.
Thanks in advance.

 

see example scene "scene_MobilePaint_LockingMaskWithAreaCalculation.scene",
would need to use that kind of system, and the script PaintAreaEventListener.cs defines those fixed areas that it watches.

 

I am working in "scene_MobilePaint_LockingMaskWithAreaCalculation.scene" but I am having a hard time setting up an image that works like the example.

For instance it is a firetruck that has black and transparent pixels but when painting it paints over black and not like the example.

Any ideas?
Thanks