I’ve got two faces with just text. I’d like to add an image to at least one of them. Can someone point me to Javascript code for CloudPebble that displays images? Ideally, one where the whole background is an image and one where images are shown along with text fields. Like, at the bottom or top of…

Hi! I think images are drawn using the Poco Library. You can find it here: [image] Poco Graphics Low-level graphics rendering with the Poco framework. Here is an example rotating through different images: pebble-examples/hellopoco-gbitmap at main ·…

I was just wondering about this myself. I did look into that gbitmap repo, but I’m left with more questions than answers. How do we get the resource IDs from cloudpebble? In the repo example, the images are not in the assets dir, but higher up the chain where we don’t have access in cloudpebble (/…

Ah yeah, the resource IDs. I had the issue that they dont have an ID, but code: bitmap = new Poco.PebbleBitmap(1 + index); Uses an index as a list. So you can download the project as a ZIP and open the package.json file and look at your images to determine their place in the list.

Having some trouble with this too. I tried dropping the Poco “Bitmaps” code from the guide all by itself, but the build keeps failing. I only have one image defined under resources/media in the manifest file. Changing resource ID’s to 0, 1, 2, etc in Poco.PebbleBitmap doesn’t seem to help. I’m a li…

Javascript :slight_smile: But yeah same, I’ve tried everything from the moddable docs and it builds but fails to install, so I think the Pebble version just doesn’t have renderBMP. Following the pebble docs using Poco.PebbleBitmap fails the build entirely. TypeError: cannot coerce undefined to obj…

Right, yes, JS :sweat_smile: But yeah that’s the same error I get.

well if I can’t load in a real image of a seigaiha pattern… at least I know I can make one in code import Poco from “commodetto/Poco”; const render = new Poco(screen); const black = render.makeColor(0, 0, 0); const white = render.makeColor(255, 255, 255); const blue = render.makeColor(0, 45, 75);…

Clever! I’m just trying to draw stars, so you gave me some inspiration to do something similar. On the plus side, it should be a random constellation on every refresh. [image]

take a look here: [image] Resource loading issue: Display stays blank when using drawBitmap in Alloy js Watchapp/Face Developers Corner I finally found the solution, the trick is to first click here to add the image: [image] In the code: import Poco from “…

Thank you very much! That worked for me! I would have never clicked on that button.

Examples of use of images in Javascript/CloudPebble environment

Watchapp/Face Developers Corner

Axel May 8, 2026, 6:07am 10

take a look here:

Topic		Replies	Views
Help with bitmap images Watchapp/Face Developers Corner	8	172	February 26, 2026
Image overlay test. Why won't this work? Watchapp/Face Developers Corner	3	72	June 7, 2026
Control or at least visibility on image numbers Watchapp/Face Developers Corner	9	98	June 13, 2026
Resource loading issue: Display stays blank when using drawBitmap in Alloy js Watchapp/Face Developers Corner	6	113	May 9, 2026
What controls the index assigned to an imported image? Watchapp/Face Developers Corner	7	151	June 1, 2026

Examples of use of images in Javascript/CloudPebble environment

Related topics