Page 1 of 1

Take an image with overlayed marks

Posted: Fri Jun 08, 2012 7:49 am
by JosepM
Hi folks,

I need take a picture but overlaying marks to help the user to center the picture.
I search into the forum but I don't found any but I remember read something about any app.

It's posible?

Thanks in advance,
Josep M

Re: Take an image with overlayed marks

Posted: Fri Jun 08, 2012 6:55 pm
by JosepM
Hi,

Attach a example of what I need.

Salut,
Josep M

Re: Take an image with overlayed marks

Posted: Sun Jun 10, 2012 12:59 pm
by Klaus
Hi Josep,

let me see if I understand you right...

1. User "picks" a photo
2. you want to show these 4 white "angels" on top and bottom as a help to center the photo
3. the photo itself still needs to be "movable"

Is that correct?

In that case I would create two transparent PNG files, both as wide a the card/screen:
1. with the two angles on top
2. one for the two angles at the bottom

Know what I mean?
Then you can place these images on top of the "picked" photo and the user still can "move" the image itself,
as long as you scripted this accordingly for the new image 8)

Hope I got it right.


Best

Klaus

Re: Take an image with overlayed marks

Posted: Sun Jun 10, 2012 2:13 pm
by JosepM
Hi Klaus,

Thanks for answer. Yes, this can a posible solution but my initial idea is that the white angles appear when you are taking the photo, in real time when you prepare to shot.

But would be a good solution.

Salut,
Josep M

Re: Take an image with overlayed marks

Posted: Sun Jun 10, 2012 3:02 pm
by Klaus
Hi Josep,

ah, I see, but I doubt this is possible, since we cannot "hook" into that actual "take a snapshot preview/display" iOS thing.
But I may be wrong :D


Best

Klaus

Re: Take an image with overlayed marks

Posted: Sun Jun 10, 2012 4:13 pm
by JosepM
Hi,

Maybe via external... mergExt scancode take the control of the camera directly..

Salut,
Josep M

Re: Take an image with overlayed marks

Posted: Mon Jun 11, 2012 9:18 am
by monte
This would definitely be possible in an external. The main issue is making the creation of the overlay in a generic way so that it can suit multiple purposes. It would be easy to do as a custom solution though.

I haven't tried this but one possibility might be if you used a transparent png in a transparent webview. You could try creatIng that after the mergZXing control and see what happens. If you want to take pictures instead of scan then you will need to wait until mergAV gets the control.

Cheers

Monte

Re: Take an image with overlayed marks

Posted: Mon Jun 11, 2012 7:41 pm
by JosepM
Hi Monte,

Thanks for answer. I will try it and report it the results.


Salut,
Josep M

Re: Take an image with overlayed marks

Posted: Mon Jul 09, 2012 7:26 am
by vikkysingh
Monte: Thanks for the NEW MergAV 2.0 External with direct/native video and image capture! Enhances the UX.

monte wrote:This would definitely be possible in an external. The main issue is making the creation of the overlay in a generic way so that it can suit multiple purposes. It would be easy to do as a custom solution though.

I haven't tried this but one possibility might be if you used a transparent png in a transparent webview. You could try creatIng that after the mergZXing control and see what happens. If you want to take pictures instead of scan then you will need to wait until mergAV gets the control.

Cheers

Monte

Re: Take an image with overlayed marks

Posted: Thu Jan 14, 2021 11:07 am
by sc12
Hi! Can I just ask if this is possible on Android deployment? Since the mergEXT is for iOS only, is there any other ways to do this for Android on Livecode??

Re: Take an image with overlayed marks

Posted: Thu Jan 14, 2021 1:22 pm
by richmond62
In that case I would create two transparent PNG files, both as wide a the card/screen:
1. with the two angles on top
2. one for the two angles at the bottom
I'm not sure quite why you'd want 2 PNG files:

1. If you are always going to deploy your app on one specific phone (unlikely) you could get away with 1 PNG file.

2. If you are aiming at a wide range of devices with differing widths and heights of screens then you will need 4 PNG images.
-
mobile-screen-resolution.png
mobile-screen-resolution.png (4.67 KiB) Viewed 4612 times
-
It is not just size qua size that has to be taken into account: aspect ratio is also important.

Re: Take an image with overlayed marks

Posted: Thu Jan 14, 2021 1:50 pm
by richmond62
Screenshot 2021-01-14 at 14.47.38.png
-
This is in the cardScript:

Code: Select all

on resizeStack NWIDD, NHITE, OWIDD, OHITE
   set the moveSpeed to 65000
   set the TopRight of img "TR.png" to ((NWIDD - 30), 30)
   set the BottomRight of img "BR.png" to ((NWIDD - 30),(NHITE - 30))
   set the BottomLeft of img "BL.png" to (30,(NHITE - 30))
   move img "guff" to ((NWIDD/2),(NHITE/2))
end resizeStack