forked from miked1ck/emojiart
-
Notifications
You must be signed in to change notification settings - Fork 4
/
Art_alt.js
82 lines (76 loc) · 5.84 KB
/
Art_alt.js
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
import React from 'react';
import css from './Art.css';
// Alternate Font Library Provided by David Jonathan Ross
// Github: djrrb/BungeePixel
//
var patterns = {
"0": "XXOOOOOXX\nXOOOOOOOX\nXOOOXOOOX\nXOOOXOOOX\nXOOOXOOOX\nXOOOXOOOX\nXOOOOOOOX\nXXOOOOOXX\nXXXXXXXXX\n",
"1": "XOOOOOXXX\nXOOOOOXXX\nXXXOOOXXX\nXXXOOOXXX\nXXXOOOXXX\nXXXOOOXXX\nXOOOOOOOX\nXOOOOOOOX\nXXXXXXXXX\n",
"2": "XOOOOOOXX\nXOOOOOOOX\nXXXXXOOOX\nXOOOOOOOX\nXOOOOOOOX\nXOOOXXXXX\nXOOOOOOOX\nXOOOOOOOX\nXXXXXXXXX\n",
"3": "XOOOOOOXX\nXOOOOOOOX\nXXXXXOOOX\nXXOOOOOXX\nXXOOOOOOX\nXXXXXOOOX\nXOOOOOOOX\nXOOOOOOXX\nXXXXXXXXX\n",
"4": "XOOOXOOOX\nXOOOXOOOX\nXOOOXOOOX\nXOOOOOOOX\nXOOOOOOOX\nXXOOOOOOX\nXXXXXOOOX\nXXXXXOOOX\nXXXXXXXXX\n",
"5": "XOOOOOOOX\nXOOOOOOOX\nXOOOXXXXX\nXOOOOOOOX\nXOOOOOOOX\nXXXXXOOOX\nXOOOOOOOX\nXOOOOOOXX\nXXXXXXXXX\n",
"6": "XXOOOOOXX\nXOOOOOOXX\nXOOOXXXXX\nXOOOOOOOX\nXOOOOOOOX\nXOOOXOOOX\nXOOOOOOOX\nXXOOOOOXX\nXXXXXXXXX\n",
"7": "XOOOOOOOX\nXOOOOOOOX\nXXXXOOOOX\nXXXOOOOXX\nXXOOOOXXX\nXXOOOXXXX\nXXOOOXXXX\nXXOOOXXXX\nXXXXXXXXX\n",
"8": "XXOOOOOXX\nXOOOOOOOX\nXOOOXOOOX\nXXOOOOOXX\nXOOOOOOOX\nXOOOXOOOX\nXOOOOOOOX\nXXOOOOOXX\nXXXXXXXXX\n",
"9": "XXOOOOOXX\nXOOOOOOOX\nXOOOXOOOX\nXOOOOOOOX\nXOOOOOOOX\nXXXXXOOOX\nXXOOOOOOX\nXXOOOOOXX\nXXXXXXXXX\n",
"-": "XXXXXXXXX\n",
"a": "XXOOOOOXX\nXOOOOOOOX\nXOOOXOOOX\nXOOOXOOOX\nXOOOOOOOX\nXOOOOOOOX\nXOOOXOOOX\nXOOOXOOOX\nXXXXXXXXX\n",
"b": "XOOOOOOXX\nXOOOOOOOX\nXOOOXOOOX\nXOOOOOOXX\nXOOOOOOOX\nXOOOXOOOX\nXOOOOOOOX\nXOOOOOOXX\nXXXXXXXXX\n",
"c": "XXOOOOOOX\nXOOOOOOOX\nXOOOXXXXX\nXOOOXXXXX\nXOOOXXXXX\nXOOOXXXXX\nXOOOOOOOX\nXXOOOOOOX\nXXXXXXXXX\n",
"d": "XOOOOOOXX\nXOOOOOOOX\nXOOOXOOOX\nXOOOXOOOX\nXOOOXOOOX\nXOOOXOOOX\nXOOOOOOOX\nXOOOOOOXX\nXXXXXXXXX\n",
"e": "XOOOOOOOX\nXOOOOOOOX\nXOOOXXXXX\nXOOOOOXXX\nXOOOOOXXX\nXOOOXXXXX\nXOOOOOOOX\nXOOOOOOOX\nXXXXXXXXX\n",
"f": "XOOOOOOOX\nXOOOOOOOX\nXOOOXXXXX\nXOOOOOXXX\nXOOOOOXXX\nXOOOXXXXX\nXOOOXXXXX\nXOOOXXXXX\nXXXXXXXXX\n",
"g": "XXOOOOOXX\nXOOOOOOXX\nXOOOXXXXX\nXOOOXXXXX\nXOOOXOOOX\nXOOOXOOOX\nXOOOOOOOX\nXXOOOOOOX\nXXXXXXXXX\n",
"h": "XOOOXOOOX\nXOOOXOOOX\nXOOOXOOOX\nXOOOOOOOX\nXOOOOOOOX\nXOOOXOOOX\nXOOOXOOOX\nXOOOXOOOX\nXXXXXXXXX\n",
"i": "XOOOOOOOX\nXOOOOOOOX\nXXXOOOXXX\nXXXOOOXXX\nXXXOOOXXX\nXXXOOOXXX\nXOOOOOOOX\nXOOOOOOOX\nXXXXXXXXX\n",
"j": "XXXXXOOOX\nXXXXXOOOX\nXXXXXOOOX\nXXXXXOOOX\nXOOOXOOOX\nXOOOXOOOX\nXOOOOOOOX\nXXOOOOOXX\nXXXXXXXXX\n",
"k": "XOOOXOOOX\nXOOOXOOOX\nXOOOXOOOX\nXOOOOOOXX\nXOOOOOOOX\nXOOOXOOOX\nXOOOXOOOX\nXOOOXOOOX\nXXXXXXXXX\n",
"l": "XOOOXXXXX\nXOOOXXXXX\nXOOOXXXXX\nXOOOXXXXX\nXOOOXOOOX\nXOOOXOOOX\nXOOOOOOOX\nXOOOOOOOX\nXXXXXXXXX\n",
"m": "XOOXXXOOX\nXOOOXOOOX\nXOOOOOOOX\nXOOOOOOOX\nXOOOOOOOX\nXOOOXOOOX\nXOOOXOOOX\nXOOOXOOOX\nXXXXXXXXX\n",
"n": "XXOOOOOXX\nXOOOOOOOX\nXOOOXOOOX\nXOOOXOOOX\nXOOOXOOOX\nXOOOXOOOX\nXOOOXOOOX\nXOOOXOOOX\nXXXXXXXXX\n",
"o": "XXOOOOOXX\nXOOOOOOOX\nXOOOXOOOX\nXOOOXOOOX\nXOOOXOOOX\nXOOOXOOOX\nXOOOOOOOX\nXXOOOOOXX\nXXXXXXXXX\n",
"p": "XOOOOOOXX\nXOOOOOOOX\nXOOOXOOOX\nXOOOXOOOX\nXOOOOOOOX\nXOOOOOOXX\nXOOOXXXXX\nXOOOXXXXX\nXXXXXXXXX\n",
"q": "XXOOOOOXX\nXOOOOOOOX\nXOOOXOOOX\nXOOOXOOOX\nXOOOXOOOX\nXOOOXOOXX\nXOOOOOOOX\nXXOOOOOOX\nXXXXXXXXX\n",
"r": "XOOOOOOXX\nXOOOOOOOX\nXOOOXOOOX\nXOOOXOOOX\nXOOOOOOXX\nXOOOOOOOX\nXOOOXOOOX\nXOOOXOOOX\nXXXXXXXXX\n",
"s": "XXOOOOOOX\nXOOOOOOOX\nXOOOXXXXX\nXOOOOOOOX\nXOOOOOOOX\nXXXXXOOOX\nXOOOOOOOX\nXOOOOOOXX\nXXXXXXXXX\n",
"t": "XOOOOOOOX\nXOOOOOOOX\nXXXOOOXXX\nXXXOOOXXX\nXXXOOOXXX\nXXXOOOXXX\nXXXOOOXXX\nXXXOOOXXX\nXXXXXXXXX\n",
"u": "XOOOXOOOX\nXOOOXOOOX\nXOOOXOOOX\nXOOOXOOOX\nXOOOXOOOX\nXOOOXOOOX\nXOOOOOOOX\nXXOOOOOXX\nXXXXXXXXX\n",
"v": "XOOOXOOOX\nXOOOXOOOX\nXOOOXOOOX\nXOOOXOOOX\nXOOOXOOOX\nXOOOOOOOX\nXXOOOOOXX\nXXXOOOXXX\nXXXXXXXXX\n",
"w": "XOOOXOOOX\nXOOOXOOOX\nXOOOXOOOX\nXOOOOOOOX\nXOOOOOOOX\nXOOOOOOOX\nXOOOXOOOX\nXOOXXXOOX\nXXXXXXXXX\n",
"x": "XOOOXOOOX\nXOOOXOOOX\nXOOOXOOOX\nXXOOOOOXX\nXOOOOOOOX\nXOOOXOOOX\nXOOOXOOOX\nXOOOXOOOX\nXXXXXXXXX\n",
"y": "XOOOXOOOX\nXOOOXOOOX\nXOOOXOOOX\nXOOOXOOOX\nXOOOOOOOX\nXXOOOOOXX\nXXXOOOXXX\nXXXOOOXXX\nXXXXXXXXX\n",
"z": "XOOOOOOOX\nXOOOOOOOX\nXXXXOOOOX\nXXXOOOOXX\nXXOOOOXXX\nXOOOOXXXX\nXOOOOOOOX\nXOOOOOOOX\nXXXXXXXXX\n",
";": "XXXOOOXXX\nXXXOOOXXX\nXXXOOOXXX\nXXXXXXXXX\nXXXOOOXXX\nXXXOOOXXX\nXXXXOOXXX\nXXXXOOXXX\nXXXXXXXXX\n",
"!": "XXXOOOXXX\nXXOOOOOXX\nXXOOOOOXX\nXXXOOOXXX\nXXXOOOXXX\nXXXXXXXXX\nXXXOOOXXX\nXXXOOOXXX\nXXXXXXXXX\n",
"?": "XOOOOOOXX\nXOOOOOOOX\nXXXXXOOOX\nXXOOOOOOX\nXXOOOOOXX\nXXXXXXXXX\nXXOOOXXXX\nXXOOOXXXX\nXXXXXXXXX\n",
"@": "XXOOOOOXX\nXOXXXXXOX\nXOXOOOXOX\nXOXOOOXOX\nXOXOOOXOX\nXOXOOOOXX\nXOXXXXXXX\nXXOOOOOXX\nXXXXXXXXX\n",
"#": "XXOOXOOXX\nXXOOXOOXX\nXOOOOOOOX\nXXOOXOOXX\nXXOOXOOXX\nXOOOOOOOX\nXXOOXOOXX\nXXOOXOOXX\nXXXXXXXXX\n",
"$": "XXXXOXXXX\nXXOOOOOOX\nXOOOXXXXX\nXOOOOOOOX\nXOOOOOOOX\nXXXXXOOOX\nXOOOOOOXX\nXXXXOXXXX\nXXXXXXXXX\n",
"&": "XXOOOOOXX\nXOOOOOOXX\nXOOOXXXXX\nXXOOOXOOO\nXOOOOXOOO\nXOOOXXOOX\nXOOOOOOOX\nXXOOOOOOX\nXXXXXXXXX\n",
"*": "XXOXOXOXX\nXXXOOOXXX\nXXOOOOOXX\nXXXOOOXXX\nXXOXOXOXX\nXXXXXXXXX\n",
"+": "XXXOOOXXX\nXXXOOOXXX\nXOOOOOOOX\nXOOOOOOOX\nXXXOOOXXX\nXXXOOOXXX\nXXXXXXXXX\n",
":": "XXXOOOXXX\nXXXOOOXXX\nXXXOOOXXX\nXXXXXXXXX\nXXXOOOXXX\nXXXOOOXXX\nXXXOOOXXX\nXXXXXXXXX\n",
";": "XXXOOOXXX\nXXXOOOXXX\nXXXOOOXXX\nXXXXXXXXX\nXXXOOOXXX\nXXXOOOXXX\nXXXXOOXXX\nXXXXOOXXX\nXXXXXXXXX\n",
"/": "XXXXXOOOX\nXXXXXOOOX\nXXXXOOOXX\nXXXOOOXXX\nXXXOOOXXX\nXXOOOXXXX\nXOOOXXXXX\nXOOOXXXXX\nXXXXXXXXX\n"
};
class Art extends React.Component {
render() {
var that = this;
//TODO Add all the patterns
var art = [];
var phrase = '-' + this.props.phrase.toLowerCase();
if (phrase.length > 1) {
phrase = phrase.replace(/ /gi, '-');
art = phrase.split('').map(function (v, k) {
var pattern = patterns[v] || patterns['-'];
return pattern.replace(/x/gi, that.props.shading).replace(/o/gi, that.props.fill);
});
}
return (
<textarea value={art.join('')} id="art" hidden={this.props.phrase === ''} className="Art" ref="textarea">
</textarea>
);
}
}
export default Art;