Take an image with overlayed marks

Getting into LiveCode for iOS? Ask your questions here.

Moderators: Klaus, FourthWorld, heatherlaine, kevinmiller, robinmiller

Post Reply
JosepM
VIP Livecode Opensource Backer
VIP Livecode Opensource Backer
Posts: 344
Joined: Tue Jul 20, 2010 12:40 pm

Take an image with overlayed marks

Post by JosepM » Fri Jun 08, 2012 7:49 am

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

JosepM
VIP Livecode Opensource Backer
VIP Livecode Opensource Backer
Posts: 344
Joined: Tue Jul 20, 2010 12:40 pm

Re: Take an image with overlayed marks

Post by JosepM » Fri Jun 08, 2012 6:55 pm

Hi,

Attach a example of what I need.

Salut,
Josep M
Attachments
la foto.PNG
la foto.PNG (119.51 KiB) Viewed 3116 times

Klaus
Posts: 12144
Joined: Sat Apr 08, 2006 8:41 am
Location: Germany
Contact:

Re: Take an image with overlayed marks

Post by Klaus » Sun Jun 10, 2012 12:59 pm

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

JosepM
VIP Livecode Opensource Backer
VIP Livecode Opensource Backer
Posts: 344
Joined: Tue Jul 20, 2010 12:40 pm

Re: Take an image with overlayed marks

Post by JosepM » Sun Jun 10, 2012 2:13 pm

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

Klaus
Posts: 12144
Joined: Sat Apr 08, 2006 8:41 am
Location: Germany
Contact:

Re: Take an image with overlayed marks

Post by Klaus » Sun Jun 10, 2012 3:02 pm

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

JosepM
VIP Livecode Opensource Backer
VIP Livecode Opensource Backer
Posts: 344
Joined: Tue Jul 20, 2010 12:40 pm

Re: Take an image with overlayed marks

Post by JosepM » Sun Jun 10, 2012 4:13 pm

Hi,

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

Salut,
Josep M

monte
VIP Livecode Opensource Backer
VIP Livecode Opensource Backer
Posts: 1561
Joined: Fri Jan 13, 2012 1:47 am
Contact:

Re: Take an image with overlayed marks

Post by monte » Mon Jun 11, 2012 9:18 am

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
LiveCode User Group on Facebook : http://FaceBook.com/groups/LiveCodeUsers/

JosepM
VIP Livecode Opensource Backer
VIP Livecode Opensource Backer
Posts: 344
Joined: Tue Jul 20, 2010 12:40 pm

Re: Take an image with overlayed marks

Post by JosepM » Mon Jun 11, 2012 7:41 pm

Hi Monte,

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


Salut,
Josep M

vikkysingh
VIP Livecode Opensource Backer
VIP Livecode Opensource Backer
Posts: 13
Joined: Fri Dec 31, 2010 8:13 am

Re: Take an image with overlayed marks

Post by vikkysingh » Mon Jul 09, 2012 7:26 am

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

sc12
Posts: 10
Joined: Mon Jan 11, 2021 2:04 am

Re: Take an image with overlayed marks

Post by sc12 » Thu Jan 14, 2021 11:07 am

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??

richmond62
Livecode Opensource Backer
Livecode Opensource Backer
Posts: 5280
Joined: Fri Feb 19, 2010 10:17 am
Location: Bulgaria

Re: Take an image with overlayed marks

Post by richmond62 » Thu Jan 14, 2021 1:22 pm

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 310 times
-
It is not just size qua size that has to be taken into account: aspect ratio is also important.

richmond62
Livecode Opensource Backer
Livecode Opensource Backer
Posts: 5280
Joined: Fri Feb 19, 2010 10:17 am
Location: Bulgaria

Re: Take an image with overlayed marks

Post by richmond62 » Thu Jan 14, 2021 1:50 pm

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
Attachments
Joke Phone.livecode.zip
Here's the stack
(10.04 KiB) Downloaded 4 times

Post Reply

Return to “iOS Deployment”