Cocos RichElementText mis aligned inside RichText if enableRetina true on mobile browser - cocos2d-x

I am using Cocos2d-x 3.13.1, on game start I am calling cc.view.enableRetina(true). But, due to this, ccui.RichElementText inside ccui.RichText is mis-aligned.
misaligned screenshot:
If I set cc.view.enableRetina(false), cocos renders blurred fonts.
Blurred fonts screenshot:
This is happening only if I compile cocos for web and not reproducible if compiled for Android.
Any solution for this?

Related

Chrome iPhone simulator does not match iOS native environment display

I've built a small basic portfolio page based on a bootstrap template. The top features a blue header with an animated gif I built on top of that with a parallax effect. The animation displays and runs properly on everything EXCEPT for iPhones. Even the Chrome simulator mode for iPhones displays properly. Non iPhones also display it correctly.
I'm definitely a newbie when it comes to front end, and can't figure out how to debug this, since it shows up fine on the Chrome simulator tool where I normally do my debugging.
Any help would be much appreciated.
View my site here--
The Chrome device emulator will help you do most of the work, but it's not an iOS simulator. You can use the iOS simulator in XCode paired with OS X Safari's developer tools (inspect iOS Simulator) if you really want to debug for iOS.

iPhone 6: Text is blurry in WebView wrapper app. Looks great in website/Safari

I have an iOS app that basically shows the website inside a webview. On the iPhone 6/6+, the text is blurry when viewed in the app, but looks great when viewed as a regular webpage in Safari. Everything is basically the same in the app and website: same CSS rules, etc., and:
<meta name="viewport" content="width=device-width, initial-scale=1">
I have seen this How to fix blurred text on an iPhone 6 (+), but there's just a comment saying to "add native support." Another answer mentioned to add a new launch image. Is that going to fix blurry text? I'm also not sure where this would be added.
It would be a huge plus if this can be fixed in the HTMl/JS/CSS as opposed to making an update to the native wrapper.
If your app isn't built to support the iPhone 6/6 Plus, then it will emulate an iPhone 5, and just scale things up.
So, yes, you should build an submit a new version of the app, built against the latest iOS SDK, with a launch screen.

RoboVM + admob black banner rectangle

i have followed the libGDX guide here:https://github.com/libgdx/libgdx/wiki/Admob-in-libgdx for my android project everything works great, but on my ios project my banners are showing as black rectangles. I know that my internet is working normally because my interstitial ads load up just fine. I have also made sure that i am using the right admob app key.
Does anyone know why i am seeing black banners?
any help will be appreciated
Simply setting a background color on the AdView should make it work:
adView.setAdUnitId(AD_UNIT_ID);
adView.setBackgroundColor(Color.TRANSPARENT);
Check out this thread if you still encounter problems

Screen translation flicker in IPad using phonegap and MGWT

I meet a problem on mgwt development and wanna ask for help here. I am developing an application using MGWT and phonegap. And there will be some animation which will interact with user like swiping a panel with an background image. I implemented it by using Css translation. It works fine in browser(both chrome and safari) and in iphone. I use MGWT to create the home page with a scrollPanel in the middle, after clicking the items in the scrollPanel, a touchPanel will swipe to the center to cover the homePage. This swiping animation is done by Css translate3d(x,y,z).
However, when I deploy the application to iPad 4, the background color(using css) start flickering during the panel translation. the scrollPanel in the home screen keep flickering for around one seconde( I guess it is rendering), part of the items disappear and the part of the white background ground is show. The problem also appear in the touchPanel's content. I tried some suggested solution like hardware acceleration using translate3d(0,0,0) but seems it doesn't work.
Do any body know why? Please help, thank you.

PNG will not load from img tag in html, will load directly on a blackberry 8520 (4.6.1)

I have the damndest problem. A fairly simple webpage with an embedded png won't load on one particular device I've tested with. It's a Blackberry Curve 8520 running 4.6.1. The browser settings are all using the standard Blackbery Browser, e.g. not pointing to Firefox or IE identity.
I've tested it with a really simple cut down html page:
<html>
<head>
</head>
<body>
<img src="bblogo.png"/>
</body>
</html>
I know the above is technically html5, but that's not the problem it's just short hand included as an example.
The webpage is displayed with a red x for missing image. Yet the image will view fine if accessed directly, e.g. placing cursor over missing image and selecting Full Image from the blackberry menu.
This is the only device it happens on, other blackberries, iphones and 'droids have been fine. If I replace the image with a jpg it's fine. Other png formats are also broken (128 color 8bit png, 24bit no transparency, 24bit with transparency).
So what's going on here and is there a solution? Is it configuration on the local device or something the BES could be doing to the image when it's embedded in a page but not when it's served directly?
I'm trying to avoid jpgs due to color dithering issues on older mobile phones.
Any advice gratefully received, I'm a complete blackberry newbie so know very very little about the devices or their configuration. However from what I've read png support should be pretty solid.