X-Git-Url: http://git.shiar.nl/sheet.git/blobdiff_plain/cf5d941b1a839d049b4f322caebaff605cdd4efc..0b57d5121c74fe18615499055e2f079c81c89001:/writing-latn.inc.pl diff --git a/writing-latn.inc.pl b/writing-latn.inc.pl index c9c655c..aa0e444 100644 --- a/writing-latn.inc.pl +++ b/writing-latn.inc.pl @@ -1,10 +1,28 @@ use 5.014; use utf8; +use warnings; use List::Util qw( pairs pairmap sum ); -my %C = qw(red #EC1C24 blue #3953A3 yellow #F9EC31 black #231F20); +my %C = ( + red => '#EC1C24', + blue => '#3953A3', + yellow => '#F9EC31', + black => '#231F20', +); my $U = 0; # optional unicode alternatives +my @wrapstyle = ( + 'td { white-space: normal; word-spacing: 10em }', # force line break between words + '.sample { word-spacing: 0 }', + '.sample span { margin-right: 1ex; white-space: nowrap; display: inline-block }', # larger space between letters +); +my $spacestyle = '.sample span { margin-right: 0.5ex }'; # separate multiple letters +my @tapstyle = ( + @wrapstyle, + '{ line-height: 1ex }', + '.sample { font-size: 80% }', +); + sub disptap { my $code = shift; my ($prefix, @dots) = $code =~ m/\A(-?)(\d)(\d)/ or return $code; @@ -37,17 +55,46 @@ sub dispbar { ); } +sub disphues { + my ($index, $hues, $opaque) = @_; + my @lum = ($index % 3, $index / 3 % 3, $index / 9); # hue opacities (0..2)x3 + my @lumf = $opaque ? ('hsl(%s,100%%,50%%)', 'hsl(%s,100%%,25%%)') : + ('hsl(%s,100%%,50%%)', 'hsla(%s,100%%,50%%,.5)'); + return sprintf( + '%s', + join '', map { + my $colf = $lumf[ $lum[$_] ]; + !$colf ? () : sprintf('', + 10 + $_, $_ == 1 ? 12 : 10, 10, sprintf($colf, $hues->[$_]) + ); + } 0 .. 2 + ); +} + ( -'Uppercase' => { +uppercase => { list => [qw{ A B C D E F G H I J K L M N O P Q R S T U V W X Y Z }], }, -'Lowercase' => { +lowercase => { list => [qw{ a b c d e f g h i j k l m n o p q r s t u v w x y z }], }, -'Sütterlin' => { +suetterlin => { + title => 'Sütterlin', + style => [ + '@font-face { + font-family: Suetterlin; /* R. G. Arens */ + src: url("/suetterlin.ttf"); + }', + 'td { font-family: Suetterlin }', + ], list => [qw{ a b c d e f g h i j k l m n o p q r ſ s t u v w x y z }], }, -'Old Roman Cursive' => { +roman => { + title => 'Old Roman Cursive', + style => [ + 'svg path { stroke-linecap: round; stroke-linejoin: round }', + '.sample span { margin-right: -10px }', + ], list => [ map { !m/^(-?)(\w.+)/ ? $_ : @@ -81,7 +128,9 @@ sub dispbar { "-m3,6 c4,-1 3,3 3,3 -1,3 -2,5 -1,5 1,1 3,0 3,0", ], }, -'Sutton ASL' => { +sutton => { + title => 'Sutton ASL', + style => $spacestyle, list => [ # American manual alphabet in Sutton (U+1D800+) notation map { !!$_ && pack 'W*', map { hex "1D$_" } unpack '(A3)*', $_ } qw{ @@ -94,7 +143,9 @@ sub dispbar { 0 965aa6 }], }, -'Unistrokes' => { +unistrokes => { + title => 'Unistrokes', + style => 'svg path { stroke-linecap: round; stroke-linejoin: round }', list => [ map { ''.$_.'' } map { @@ -130,18 +181,45 @@ sub dispbar { 'M3,4', ], }, -# 'Palm Graffiti' => {}, -'ITA2' => { +edgewrite => { + title => 'EdgeWrite', + style => 'svg path { stroke-linecap: round; stroke-linejoin: round }', + list => [ + map { ''.$_.'' } + map { + my @route = split //; + my @coords = map { $_ % 2 << 3, $_ >> 1 << 3 } @route; # x,y, + sprintf('', @coords[0, 1]) . # start point + sprintf('', join ' ', map { + my $pos = join(',', @coords[$_*2, $_*2 + 1]); + $_ > 1 && $route[$_] == $route[$_ - 2] ? 'Q4,4 '.$pos.'L' : # curve back + $pos + } 0 .. $#route) + } + # corners (0..3) clockwise from top-left in order + qw( + 213 0232 1023 1323 103 102 10132 0213 02 132 02123 023 20313 2031 + 10231 0102 10131 201 1032 013 0231 021 02131 0312 0313 0123 01 + ) + ], +}, +#graffiti => { +# title => 'Palm Graffiti', +#}, +ita2 => { + title => 'ITA2', + style => [@wrapstyle, 'td { font-size: 50% }'], list => [map { tr/01/○●/r =~ s/..\K/ /r } qw( 11000 10011 01110 10010 10000 10110 01011 00101 01100 11010 11110 01001 00111 00110 00011 01101 11101 01010 10100 00001 11100 01111 11001 10111 10101 10001 00100 )], }, -'Braille' => { +braille => { list => [qw{ ⠁ ⠃ ⠉ ⠙ ⠑ ⠋ ⠛ ⠓ ⠊ ⠚ ⠅ ⠇ ⠍ ⠝ ⠕ ⠏ ⠟ ⠗ ⠎ ⠞ ⠥ ⠧ ⠺ ⠭ ⠽ ⠵ }], }, -'5-point Tactile' => { +tactile => { + title => '5-point Tactile', list => [ map { ''.$_.'' } map { @@ -158,31 +236,39 @@ sub dispbar { } ], }, -'Morse' => { +morse => { + style => $spacestyle, list => [map {tr/.-/‧‑/r} qw{ .- -... -.-. -.. . ..-. --. .... .. .--- -.- .-.. -- -. --- .--. --.- .-. ... - ..- ...- .-- -..- -.-- --.. }], }, -'Tap code' => { +tap => { + title => 'Tap code', + style => \@tapstyle, list => [map { disptap($_) } qw{ 11 12 13 14 15 21 22 23 > 24 25 31 32 33 34 35 41 42 43 44 45 51 52 53 54 55 }], }, -'Short Tap' => { +shorttap => { + title => 'Short Tap', + style => \@tapstyle, list => [map { disptap($_) } qw{ 11 12 13 14 21 22 23 20 > 31 -13 32 33 30 41 42 -13 43 40 10 51 52 53 50 -31 -40 }], }, -'Cards' => { +cards => { + style => 'td { font-family: Symbola, "DejaVu Sans", serif, sans }', list => [( map { chr(0x1F0A0 + $_), sprintf('%s', chr(0x1F0B0 + $_)) } # spades, hearts 1 .. 11, 13, 14 # A 2-10 J Q K ), '', chr(0x1F0CF), chr(0x1F0DF) ], }, -'Maritime flags' => { +maritime => { + title => 'Maritime flags', + style => $spacestyle, list => [ # International Code of Signals, SVG fills map { !!$_ && ''.s/\n?\t+//gr.'' } @@ -288,7 +374,8 @@ sub dispbar { }, ], }, -'Flag semaphore' => { +flag => { + title => 'Flag semaphore', list => [ map { local $_ = $_; @@ -303,7 +390,8 @@ sub dispbar { ) ], }, -'Chappe semaphore' => { +chappe => { + title => 'Chappe semaphore', list => [ map { my ($r, $pr, $pl) = split //, $_; @@ -327,7 +415,8 @@ sub dispbar { ) ], }, -'Prussian semaphore' => { +prussian => { + title => 'Prussian semaphore', list => [ map { /^\D+$/ ? $_ : sprintf join('', @@ -349,7 +438,8 @@ sub dispbar { ) ], }, -'Code 39' => { +code39 => { + title => 'Code 39', list => [map { dispbar($_) } qw( 2111121121 1121121121 2121121111 1111221121 2111221111 1121221111 1111122121 2111122111 1121122111 1111222111 2111111221 1121111221 @@ -358,21 +448,24 @@ sub dispbar { 2211211111 1221211111 1221112111 0 1211212111 )], # ISO/IEC 16388 }, -'Code 93' => { +code93 => { + title => 'Code 93', list => [map { dispbar($_) } qw( 211113 211212 211311 221112 221211 231111 112113 112212 112311 122112 132111 111123 111222 111321 121122 131121 212112 212211 211122 211221 221121 222111 112122 112221 122121 123111 311211 0 111141 )], }, -'Code 128' => { +code128 => { + title => 'Code 128', list => [map { dispbar($_) } qw( 111323 131123 131321 112313 132113 132311 211313 231113 231311 112133 112331 132131 113123 113321 133121 313121 211331 231131 213113 213311 - 213131 311123 311321 331121 312113 312311 212222 0 211412 2331112 + 213131 311123 311321 331121 312113 312311 212222 0 211412 23311120 )], }, -'RM4SCC' => { +rm4scc => { + title => 'RM4SCC', list => [ map { my $len = length $_; @@ -399,7 +492,32 @@ sub dispbar { '', 1, 3 # start/end ], }, -"D'ni" => { +rgbmap => { + title => 'RGBmap', + style => [ + 'svg { isolation: isolate }', + 'svg circle { mix-blend-mode: screen }', + '.sample { background: black }', + ], + list => [ + map { disphues($_, [0, 240, 120], 1) } # Red, Blue, Green + 0 .. 3*3*3 - 2 + ], +}, +cmymap => { + title => 'CMYmap', + style => [ + 'svg { isolation: isolate }', # mix on white + 'svg circle { mix-blend-mode: multiply }', + '.sample { background: white }', + ], + list => [ + map { disphues($_, [180, 60, 300]) } # Cyan, Yellow, Magenta + 0 .. 3*3*3 - 1 + ], +}, +dni => { + title => "D'ni", list => [ map { state $window = 'M-.5,-.5H8.5V8.5H-.5Z'; @@ -424,7 +542,11 @@ sub dispbar { } 0 .. 5*5 ], }, -'Pigpen' => { +pigpen => { + style => [ + 'svg path { stroke-linecap: square }', + '.sample svg { margin-right: 0.1em }', + ], list => [ map { qq($_) @@ -448,7 +570,15 @@ sub dispbar { ), ], }, -'Nyctographs' => { +nyctographs => { + style => [ + 'svg path { stroke-linecap: round; stroke-linejoin: round }', + '.sample svg { + background: rgba(0,0,0, .1); + padding: 0.1em; + margin-right: 0.2em; + }', + ], list => [ map { s/M[\d,\hM]+(?=[M"])//gr } # clean up superfluous moves map { sprintf @@ -461,17 +591,18 @@ sub dispbar { # draw style (0=empty, 1=dot, 2=line connect) to right, down, left, up qw( 0010 0112 2022 2220 2000 2012 0122 0202 0020 0220 0012 0022 2202 - 0222 2222 0102 0200 2201 2002 2200 0100 0110 0120 2001 2010 2020 0 + 0222 2222 0102 0200 2201 2002 2200 0100 0110 0120 2001 2010 2020 0000 ), ], }, -'Chromacons' => { +chromacons => { +# style => '.sample { word-break: break-all }', list => [ # Colour Alphabet by Paul Green-Armytage (2010) map { sprintf('%s', !!$_ && sprintf(' style="background:#%s" title="%s"', split /:/), - chr(8195), # em space + chr(8195) . (!$_ && chr(8203)) # em space (plus zwsp for spaces) ); } qw{