Alpha overlay not rendering correctly in Eevee Blender, but display correctly in viewport - blender

I have two textures with transparency overlaying on top of each other (the hair, as a multiple alpha overlay) via Material nodes. At first the overlay would not display correctly (one texture would cancel the other out), which I solved following this thread:
https://blender.stackexchange.com/questions/86617/how-to-stack-layer-two-textures-with-alpha-over-each-other-with-material-nodes/239331?noredirect=1#comment405876_239331
I solved the problem in the viewport, however when I render the image the alpha textures again display incorrectly, see screenshot:
Alpha Render Problem Screenshot
Playing with the material settings did not change the rendered result. I'm not sure how to go about solving this - any help is appreciated and thank you!

I FOUND THE SOLUTION:
The Solidify Modifier (for correct backface culling) wasn't enabled in the render view, only in viewport 🤦🏻‍♀️

Related

Thumbnail slider using slick.js with distorted position

I'm working on a thumbnail slider using slick.js. It works fine with the sliders but positioning is distorted. Tried to realign it properly but was struck at locating the exact area to pick.
`https://codepen.io/isarathk/pen/JaBoaR`
After playing some time with Slick Sliders, i finally met the requirement.
The codepen link has been posted below for reference.
We can use two sliders with 'asNavFor' attribute included which appends the functionality of one slider movement to other while navigation is shown for both the sliders.
The codepen link given in the question has been modified with the answer, for reference.

ios APP icon not showing correctly when having border

Hi I have app icon which has a border in it. Now the problem is that it is not displaying it correctly in the iTunes. I have also attached the screenshot of it. Please let me know what wrong am I doing. The icon being displayed is just a sample from the other app which has the same issue.The image is 512*512 rounded.
You should avoid rounded corner icon, because Apple applies masks to your icon image for this. Provide a sqaure-ish icon of dimensions 120x120 pixels.
You should avoid rounded corner icon, because
Hope that helps!
Or if you really want to add border by yourself then you need to follow these guidelines to add border
http://tobiasahlin.com/blog/exact-border-radius-for-ios-icons/

Load larger image on tap of small image with animation

I'm trying to load a large version of an image in the centre of the user's screen when then tap on a smaller version of the image that's already on my view.
Ideally I want to do this using an animation to get to the new image like a vertical flip.
Also if there's a way to make the background look greyed out like it's not the foreground then that would be even better.
Here's an image of what I'm after, I'm at work at the moment so haven't got access to the actual code / images.
I'm a new user so can't add pictures. Click here if you want to see what I'm thinking.
Image
There is an KGmodal Example Exist in GitHUB hope that Might Help you.
You have to Change the content view and Add an Imageview Programatically (with required size ) in the content View.
Follow the below link: https://github.com/kgn/KGModal
For Fliping the image see the tutorial iphone Flip Image.
In the end I added the larger image on to begin with and set its alpha to 0, then added a gesture recognizer on the smaller image that animated the larger one and gradually changed its alpha to 1. The did the reverse on the large image. Don't know why I didn't think of that in the first place!

iOS page based application clear color issue

I'm trying to make a page based application in iOS where the actual page is a non-rectangular image (contains clear color). However, the shadow that appears when I turn the page doesn't seem to ignore the transparency of the image (see below).
Screenshot http://img543.imageshack.us/img543/9730/pagecurl.png
Does anyone know if it's possible to modify this behavior?
Thanks in advance.
Have you tried setting your UIPageViewController's view's frame so that it sits just within the border defined by your custom page image?
(So in your case, the largest rectangle that fits inside your white page image)
The way UIPageViewController handles a page curl animation with views that extend beyond its own view's frame can be thought of as follows:
Think of the overhang as rigid. it does not bend like the rest of the page, but it does maintain the angle at the edge of the UIPageViewController's frame. If the overhang (i.e. parts of your image or view that extend beyond the UIPageViewController's frame), is small, the fact that the overhang animates as rigid (instead of the bendy, flexible page) is visually negligible.
However, without any further modifications, the pages will only flip when a touch is started INSIDE the UIPageViewController's view's frame. But it would be better if it could react to touches anywhere on your white page image. If you want the pages to react to touches inside another view's frame (e.g. the view holding your white page image), try the following:
otherView.gestureRecognizers = myPageViewController.gestureRecognizers;
The problem is that the iOS framework puts a shadow over the entire bounds of the view controller you specify for the page, so any transparent areas will look shadowed. You could try masking your view controller (viewController.view.layer.mask and viewController.view.layer.masksToBounds) and see if that helps.
Hopefully Apple improves this framework for a future iOS release. It sure would be nice to disable that shadow or have a way to do it yourself but there you go.

iOS loss of image quality

This is the case:
I have an image. In the projects browser it looks good.
/but when I 'load' it in one of my controls the edges get rather blurry. And I'm not resizing it or anything. Why is this?
The image, unloaded:
The image when loaded in a control:
As you can see the corners get rather blurry/streched. Why?
It happened to me in the past.
Most of the time the problem is that the dimensions of the image are different from the dimensions of the controller.
Check you controller size with:
NSLog(#"controller size = %#",NSStringFromRect(your_controller.rect));
And see if it the image size fits.
I've also had this before and as #shannoga said if the dimensions of the view are different to the image it will auto stretch it.
Are you loading the image into an ImageView? if so the imageView.Mode property defaults to Scale To Fill. If you set the mode to Top, Left or Center it wont stretch the image.