Images change color on device and in simulator - colors

So I have this image:
And it changes colors on devices, the top logo should be red-orange, the three buttons on the left blue and the three on the bottom orange and they are on my computer and in Illustrator and Photoshop, but when I add it to the scene as a spritenode it changes. Why is this happening? The colors change on a device and in the simulator
For some reason it changed colors here as well... Is this another "The Dress"
It's in JPEG

This is probably because you're using JPEG. Use PNG instead

Related

How to transform a Grayscale background SVG, to white or black colors

I have Gray SVG icons next to each Menu item (inherited from another project) and displaied as background.
I need to show them black or white but I don't how to achieve this.
As backgrounds I can't use fill css property. I tried with filter:brightness(100) to make them white but I loose anti-aliasing (and analogue with filter:brightness(0) to make them black).
Mask has still serious compatibility issues (e.g. Firefox does not allow external svg).
I tried also to import them as data-uri with LESS feature, but it was unuseful, so.... any suggestion?

How to completely cover Xbox UWP 'current app' tile on homescreen?

Defining a splashscreen for a Xbox universal application leads to the following result:
The source of the image is a 1240x600 *.jpg which has a yellow border to indicate the edges of the image. The user who is currently logged in on the Xbox has red as his main color, leading to the red background behind the splashscreen.
I expected the splashscreen image to completely fill the 'current app' tile on the homescreen and not having this additional red background.
Is the latter the intended behaviour or is there a different image I can supply to completely cover this section on the homescreen?
The background is mandatary. A difference path you can take is define a background color of your tile, and use image with transparent color (png) as it will provide better UI.

Without alpha path how to decrease edge effect while paste icon

I got a RGB332 LCD and a poor MCU to drive it . The MCU do not have a hardware accelerator nor do RGB332 display support an alpha path.
So I used the color "black" as a "alpha color" to deal with icon paste work.Which means I fill the icon color data to background buffer while the data is not black.
The problem I meet is that the icon showed it's own antialiased edge while the background is not black. And the "antialiased edge" just makes an edge effect from the background.
Is there any way to deal with the situation ?
The main problem is that I don't have "Layer" and "Alpha" to do the PS-like merge work.
But the Icons are Pasted to a Frame buffer one by one.
So my solution is :
When each icon is being pasted,I could decide the front/background,
which means I could detect the "antialiased edge" of the icons just
like I have "layers".
After I find the antialiased edges ,I filled the pixels with the
middle color of the front/background.
The LCD is RGB332,and the middle color calculation is just filling
the edge with 75% background color + 25% front color. If the icon
color is carefully designed, you don't even need a float calculation
.
The work maybe not that effective ,but really solved my problem.

Chrome Extension Badge - Text Color

A quick question regarding the Chrome Badge/Browser Action API.
Is there a method to set the badge text colour? (much like you can with the back colour).
I'm sure I remember seeing a reference to a method such as SetBadgeTextColor() somewhere on the Internet (not sure where, mind).
Edit: Chromium Wiki - Browser Actions Proposal
The link above is where I saw a method to set the badge text colour. Was this proposal ever implemented?
You cannot change the text color directly.
What you can do is to paint the base image on a canvas, then draw the text using your desired color and finally use chrome.browserAction.setIcon to update the badge.
chrome ext detects badge bg color (light or dark) and set text color automatically (black or white). if your background color is around the boundary of those. try to increase or decrease your bg color code e.g your bg color is red #FF0000 then chrome will detects it as light but when you decrease the color code hex to #FE0000 it will detected as dark, and it's still solid red in our eyes

How to display a .bmp in an NSImageView for MacOs so that a certain color is transparent?

I have some .bmp files that have some color (maybe black) that is supposed to show as transparent when the graphic is displayed on top a form, so the form color comes through the transparent areas. But by default, when I put these images in an Image View, the black/transparent areas show up as BLACK!
I'm thinking I need to either:
- alter how the NSImageView shows the image, so that a certain color is transparent, or
- modify the .bmp files somehow to make that color suitable for transparency in an NSImageView
But I don't know enough about graphics files, transparency(alpha), NSImageView, nor the image editing tools. I'm trying to use Gimp, but...not sure what I'm doing yet. It seems like there is already a color that should be transparent in the current .bmp file.
I'm sure its something simple for setting NSImageView, or editing my file, or perhaps making a mask for the image, but I don't know how yet. I've looked at various filters in IB for NSImageView, but have not found where to set the transparent color, nor how to grab that color from the image file to make sure I use the correct value.
Thanks in advance for any assistance. (I tried to post some images, but because I'm new, I could not.)
Beau
I'm not a Cocoa developer, but in Gimp try adding an alpha channel to your image (a layer mask, perhaps) then saving as a 32-bit PNG image (with an alpha channel), then load that PNG directly into your NSImageView. If you want to make the black pixels transparent in Gimp use the magic-wand tool to select them (use magic-wand with 0 tolerance) and just delete the contents of the selection then save as a PNG directly.

Resources