Image object with colored PNGs about pebblejs

[matism]

Hi there,

you can use different images for aplite and basalt by simply appending bw / color to your filenames. So if you have one image with the name example you need to create examplebw.png and examplecolor.png. Within the appinfo.json you only need to add example.png once because the app will automatically use the correct image.

      {
        "type": "png",
        "name": "IMAGE_EXAMPLE",
        "file": "images/example.png"
      },

Hope that helps,
Mathias

[Meiguro]

@matism Thanks for replying! This is a helpful tip I should add to the README.md. @kinncj is referring to colored remote images that are loaded from the internet which I've demoed yesterday at the Toronto meetup but will be pushing up hopefully before the weekend.

[matism]

@Meiguro Ah I see, wasn't clear to me so I thought that might help.

[kinncj]

@matism, sorry for not being clear.
I figured that local and remote resources can use the same Image object, but the Image::load() method forces the Image to be grayscale.

Thanks.

[matism]

@kinncj Now everything is clear to me - thanks for the explanation!

[Meiguro]

@kinncj The changes have been pushed! I recommend testing on a real watch. There seems to be a strange app message issue when used in the emulator that I haven't finished investigating, though it eventually still works. If using the emulator, continually press buttons until an image shows up. I plan to add a progress spinner for loading images later, though the progress spinner wouldn't solve the problem with the emulator.

[kinncj]

@Meiguro it worked like a charm.
Is cloud pebble using master? I did not have a chance to test on CloudPebble yet, just locally.

[kinncj]

@Meiguro I guess we can close this?

[Meiguro]

Yes, thanks for the reminder!