Show Japanese text on Pimoroni's Scroll pHAT HD

1. Scroll pHAT HD
に美咲フォント

2. Scroll pHAT いいよね

3. Scroll pHAT HDでた

4. 日本語出せそう

5. やってみた

6. レシピ

7. pimoroni.com

8. pHATについて
https://www.raspberrypi.org/blog/introducing-raspberry-pi-hats/

9. Setup

10. Raspbian

11. Python library
curl https://get.pimoroni.com/
scrollphathd | bash

12. Proxy 通す
export http_proxy="user:pass@http://
proxy.example.jp:8080"
export https_proxy="user:pass@http://
proxy.example.jp:8080"
Defaults env_keep+="http_proxy"
Defaults env_keep+="https_proxy"

13. ping 8.8.8.8 対策
curl get.pimoroni.com/scrollphathd > scrhd.sh
sudo ping -q -w 10 -c 1 8.8.8.8 |
grep "received, 0" &> /dev/null &&
return 0 || return 1
curl -I shop.pimoroni.com |
grep "HTTP/1.1 301 Moved" &> /dev/null &&
return 1 || return 0

14. 日本語表示

15. Fontファイル
/usr/lib/python2.7/dist-packages/
scrollphathd/fonts/font5x7.py
data = {
0x00000041: [[0x00,0xff,0xff,0xff,0x00],
[0xff,0x00,0x00,0x00,0xff],
[0xff,0x00,0x00,0x00,0xff],
[0xff,0xff,0xff,0xff,0xff],
[0xff,0x00,0x00,0x00,0xff],
[0xff,0x00,0x00,0x00,0xff],
[0xff,0x00,0x00,0x00,0xff]],
}
Unicode

16. 美咲フォント

17. 美咲フォント

18. BDF ヘッダ
STARTFONT 2.1
FONT -Misaki-Gothic-Medium-R-Normal--8-80-75-75-C-80-jisx0208.1990-0
SIZE 8 75 75
FONTBOUNDINGBOX 8 8 0 -2
STARTPROPERTIES 19
FONTNAME_REGISTRY ""
FOUNDRY "Misaki"
……
CHARSET_REGISTRY "jisx0208.1990"
CHARSET_ENCODING "0"
DEFAULT_CHAR 8481
FONT_DESCENT 2
FONT_ASCENT 6
COPYRIGHT "Copyright(C) 2002-2012 Num Kadoma"
ENDPROPERTIES

19. 1文字の定義
STARTCHAR 2442
ENCODING 9282
SWIDTH 960 0
DWIDTH 8 0
BBX 8 8 0 -2
BITMAP
0a
7e
10
1c
22
02
1c
00
ENDCHAR
美咲フォントは
JIS X 0208
ビットマップ定義

20. Unicode変換

21. モナーフォント

22. jis2unicode.pl
cat misaki_gothic.bdf | perl jis2unicode
-b > misaki_gothic_unicode.bdf

23. ヘッダは手動で変更
STARTFONT 2.1
FONT -Misaki-Gothic-Medium-R-Normal--8-80-75-75-C-80-iso10646-1
SIZE 8 75 75
FONTBOUNDINGBOX 8 8 0 -2
STARTPROPERTIES 19
FONTNAME_REGISTRY ""
FOUNDRY "Misaki"
……
CHARSET_REGISTRY "iso10646"
CHARSET_ENCODING "1"
DEFAULT_CHAR 8481
FONT_DESCENT 2
FONT_ASCENT 6
COPYRIGHT "Copyright(C) 2002-2012 Num Kadoma"
ENDPROPERTIES

24. Scroll pHAT 用変換

25. BDF→Python 配列
STARTCHAR 2422
ENCODING 12354
SWIDTH 960 0
DWIDTH 8 0
BBX 8 8 0 -2
BITMAP
20
7c
20
3c
6a
b2
64
00
ENDCHAR
0x00003042:
[[0x00,0x00,0xff,0x00,0x00,0x00,0x00],
[0x00,0xff,0xff,0xff,0xff,0xff,0x00],
[0x00,0x00,0xff,0x00,0x00,0x00,0x00],
[0x00,0x00,0xff,0xff,0xff,0xff,0x00],
[0x00,0xff,0xff,0x00,0xff,0x00,0xff],
[0xff,0x00,0xff,0xff,0x00,0x00,0xff],
[0x00,0xff,0xff,0x00,0x00,0xff,0x00]],

