1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
|
# SPDX-License-Identifier: LGPL-3.0-or-later
# Copyright (C) 2020 Daniel Thompson
"""RGB565 drawing library
~~~~~~~~~~~~~~~~~~~~~~~~~
"""
import array
import fonts.sans24
import math
import micropython
from micropython import const
R = const(0b11111_000000_00000)
G = const(0b00000_111111_00000)
B = const(0b00000_000000_11111)
@micropython.viper
def _bitblit(bitbuf, pixels, bgfg: int, count: int):
mv = ptr16(bitbuf)
px = ptr8(pixels)
# Extract and byte-swap
bg = ((bgfg >> 24) & 0xff) + ((bgfg >> 8) & 0xff00)
fg = ((bgfg >> 8) & 0xff) + ((bgfg & 0xff) << 8)
bitselect = 0x80
pxp = 0
mvp = 0
for bit in range(count):
# Draw the pixel
active = px[pxp] & bitselect
mv[mvp] = fg if active else bg
mvp += 1
# Advance to the next bit
bitselect >>= 1
if not bitselect:
bitselect = 0x80
pxp += 1
@micropython.viper
def _clut8_rgb565(i: int) -> int:
if i < 216:
rgb565 = (( i % 6) * 0x33) >> 3
rg = i // 6
rgb565 += ((rg % 6) * (0x33 << 3)) & 0x07e0
rgb565 += ((rg // 6) * (0x33 << 8)) & 0xf800
elif i < 252:
i -= 216
rgb565 = (0x7f + (( i % 3) * 0x33)) >> 3
rg = i // 3
rgb565 += ((0x4c << 3) + ((rg % 4) * (0x33 << 3))) & 0x07e0
rgb565 += ((0x7f << 8) + ((rg // 4) * (0x33 << 8))) & 0xf800
else:
i -= 252
gr6 = (0x2c + (0x10 * i)) >> 2
gr5 = gr6 >> 1
rgb565 = (gr5 << 11) + (gr6 << 5) + gr5
return rgb565
@micropython.viper
def _fill(mv, color: int, count: int, offset: int):
p = ptr16(mv)
color = (color >> 8) + ((color & 0xff) << 8)
for x in range(offset, offset+count):
p[x] = color
def _bounding_box(s, font):
if not s:
return (0, font.height())
w = 0
for ch in s:
(_, h, wc) = font.get_ch(ch)
w += wc + 1
return (w, h)
@micropython.native
def _draw_glyph(display, glyph, x, y, bgfg):
(px, h, w) = glyph
buf = display.linebuffer[0:2*(w+1)]
buf[2*w] = 0
buf[2*w + 1] = 0
bytes_per_row = (w + 7) // 8
display.set_window(x, y, w+1, h)
quick_write = display.quick_write
display.quick_start()
for row in range(h):
_bitblit(buf, px[row*bytes_per_row:], bgfg, w)
quick_write(buf)
display.quick_end()
class Draw565(object):
"""Drawing library for RGB565 displays.
A full framebufer is not required although the library will
'borrow' a line buffer from the underlying display driver.
.. automethod:: __init__
"""
def __init__(self, display):
"""Initialise the library.
Defaults to white-on-black for monochrome drawing operations
and 24pt Sans Serif text.
"""
self._display = display
self.reset()
def reset(self):
"""Restore the default colours and font.
Default colours are white-on-block (white foreground, black
background) and the default font is 24pt Sans Serif."""
self.set_color(0xffff)
self.set_font(fonts.sans24)
def fill(self, bg=None, x=0, y=0, w=None, h=None):
"""Draw a solid colour rectangle.
If no arguments a provided the whole display will be filled with
the background colour (typically black).
:param bg: Background colour (in RGB565 format)
:param x: X coordinate of the left-most pixels of the rectangle
:param y: Y coordinate of the top-most pixels of the rectangle
:param w: Width of the rectangle, defaults to None (which means select
the right-most pixel of the display)
:param h: Height of the rectangle, defaults to None (which means select
the bottom-most pixel of the display)
"""
display = self._display
quick_write = display.quick_write
if bg is None:
bg = self._bgfg >> 16
if w is None:
w = display.width - x
if h is None:
h = display.height - y
display.set_window(x, y, w, h)
remaining = w * h
# Populate the line buffer
buf = display.linebuffer
sz = len(buf) // 2
_fill(buf, bg, min(sz, remaining), 0)
display.quick_start()
while remaining >= sz:
quick_write(buf)
remaining -= sz
if remaining:
quick_write(buf[0:2*remaining])
display.quick_end()
@micropython.native
def blit(self, image, x, y, fg=0xffff, c1=0x4a69, c2=0x7bef):
"""Decode and draw an encoded image.
:param image: Image data in either 1-bit RLE or 2-bit RLE formats. The
format will be autodetected
:param x: X coordinate for the left-most pixels in the image
:param y: Y coordinate for the top-most pixels in the image
"""
if len(image) == 3:
# Legacy 1-bit image
self.rleblit(image, (x, y), fg)
else: #elif image[0] == 2:
# 2-bit RLE image, (255x255, v1)
self._rle2bit(image, x, y, fg, c1, c2)
@micropython.native
def rleblit(self, image, pos=(0, 0), fg=0xffff, bg=0):
"""Decode and draw a 1-bit RLE image.
.. deprecated:: M2
Use :py:meth:`~.blit` instead.
"""
display = self._display
write_data = display.write_data
(sx, sy, rle) = image
display.set_window(pos[0], pos[1], sx, sy)
buf = display.linebuffer[0:2*sx]
bp = 0
color = bg
for rl in rle:
while rl:
count = min(sx - bp, rl)
_fill(buf, color, count, bp)
bp += count
rl -= count
if bp >= sx:
write_data(buf)
bp = 0
if color == bg:
color = fg
else:
color = bg
@micropython.native
def _rle2bit(self, image, x, y, fg, c1, c2):
"""Decode and draw a 2-bit RLE image."""
display = self._display
quick_write = display.quick_write
sx = image[1]
sy = image[2]
rle = memoryview(image)[3:]
display.set_window(x, y, sx, sy)
if sx <= (len(display.linebuffer) // 4) and not bool(sy & 1):
sx *= 2
sy //= 2
palette = array.array('H', (0, c1, c2, fg))
next_color = 1
rl = 0
buf = display.linebuffer[0:2*sx]
bp = 0
display.quick_start()
for op in rle:
if rl == 0:
px = op >> 6
rl = op & 0x3f
if 0 == rl:
rl = -1
continue
if rl >= 63:
continue
elif rl > 0:
rl += op
if op >= 255:
continue
else:
palette[next_color] = _clut8_rgb565(op)
if next_color < 3:
next_color += 1
else:
next_color = 1
rl = 0
continue
while rl:
count = min(sx - bp, rl)
_fill(buf, palette[px], count, bp)
bp += count
rl -= count
if bp >= sx:
quick_write(buf)
bp = 0
display.quick_end()
def set_color(self, color, bg=0):
"""Set the foreground and background colours.
The supplied colour will be used for all monochrome drawing operations.
If no background colour is provided then the background will be set
to black.
:param color: Foreground colour
:param bg: Background colour, defaults to black
"""
self._bgfg = (bg << 16) + color
def set_font(self, font):
"""Set the font used for rendering text.
:param font: A font module generated using ``font_to_py.py``.
"""
self._font = font
def string(self, s, x, y, width=None, right=False):
"""Draw a string at the supplied position.
:param s: String to render
:param x: X coordinate for the left-most pixels in the image
:param y: Y coordinate for the top-most pixels in the image
:param width: If no width is provided then the text will be left
justified, otherwise the text will be centred within the
provided width and, importantly, the remaining width will
be filled with the background colour (to ensure that if
we update one string with a narrower one there is no
need to "undraw" it)
:param right: If True (and width is set) then right justify rather than
centre the text
"""
display = self._display
bgfg = self._bgfg
font = self._font
bg = self._bgfg >> 16
if width:
(w, h) = _bounding_box(s, font)
if right:
leftpad = width - w
rightpad = 0
else:
leftpad = (width - w) // 2
rightpad = width - w - leftpad
self.fill(bg, x, y, leftpad, h)
x += leftpad
for ch in s:
glyph = font.get_ch(ch)
_draw_glyph(display, glyph, x, y, bgfg)
self.fill(bg, x+glyph[2], y, 1, glyph[1])
x += glyph[2] + 1
if width:
self.fill(bg, x, y, rightpad, h)
def wrap(self, s, width):
"""Chunk a string so it can rendered within a specified width.
Example:
.. code-block:: python
draw = wasp.watch.drawable
chunks = draw.wrap(long_string, 240)
# line(1) will provide the first line
# line(len(chunks)-1) will provide the last line
def line(n):
return long_string[chunks[n-1]:chunks[n]]
:param s: String to be chunked
:param width: Width to wrap the text into
:returns: List of chunk boundaries
"""
font = self._font
max = len(s)
chunks = [ 0, ]
end = 0
while end < max:
start = end
l = 0
for i in range(start, max+1):
if i >= len(s):
break
ch = s[i]
if ch == '\n':
end = i+1
break
if ch == ' ':
end = i+1
(_, h, w) = font.get_ch(ch)
l += w + 1
if l > width:
break
if end <= start:
end = i
chunks.append(end)
return chunks
def line(self, x0, y0, x1, y1, width=1, color=None):
"""Draw a line between points (x0, y0) and (x1, y1).
Example:
.. code-block:: python
draw = wasp.watch.drawable
draw.line(0, 120, 240, 240, 0xf800)
:param x0: X coordinate of the start of the line
:param y0: Y coordinate of the start of the line
:param x1: X coordinate of the end of the line
:param y1: Y coordinate of the end of the line
:param width: Width of the line in pixels
:param color: Colour to draw line, defaults to the foreground colour
"""
if color is None:
color = self._bgfg & 0xffff
px = bytes(((color >> 8) & 0xFF, color & 0xFF)) * (width * width)
write_data = self._display.write_data
set_window = self._display.set_window
dw = (width - 1) // 2
x0 -= dw
y0 -= dw
x1 -= dw
y1 -= dw
dx = abs(x1 - x0)
sx = 1 if x0 < x1 else -1
dy = -abs(y1 - y0)
sy = 1 if y0 < y1 else -1
err = dx + dy
if dx == 0 or dy == 0:
if x1 < x0 or y1 < y0:
x0, x1 = x1, x0
y0, y1 = y1, y0
w = width if dx == 0 else (dx + width)
h = width if dy == 0 else (-dy + width)
self.fill(color, x0, y0, w, h)
return
while True:
set_window(x0, y0, width, width)
write_data(px)
if x0 == x1 and y0 == y1:
break
e2 = 2 * err
if e2 >= dy:
err += dy
x0 += sx
if e2 <= dx:
err += dx;
y0 += sy;
def polar(self, x, y, theta, r0, r1, width=1, color=None):
"""Draw a line using polar coordinates.
The coordinate system is tuned for clock applications so it
adopts navigational conventions rather than mathematical ones.
Specifically the reference direction is drawn vertically
upwards and the angle is measures clockwise in degrees.
Example:
.. code-block:: python
draw = wasp.watch.drawable
draw.line(360 / 12, 16, 64)
:param theta: Angle, in degrees
:param r0: Radius of the start of the line
:param y0: Radius of the end of the line
:param x: X coordinate of the origin
:param y: Y coordinate of the origin
:param width: Width of the line in pixels
:param color: Colour to draw line in, defaults to the foreground colour
"""
to_radians = math.pi / 180
xdelta = math.sin(theta * to_radians)
ydelta = math.cos(theta * to_radians)
x0 = x + int(xdelta * r0)
x1 = x + int(xdelta * r1)
y0 = y - int(ydelta * r0)
y1 = y - int(ydelta * r1)
self.line(x0, y0, x1, y1, width, color)
def lighten(self, color, step=1):
"""Get a lighter shade from the same palette.
The approach is somewhat unsophisticated. It is essentially just a
saturating add for each of the RGB fields.
:param color: Shade to lighten
:returns: New colour
"""
r = (color & R) + (step << 11)
if r > R:
r = R
g = (color & G) + (step << 6)
if g > G:
g = G
b = (color & B) + step
if b > B:
b = B
return (r | g | b)
def darken(self, color, step=1):
"""Get a darker shade from the same palette.
The approach is somewhat unsophisticated. It is essentially just a
desaturating subtract for each of the RGB fields.
:param color: Shade to darken
:returns: New colour
"""
rm = color & R
rs = step << 11
r = rm - rs if rm > rs else 0
gm = color & G
gs = step << 6
g = gm - gs if gm > gs else 0
bm = color & B
b = bm - step if bm > step else 0
return (r | g | b)
|