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.
Related
I've been searching for that many time ago and I can't find a solution. I have a animated label that crosses the screen of the iPhone (like the title of a song does in the Music app.Well, I'd like to add the "fade in/out" effect like the music app has. The easy solution is open Photoshop and create this simple image and then add it up to the label. Well, under the label I have an image with black backgroud. The image can be zoomed in and then the image with the fade in/out effect can be seen, and it doesn't look well. Is there any possibility to do this programatically? Thanks
PD: if there's another possibility rather than doing this programatically, I'll apreciate the answer as well.
Edit: Here's the image capture of the problem
I'll approach it in a non-programming way.
The image reference you gave us for the Music app you seem to be emulating has a different gradient than the one you drew in the second image.
If you notice in the image, the gradient has not fully completed its transition from clear to black before the words are cut off. I would say in photoshop run the gradient from clear to 80% alpha black and then draw a 100% alpha black rectangle to finish it off as per image. The white is just showing you what it looks like without the black background.
Now as for the zooming. Correct me if I am wrong, but it sounds like you want a viewing window for the image so that once you have zoomed into it, it will fade to either side, but still be viewable/movable in the center. This means that the image has to be zoom-able, but once you have zoomed the "fade in/out" should not be zoom-able.
Just make sure you aren't scaling the fader by keeping it separate from the scrollView of your background image.
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.
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.
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.
I'm learning iPhone development specifically OpenGL ES 2. I'm trying to achieve an effect as in steam draw. I have a background image and a foreground image. When I move the finger over the foreground image the corresponding pixels of the foreground image are erased and the background does get visible. Can someone point me in the right direction on how to implement this? Some guide lines?
You can use GL_STENSIL_TEST when drawing foreground to exclude fragments you choose(or your finger ;))