Bildschirmauflösung

Aufgrund der sehr eingeschränkten Resourcen einer Bangle.js kann der Bildschirm mit unterschiedlichen Auflösungen angesteuert werden: höhere Auflösungen ermöglichen detailliertere Darstellungen, niedrigere Auflösungen ermöglichen dafür flackerfreie Animationen (was zum Beispiel für Spiele wichtig ist)

Folgende Bildschirmauflösungen sind möglich:

• 240x240 Pixel² - höchstmögliche Auflösung (kein Double-Buffering!)
• 240x160 Pixel² - höchstmögliche Auflösung mit Double-Buffering
• 120x120 Pixel² - mittlere Auflösung (mit Double-Buffering)
•   80x80   Pixel² - niedrigste Auflösung (mit Double-Buffering)

testResolution_240x240/240x160/120x120/80x80

Die folgenden Beispiele zeichnen ein Testbild in unterschiedlichen Auflösungen auf den Bildschirm (die Rasterlinien haben jeweils einen Abstand von 10 Pixeln)

• testResolution_240x240
  
  Quelltext

  Bangle.setLCDMode();
  g.clear();
  
  const Width  = g.getWidth(),  CenterX = Width/2;
  const Height = g.getHeight(), CenterY = Height/2;
      
  g.drawRect(0,0, Width-1,Height-1);
  
  g.drawLine(0,0, Width,Height);
  g.drawLine(0,Height, Width,0);
  
  g.drawCircle(CenterX,CenterY, Math.min(CenterX,CenterY));
  
  for (let x = 0; x <= Width; x += 10) {
    g.drawLine(x,0, x,Height);
  }
  for (let y = 0; y <= Height; y += 10) {
    g.drawLine(0,y, Width,y);
  }

  im Emulator ausführen auf Uhr ausführen
• testResolution_240x160
  
  Quelltext

  Bangle.setLCDMode('doublebuffered');
  g.clear();
  
  const Width  = g.getWidth(),  CenterX = Width/2;
  const Height = g.getHeight(), CenterY = Height/2;
      
  g.drawRect(0,0, Width-1,Height-1);
  
  g.drawLine(0,0, Width,Height);
  g.drawLine(0,Height, Width,0);
  
  g.drawCircle(CenterX,CenterY, Math.min(CenterX,CenterY));
  
  for (let x = 0; x <= Width; x += 10) {
    g.drawLine(x,0, x,Height);
  }
  for (let y = 0; y <= Height; y += 10) {
    g.drawLine(0,y, Width,y);
  }
  
  g.flip();

  im Emulator ausführen auf Uhr ausführen
• testResolution_120x120
  
  Quelltext

  Bangle.setLCDMode('120x120');
  g.clear();
  
  const Width  = g.getWidth(),  CenterX = Width/2;
  const Height = g.getHeight(), CenterY = Height/2;
      
  g.drawRect(0,0, Width-1,Height-1);
  
  g.drawLine(0,0, Width,Height);
  g.drawLine(0,Height, Width,0);
  
  g.drawCircle(CenterX,CenterY, Math.min(CenterX,CenterY));
  
  for (let x = 0; x <= Width; x += 10) {
    g.drawLine(x,0, x,Height);
  }
  for (let y = 0; y <= Height; y += 10) {
    g.drawLine(0,y, Width,y);
  }
  
  g.flip();

  im Emulator ausführen auf Uhr ausführen
• testResolution_80x80
  
  Quelltext

  Bangle.setLCDMode('80x80');
  g.clear();
  
  const Width  = g.getWidth(),  CenterX = Width/2;
  const Height = g.getHeight(), CenterY = Height/2;
      
  g.drawRect(0,0, Width-1,Height-1);
  
  g.drawLine(0,0, Width,Height);
  g.drawLine(0,Height, Width,0);
  
  g.drawCircle(CenterX,CenterY, Math.min(CenterX,CenterY));
  
  for (let x = 0; x <= Width; x += 10) {
    g.drawLine(x,0, x,Height);
  }
  for (let y = 0; y <= Height; y += 10) {
    g.drawLine(0,y, Width,y);
  }
  
  g.flip();

  im Emulator ausführen auf Uhr ausführen

In der höchsten Auflösung kann man zusehen, wie die Uhr den Bildschirm aufbaut - demnach ist die Zeichengeschwindigkeit offenbar ziemlich beschränkt.

In der Auflösung 240x160 Pixel² deckt der verfügbare Zeichenbereich nur noch 2/3 des Bildschirmes ab, was in Programmen entsprechend zu berücksichtigen ist.