Semi transparent full screen layer on top of the map tiles - iphone

Is there any way to add black semi transparent full screen layer on top of the map tiles ?
like Nike GPS app. (Example screen is here)

A UIMapView is just a view. You can do anything above it in the view hierarchy. You should look at the drawing and overlay functions within the MapKit docs for annotating or doing overlays based on the coordinate space.
Also, you might find it easier to take on device screenshots by holding the power button and pressing the home button. You don't need to take a camera photo.

Related

How to animate an object from World canvas to Overlay Canvas

I have a bar on the top of my game with some objects plus the game score, pretty basic and usual. I have some coins (similar to Mario's game) that I would like to animate from the world canvas to the top of my bar that is in a canvas overlay.
By design, the Canvas Overlay is drawn after the camera, so it is on top of my world canvas, so the animation happens to the right position but the object passes behind my menu, not on top of it.
How can I achieve that? To animate an object from my world canvas to the top of an object in a canvas overlay?
This is the my "BAR", the big blue quad behind is the equivalent of my coin and I wish to draw it on top of the small bar.
This is the inspector, the big quad is the object "PieceOfShapeIClone" and the bar in front of it is the "ShapeI" object. Since the "PieceOfShapeIClone" is below it should be rendered on top of the previous objects.
The "Screen Space - Overlay" does not have any dependency on the camera and it is rendered on top of everything.
The solution was to use "Screen Space - Camera" instead, this will require a camera plus set the "depth" of your canvas to the camera, giving the ability to interact with the objects from the scene.
Hope that this help to assist others with the same issue.
Manual -> https://docs.unity3d.com/Manual/class-Canvas.html

How can I create a tile, overlay for a scene in Cocos2d?

I'm new to Cocos2d, but I can't seem to find the answer to this. I want to add an image that is mostly transparent as an overlay to my application. The image is overlayed on the app, and does not respond to screen taps. All gestures should "pass through" to the application.
The overlay image should actually be tiled. It's a small image that should repeat both horizontally and vertically.
How can I do this? In fact, this is an overlay that I would like to display for the duration of the entire application-- not just one specific scene. Is there a simple way to do this?
The point of my overlay is that I'd like to create a pseudo-scan line affect for a game which has an "8-bit" tone. The scan lines will be generated by applying the overlay to the game. The overlay is non-interactive and should always exist. So, this isn't a "tile based game", but I do need a tiling affect for this functionality.
You should be able to create a layer in each scene, set the zOrder to something large so that it overlays everything else, and set its isTouchEnabled attribute to NO. You can then add whatever you want to the layer, which could be your patterned image. To change the alpha, just set the opacity attribute of your image. The only issue that I can foresee is that the overlay might disable touch events for layers below it.

How to make view like in the image attached?

I want to implement the UI feature as in the image attached. The image is an screen shot form a Siemens App that is in App store. Here the bright portion can be rotated like wheel. I have gone through the link
http://www.raywenderlich.com/9864/how-to-create-a-rotating-wheel-control-with-uikit.
but I am not able to implement the feature as in image.
Following is the link to download the Siemens app.
http://itunes.apple.com/us/app/siemens/id452698392?mt=8
The simplest approach I can think of is to use two images. One would have the green and white detail display and one would be gray with a slight circular gradient, a lot of transparency, and a fully transparent segment.
The gray image would go on top and handle touch movement by rotating and taps according to its last stop position.

How to make a hole in an image iphone

I have a game that players place their pieces on the screen then press set. I am using cocos 2d to build the iphone app. It is kind of like hide and seek. I then overlay a background on top of all of that. I want to be able to tap on the screen and create a hole in my background at that spot so that I can see through it. I know I can just create a giant image with a hole in it and move it around, but my background can only be a color it can't be an image. How should I go about doing this.
Instead of trying to see "through" the overlay, place the "background" image on top in circles. Map the screen coordinates on top of the "background" image, then extract a circular region from that image to place on the screen. The biggest challenge would be capturing a circular region from your bitmap. I'm not too familiar with cocos2d, but there should be a library you can use for it.

Custom Map iPhone

I trying to figure out how to create a Custom Map like the following:
http://itunes.apple.com/us/app/mall-book-california/id342584415?mt=8
http://www.macworld.com/appguide/app.html?id=541350&expand=false
I just don't know where to start from, do I use UIWebView or MapKit?
Any help will be appreciated.
Thanks
What we did in our app is use a UIImageView on a UIScrollView. You need to take a screenshot of the object you will map on the google-map and precisely draw your overlay over it. Also you need to take the top left coordinate and bottom right coordinate of the screenshot you took from the map. Then put the overlay image inside an imageview, image view on scrollview, and scale your coordinate system on the scrollview with the coordinates you took from the map. Now you can precisely plot POI-s on your overlay. A note: The first thing we did is we overlaid the g-map with custom image view but it was really slow when scrolled, so don't even try it. Good luck with coding.
[EDIT] you take a large screenshot of an area on google map like this
http://www.metacafe.com/watch/1073912/google_maps_hack_how_to_save_large_maps/