56 lines
1.8 KiB
JavaScript
56 lines
1.8 KiB
JavaScript
let mappings = {
|
|
'key_q' : [1, 0, 1, 1, 0, 0, 0, 0],
|
|
'key_w' : [1, 0, 0, 1, 0, 0, 0, 0],
|
|
'key_u' : [0, 0, 0, 0, 0, 1, 1, 0],
|
|
'key_p' : [0, 0, 0, 0, 1, 0, 1, 1],
|
|
'key_d' : [1, 1, 1, 0, 0, 0, 0, 0],
|
|
'key_f' : [1, 1, 0, 0, 0, 0, 0, 0],
|
|
'key_g' : [0, 1, 1, 0, 0, 0, 0, 0],
|
|
'key_h' : [0, 0, 0, 0, 1, 0, 1, 0],
|
|
'key_j' : [0, 0, 1, 1, 0, 0, 0, 0],
|
|
'key_k' : [0, 0, 0, 0, 0, 1, 0, 1],
|
|
'key_l' : [0, 0, 0, 0, 1, 1, 1, 0],
|
|
'key_z' : [1, 1, 1, 1, 0, 0, 0, 0],
|
|
'key_x' : [0, 1, 1, 1, 0, 0, 0, 0],
|
|
'key_c' : [0, 0, 0, 1, 1, 0, 0, 0],
|
|
'key_v' : [0, 1, 0, 1, 0, 0, 0, 0],
|
|
'key_b' : [0, 0, 0, 0, 1, 0, 0, 1],
|
|
'key_n' : [0, 0, 0, 0, 0, 0, 1, 1],
|
|
'key_m' : [0, 0, 0, 0, 0, 1, 1, 1],
|
|
'key_space' : [0, 0, 0, 0, 1, 1, 1, 1],
|
|
'key_enter' : [1, 0, 0, 0, 1, 0, 0, 0],
|
|
'key_comma' : [1, 0, 0, 0, 0, 0, 1, 0],
|
|
'key_period' : [1, 0, 0, 0, 0, 1, 0, 0],
|
|
'key_backspace' : [0, 1, 0, 0, 1, 0, 0, 0],
|
|
'key_apostrophe' : [1, 0, 0, 0, 0, 1, 1, 0],
|
|
'key_exclamation' : [0, 0, 1, 0, 0, 0, 1, 0]
|
|
}
|
|
|
|
function artsey_draw(key_config) {
|
|
let keys = $('.keyboard-key');
|
|
for (let i = 0; i < keys.length; i++) {
|
|
if (key_config[i] === 1)
|
|
$(keys[i]).css('background-color', 'black');
|
|
else
|
|
$(keys[i]).css('background-color', 'white');
|
|
}
|
|
}
|
|
|
|
function artsey_reset() {
|
|
let config = {'' : [0, 0, 0, 0, 0, 0, 0, 0]};
|
|
artsey_draw(config);
|
|
$('#letterbox').text('');
|
|
}
|
|
|
|
const sleep = (delay) => new Promise((resolve) => setTimeout(resolve, delay))
|
|
|
|
$(document).ready(async function() {
|
|
console.log("ready!");
|
|
for (let key in mappings) {
|
|
await sleep(1000);
|
|
console.log(key);
|
|
$('#text-to-type').text(key.split('_')[1].toUpperCase())
|
|
artsey_draw(mappings[key]);
|
|
}
|
|
artsey_reset();
|
|
}); |