26. 変換方法

27. やっつけ Perl コード
#!/usr/bin/perl -w
use strict;
use Encode;
local $_;
print "# -*- coding: utf-8 -*-ndata = {n";
while (<>) {
chomp;
next unless /^STARTCHAR ([a-fA-Fd]+)/;
my $startchar = $1;
my $encoding = 0;
my @bitmap = ();
CHAR: while (<>) {
chomp;
if (/^ENCODING (d+)/) {
$encoding = $1;
}
next unless /^BITMAP/;
while (<>) {
chomp;
last CHAR if /^ENDCHAR/;
push @bitmap, hex($_);
}
}
if ($encoding == 0) {
print STDERR "No BITMAP found!n";
next;
}
my $char = chr($encoding);
my $last = pop(@bitmap);
if ($last != 0) {
printf(STDERR "No clear bottom line at %sn",
encode('utf-8', $char));
}
my @glyph = ();
foreach (@bitmap) {
my @line = ();
if ($_ % 2) {
printf(STDERR "LSB found at %s: %02Xn",
encode('utf-8', $char), $_);
}
$_ >>= 1;
for (my $j = 0 ; $j < 7 ; $j++) {
unshift @line, ($+ % 2 ? '0xff' : '0x00');
$_ >>= 1;
}
push @glyph, sprintf('[%s]', join(',', @line));
}
printf("0x%08X: [%s], #%sn",
$encoding, join(",n", @glyph),
$startchar, encode('utf-8', $char));
}
print "width = 7nheight = 7n";

28. 完成した FONT コード
# -*- coding: utf-8 -*-
data = {
0x00003001:[[0x00,0x00,0x00,0x00,0x00,0x00,0x00],
[0x00,0x00,0x00,0x00,0x00,0x00,0x00],
[0x00,0x00,0x00,0x00,0x00,0x00,0x00],
[0x00,0x00,0x00,0x00,0x00,0x00,0x00],
[0x00,0x00,0x00,0x00,0x00,0x00,0x00],
[0xff,0x00,0x00,0x00,0x00,0x00,0x00],
[0x00,0xff,0x00,0x00,0x00,0x00,0x00]],#2122:、
0x00003002:[[0x00,0x00,0x00,0x00,0x00,0x00,0x00],
[0x00,0x00,0x00,0x00,0x00,0x00,0x00],
[0x00,0x00,0x00,0x00,0x00,0x00,0x00],
[0x00,0x00,0x00,0x00,0x00,0x00,0x00],
[0x00,0xff,0x00,0x00,0x00,0x00,0x00],
[0xff,0x00,0xff,0x00,0x00,0x00,0x00],
[0x00,0xff,0x00,0x00,0x00,0x00,0x00]],#2123:。

29. 起動時に日本語表示

30. 起動時 cron
$ crontab -e
@reboot /home/pi/startup.sh

31. Scroll pHAT 判定
#!/bin/sh
sudo i2cdetect -y 1 0x74 0x74 | grep "74" -
if [ "$?" -eq 0 ]; then
sudo python /home/pi/ahiru.py
fi
fi

32. 「あひる焼き」表示
#!/usr/bin/env python
# -*- coding: utf-8 -*-
import time
import scrollphathd as scrhd
import misaki_gothic
scrhd.rotate(180)
scrhd.write_string(u" あひる焼き", x=0, y=0,
font=misaki_gothic, brightness=0.5)
while True:
scrhd.show()
scrhd.scroll()
time.sleep(0.05)

33. 電源ONでスクロール

34. http://www.yuriko.net/
@lilyfanjp
github.com/lilyfanjp/scrhd-ja
https://www.slideshare.net/
lilyfan/scroll-phathdja

35. 想定質問

36. 想定質問2

37. 想定質問3