Display bitmap palette mismatch on fenix3

Hi,

I am trying to display a palettized (14colors) bitmap () on fenix3.
I tried all formats & configurations (gif, png palettized,png 24, jpg) but the result is the image is displayed with wrong colors ().
The source bitmap uses the exact colors fenix3 can display.

Any idea what I'm doing wrong ?

Thanks,

Hi cliv

The way I did it was creating a custom palette (swatch) in Adobe Ilustrator/Photoshop only with the colors of the fenix, when I create a graphic I only use this palette, also when I save the file I use the custom swatch I created, this will give you accurate colors in the fenix screen or other watch with the same palette.

Adobe do not do a good job reducing the color palette of the original image if this have a different palette than the fenix colors so you need to do it manually to get the best results.

Hope it helps even if you use different software for your graphics

JMX

Hi cliv

The way I did it was creating a custom palette (swatch) in Adobe Ilustrator/Photoshop only with the colors of the fenix, when I create a graphic I only use this palette, also when I save the file I use the custom swatch I created, this will give you accurate colors in the fenix screen or other watch with the same palette.

Adobe do not do a good job reducing the color palette of the original image if this have a different palette than the fenix colors so you need to do it manually to get the best results.

Hope it helps even if you use different software for your graphics

JMX

Thanks for your answer JMX1!
Unfortunately that's exactly what I did... If you look at the palette of the GIF image, you'll see the colors are exactly the ones the fenix3 can handle since I created the palette directlty from output values of the pixels I got from the emulator screenshot... And I used this custom palette to saved my .gif image...

Does the palette have to be ordered in a special way ?

Thanks for your answer JMX1!
Unfortunately that's exactly what I did... If you look at the palette of the GIF image, you'll see the colors are exactly the ones the fenix3 can handle since I created the palette directlty from output values of the pixels I got from the emulator screenshot... And I used this custom palette to saved my .gif image...

Does the palette have to be ordered in a special way ?

Can you clarify, did you use the values based on a screen image or the values listed here: http://developer.garmin.com/connect-iq/user-experience-guide/page-layout/? If you didn't use the values from this page it might be something to look into.

The color palette for each device is in {SDKROOT}/bin/devices.xml.

The color palette for each device is in {SDKROOT}/bin/devices.xml.

So I created a palette with the same color values and priorities from the device.xml file (took the fenix3 colors) and applied the palette to my test bitmap but had the same result on the emulator: .

Another idea ?

There is something wrong on your end. Perhaps you are specifying a palette with the bitmap in your bitmap definition? It works perfectly for me...

using Toybox.Application as App;
using Toybox.WatchUi as Ui;

class XXXView extends Ui.View {

hidden var mpValue;

function initialize() {
View.initialize();
}

function onLayout(dc) {
setLayout(Rez.Layouts.ViewLayout(dc));
}
}

class XXXApp extends App.AppBase {

function initialize() {
AppBase.initialize();
}

function getInitialView() {
return [ new XXXView() ];
}

}


<resources>
<drawables>
<bitmap id="LauncherIcon" filename="launcher_icon.png" />
</drawables>

<layouts>
<layout id="ViewLayout">
<bitmap id="bitmap" x="center" y="center" dithering="none" filename="backgBlack02.png" />
</layout>
</layouts>
</resources>