FOSS
/
BangleApps
mirror of https://github.com/espruino/BangleApps
1
0
Fork 1
Code Issues Packages Projects Releases Wiki Activity

allow 8bpp maps on Bangle.js 2

pull/2954/head
Gordon Williams 2023-08-07 12:22:40 +01:00
parent dc3a49424e
commit de1287a685
2 changed files with 17 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
apps/openstmap/README.md
View File

@ -22,6 +22,11 @@ quality, but uploads faster and takes less space). Bangle.js 2 is limited to 3bp
can change settings, move the map around, and click `Get Map` again. can change settings, move the map around, and click `Get Map` again.
* When you're ready, click `Upload` * When you're ready, click `Upload`
**Note:** By default on Bangle.js, pre-dithered 3 bpp bitmaps will be uploaded
(which match the screen bit depth). However you can untick the `3 bit` checkbox
to use 8 bit maps, which take up 2.6x more space but look much better when
zoomed in/out.
## Bangle.js App ## Bangle.js App
The Bangle.js app allows you to view a map. It also turns the GPS on The Bangle.js app allows you to view a map. It also turns the GPS on

12
apps/openstmap/interface.html
View File

@ -124,10 +124,11 @@ TODO:
// ---------------------------------------- Run at startup // ---------------------------------------- Run at startup
function onInit(device) { function onInit(device) {
if (device && device.info && device.info.g) { if (device && device.info && device.info.g) {
// On 3 bit devices, don't even offer the option. 3 bit is the only way // On 3 bit devices, 3 bit is the best way
// still allow 8 bit as it makes zoom out much nicer
if (device.info.g.bpp==3) { if (device.info.g.bpp==3) {
document.getElementById("3bit").checked = true; document.getElementById("3bit").checked = true;
document.getElementById("3bitdiv").style = "display:none"; //document.getElementById("3bitdiv").style = "display:none";
} }
} }
@ -258,15 +259,16 @@ TODO:
mode:"3bit", mode:"3bit",
diffusion:"bayer2" diffusion:"bayer2"
}; };
/* If in 3 bit mode, go through all the data beforehand and }
turn the saturation up to maximum, so when thresholded it /* Go through all the data beforehand and
turn the saturation up to maximum, so if thresholded to 3 bits it
works a lot better */ works a lot better */
var imageData = ctx.getImageData(0,0,width,height); var imageData = ctx.getImageData(0,0,width,height);
var dstData = ctx.createImageData(width, height); var dstData = ctx.createImageData(width, height);
var filterOptions = {}; var filterOptions = {};
imageFilterFor3BPP(imageData, dstData, filterOptions); imageFilterFor3BPP(imageData, dstData, filterOptions);
ctx.putImageData(dstData,0,0); ctx.putImageData(dstData,0,0);
}
console.log("Compression options", options); console.log("Compression options", options);
var w = Math.round(width / TILESIZE); var w = Math.round(width / TILESIZE);
var h = Math.round(height / TILESIZE); var h = Math.round(height / TILESIZE);