ime - initial version
This commit is contained in:
parent
e775b7d6a2
commit
c01ebee0ae
28
ime.html
Normal file
28
ime.html
Normal file
@ -0,0 +1,28 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<title>ime test</title>
|
||||||
|
<meta name="description" content="">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<style>
|
||||||
|
@font-face {
|
||||||
|
font-family: "heonian";
|
||||||
|
src: url('HeonianAlone.otf');
|
||||||
|
}
|
||||||
|
|
||||||
|
textarea {
|
||||||
|
font-family: "heonian";
|
||||||
|
font-size: 32px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<p>type in ime, wow!!!!!!!!!!!</p>
|
||||||
|
<textarea type="text" class="ime">
|
||||||
|
</textarea>
|
||||||
|
|
||||||
|
<script src="./ime.js" async defer></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
271
ime.js
Normal file
271
ime.js
Normal file
@ -0,0 +1,271 @@
|
|||||||
|
let input = [];
|
||||||
|
|
||||||
|
let currentWord = [];
|
||||||
|
|
||||||
|
let selected = -1;
|
||||||
|
|
||||||
|
window.onload = () => {
|
||||||
|
document.querySelectorAll(".ime").forEach(input => {
|
||||||
|
input.addEventListener("keydown", (key) => {
|
||||||
|
imeDown(key, input);
|
||||||
|
});
|
||||||
|
input.addEventListener("mousedown", (e) => {
|
||||||
|
e.preventDefault();
|
||||||
|
input.focus();
|
||||||
|
imeUpdate(input);
|
||||||
|
})
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function imeDown(keyEvent, inputField) {
|
||||||
|
keyEvent.preventDefault();
|
||||||
|
switch (keyEvent.key) {
|
||||||
|
case "Backspace":
|
||||||
|
if (selected == -1) {
|
||||||
|
let latest = input[input.length]
|
||||||
|
console.log(latest);
|
||||||
|
|
||||||
|
|
||||||
|
if (currentWord.join("") == "") {
|
||||||
|
currentWord = input.pop() || [];
|
||||||
|
} else {
|
||||||
|
currentWord.pop();
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
input[selected].pop();
|
||||||
|
if (input[selected].join("") == "") {
|
||||||
|
input.splice(selected,1);
|
||||||
|
imeMove("left");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
break;
|
||||||
|
case "Enter":
|
||||||
|
if (selected == -1) {
|
||||||
|
if (currentWord.join() == "") { //blame js :)
|
||||||
|
let s = document.createElement("p");
|
||||||
|
s.innerText = input.join("");
|
||||||
|
document.body.appendChild(s);
|
||||||
|
input = [];
|
||||||
|
selected = -1;
|
||||||
|
} else {
|
||||||
|
input.push(currentWord);
|
||||||
|
currentWord = [];
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
if (selected+1 >= input.length) {
|
||||||
|
selected = -1;
|
||||||
|
} else {
|
||||||
|
selected += 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
imeReset();
|
||||||
|
break;
|
||||||
|
case "Space":
|
||||||
|
//adds a '
|
||||||
|
break;
|
||||||
|
case "ArrowLeft":
|
||||||
|
imeMove("left");
|
||||||
|
break;
|
||||||
|
case "ArrowRight":
|
||||||
|
imeMove("right");
|
||||||
|
break;
|
||||||
|
case "ArrowDown":
|
||||||
|
imeMove("start");
|
||||||
|
break;
|
||||||
|
case "ArrowUp":
|
||||||
|
imeMove("end");
|
||||||
|
break;
|
||||||
|
default:
|
||||||
|
imeInput(keyEvent.key);
|
||||||
|
if (selected == -1) {
|
||||||
|
currentWord = inputFull;
|
||||||
|
} else {
|
||||||
|
input[selected] = inputFull;
|
||||||
|
}
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
imeUpdate(inputField);
|
||||||
|
}
|
||||||
|
|
||||||
|
function imeUpdate(inputField) {
|
||||||
|
let renderText = "";
|
||||||
|
input.forEach((w) => {
|
||||||
|
renderText += w.join("");
|
||||||
|
})
|
||||||
|
inputField.value = renderText + currentWord.join("");
|
||||||
|
if (selected == -1) {
|
||||||
|
inputField.setSelectionRange(renderText.length, renderText.length+currentWord.join("").length);
|
||||||
|
} else {
|
||||||
|
from = 0;
|
||||||
|
for (let x = 0; x < selected; x++) {
|
||||||
|
from += input[x].join("").length;
|
||||||
|
}
|
||||||
|
to = from+input[selected].join("").length;
|
||||||
|
inputField.setSelectionRange(from, to);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function clamp(min, max, value) {
|
||||||
|
return Math.max(min, Math.min(max, value));
|
||||||
|
}
|
||||||
|
|
||||||
|
function imeMove(direction) {
|
||||||
|
let d = 1;
|
||||||
|
if (currentWord.join("") != "") {
|
||||||
|
input.push(currentWord);
|
||||||
|
currentWord = [];
|
||||||
|
d = 2;
|
||||||
|
}
|
||||||
|
switch (direction) {
|
||||||
|
case "start":
|
||||||
|
selected = 0;
|
||||||
|
break;
|
||||||
|
case "end":
|
||||||
|
selected = -1;
|
||||||
|
break;
|
||||||
|
case "left":
|
||||||
|
if (selected == -1) selected = input.length;
|
||||||
|
selected -= 1 * d;
|
||||||
|
if (selected != -1) {
|
||||||
|
selected = clamp(0,input.length,selected);
|
||||||
|
//is there even a point in clamping it here,,,,
|
||||||
|
}
|
||||||
|
break;
|
||||||
|
case "right":
|
||||||
|
selected += 1 * d;
|
||||||
|
selected = clamp(0,input.length,selected);
|
||||||
|
//tbh same here, like.
|
||||||
|
//oh well ig ???/
|
||||||
|
if (selected == input.length) {
|
||||||
|
selected = -1;
|
||||||
|
}
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
imeReset();
|
||||||
|
}
|
||||||
|
|
||||||
|
let inputState = 0; //STARTING, COMPOSTING, TRAILING, Fucking Nothing, ...cleanup
|
||||||
|
let stateState = 0; //depends on the state
|
||||||
|
let inputFull = [];
|
||||||
|
let inputCurrent = "";
|
||||||
|
|
||||||
|
let hVowels = { //standalone, composing, trailing
|
||||||
|
"a": ["0", "5", "A"],
|
||||||
|
"e": ["1", "6", "B"],
|
||||||
|
"i": ["2", "7", "C"],
|
||||||
|
"o": ["3", "8", "D"],
|
||||||
|
"u": ["4", "9", "E"]
|
||||||
|
};
|
||||||
|
|
||||||
|
let hConsonants = { //0 = standalone, 1 = composing, 2-6 = vowels
|
||||||
|
"g": "01",
|
||||||
|
"s": "02",
|
||||||
|
"r": "03",
|
||||||
|
"n": "04",
|
||||||
|
"c": "05",
|
||||||
|
"m": "06",
|
||||||
|
"j": "07",
|
||||||
|
"f": "08",
|
||||||
|
"t": "09",
|
||||||
|
"k": "0A",
|
||||||
|
"w": "0B",
|
||||||
|
"l": "0C",
|
||||||
|
"p": "0D",
|
||||||
|
"b": "0E",
|
||||||
|
"d": "0F",
|
||||||
|
"h": "10",
|
||||||
|
};
|
||||||
|
|
||||||
|
function getUnicodeVowel(vowel, sot) {
|
||||||
|
if (sot == "standalone") sot = 0;
|
||||||
|
if (sot == "composing") sot = 1;
|
||||||
|
if (sot == "trailing") sot = 2;
|
||||||
|
return String.fromCharCode(parseInt("E00" + hVowels[vowel][sot], 16));
|
||||||
|
}
|
||||||
|
|
||||||
|
function getUnicodeConsonant(consonant, scv) {
|
||||||
|
if (scv == "standalone") {scv = 0;}
|
||||||
|
else if (scv == "trailing") {scv = 1;}
|
||||||
|
else {scv = Number(hVowels[scv][0])+2}
|
||||||
|
return String.fromCharCode(parseInt("E" + hConsonants[consonant] + "" + scv, 16));
|
||||||
|
}
|
||||||
|
|
||||||
|
let hVowelsK = Object.keys(hVowels)
|
||||||
|
let hConsonantsK = Object.keys(hConsonants);
|
||||||
|
|
||||||
|
function debugInput(key) {
|
||||||
|
console.log("pre "+key+": inputstate - "+inputState +", statestate - "+ stateState);
|
||||||
|
console.log("inputfull: " + inputFull.join(" ") + ", inputcurrent:" + inputCurrent);
|
||||||
|
imeInput(key);
|
||||||
|
console.log("post "+key+": inputstate - "+inputState +", statestate - "+ stateState);
|
||||||
|
console.log("inputfull: " + inputFull.join(" ") + ", inputcurrent:" + inputCurrent);
|
||||||
|
console.log("------------------------------")
|
||||||
|
}
|
||||||
|
|
||||||
|
function imeReset() {
|
||||||
|
stateState = 0;
|
||||||
|
inputState = 0;
|
||||||
|
inputFull = [];
|
||||||
|
inputCurrent = "";
|
||||||
|
}
|
||||||
|
|
||||||
|
function imeInput(key) {
|
||||||
|
key = key.toLowerCase();
|
||||||
|
if (!hConsonantsK.includes(key) && !hVowelsK.includes(key)) return;
|
||||||
|
switch (inputState) {
|
||||||
|
case 0: //starting
|
||||||
|
if (stateState == 0) {
|
||||||
|
if (hVowelsK.includes(key)) {
|
||||||
|
inputFull.push(getUnicodeVowel(key, "standalone"));
|
||||||
|
inputState = 2;
|
||||||
|
} else {
|
||||||
|
inputFull.push(getUnicodeConsonant(key, "standalone"));
|
||||||
|
stateState = 1;
|
||||||
|
inputCurrent = key;
|
||||||
|
}
|
||||||
|
break;
|
||||||
|
} else if (stateState == 1) {
|
||||||
|
if (hVowelsK.includes(key)) {
|
||||||
|
inputState = 1;
|
||||||
|
stateState = 0;
|
||||||
|
} else {
|
||||||
|
inputFull.push(getUnicodeConsonant(key, "trailing"));
|
||||||
|
inputCurrent = key;
|
||||||
|
stateState = 2;
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
} else if (stateState == 2) {
|
||||||
|
if (hVowelsK.includes(key)) {
|
||||||
|
inputState = 1;
|
||||||
|
stateState = 0;
|
||||||
|
} else break;
|
||||||
|
}
|
||||||
|
case 1: //composing
|
||||||
|
if (hVowelsK.includes(key)) {
|
||||||
|
inputState = 2;
|
||||||
|
inputFull.pop();
|
||||||
|
inputFull.push(getUnicodeConsonant(inputCurrent, key));
|
||||||
|
inputCurrent = "";
|
||||||
|
}
|
||||||
|
break;
|
||||||
|
case 2: //trailing
|
||||||
|
if (hVowelsK.includes(key)) {
|
||||||
|
inputFull.push(getUnicodeVowel(key, "trailing"));
|
||||||
|
stateState += 1;
|
||||||
|
} else {
|
||||||
|
inputFull.push(getUnicodeConsonant(key, "trailing"));
|
||||||
|
stateState += 1;
|
||||||
|
}
|
||||||
|
if (stateState == 2) {
|
||||||
|
stateState = 0;
|
||||||
|
inputState = 3;
|
||||||
|
}
|
||||||
|
break;
|
||||||
|
case 3: //do nothing (i.e "waiting 4 u 2 hit enter")
|
||||||
|
break;
|
||||||
|
case 4: //cleanup (reset vars)
|
||||||
|
stateState = 0;
|
||||||
|
inputCurrent = "";
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
56
ime.txt
Normal file
56
ime.txt
Normal file
@ -0,0 +1,56 @@
|
|||||||
|
|
||||||
|
Description of IME:
|
||||||
|
|
||||||
|
5 states:
|
||||||
|
- STARTING
|
||||||
|
- COMPOSING
|
||||||
|
- TRAILING
|
||||||
|
|
||||||
|
Nomenclature: [Whole] / [Up|Down]
|
||||||
|
|
||||||
|
At any times, enter can be pressed to finish the input process.
|
||||||
|
Pressing enter with input process already finished will send the message.
|
||||||
|
|
||||||
|
STATE 1 - STARTING
|
||||||
|
Any first letter input is displayed as non-composing non-trailing symbol.
|
||||||
|
The big standalone variant.
|
||||||
|
|
||||||
|
Consonant [K]
|
||||||
|
Vowel [A]
|
||||||
|
|
||||||
|
If CONSONANT was inputted:
|
||||||
|
- Move to COMPOSING if next a VOWEL is inputted.
|
||||||
|
- Repeat this step if not, but adding the input as a trailing letter instead (uppercase). This can only happen once.
|
||||||
|
If VOWEL was inputted, move to TRAILING.
|
||||||
|
|
||||||
|
STATE 2 - COMPOSING
|
||||||
|
|
||||||
|
Only vowels are inputted. It is transcribed to heonian as a downside letter.
|
||||||
|
|
||||||
|
Vowel -> [K|A]
|
||||||
|
|
||||||
|
Move to TRAILING.
|
||||||
|
|
||||||
|
STATE 3 - TRAILING. (UP TO 2 TIMES)
|
||||||
|
Any letter input is displayed as a trailing symbol.
|
||||||
|
Aka uppercase.
|
||||||
|
|
||||||
|
1-3 -> [A][N| ]
|
||||||
|
1-3-3 -> [A][N| ][N| ]
|
||||||
|
1-2-3 -> [K|A][N| ]
|
||||||
|
1-2-3-3 -> [K|A][N| ][N| ]
|
||||||
|
1-1-2-3 -> [K][K|A][N| ]
|
||||||
|
1-1-2-3-3 -> [K][K|A][N| ][N| ]
|
||||||
|
|
||||||
|
This process can be repeated up to two times.
|
||||||
|
|
||||||
|
https://cronut.cafe/~lustlion/myrheon/test/
|
||||||
|
0xE -> Heonian Letter
|
||||||
|
next two digits: Vowels / What Consonant
|
||||||
|
last digit: Standalone / Trailing / Composing
|
||||||
|
|
||||||
|
simplified:
|
||||||
|
1. First letter inputted is standalone except if composing.
|
||||||
|
2. There can only be one composing per syllable, if it manages to go composing it goes to trailing.
|
||||||
|
3. You can input up to two letters before either composing or ending the syllable.
|
||||||
|
4. You can have 0, 1 or 2 trailing letters.
|
||||||
6
main.js
6
main.js
@ -1,8 +1,3 @@
|
|||||||
//since this _entire thing_ will be generated,
|
|
||||||
//you could "theoretically" (you definitive can)
|
|
||||||
//just sorta. skip the whole "scan all words" bit,
|
|
||||||
//which is why that's in a separate function
|
|
||||||
|
|
||||||
let words = {}
|
let words = {}
|
||||||
|
|
||||||
let currentFont = "r";
|
let currentFont = "r";
|
||||||
@ -116,7 +111,6 @@ function init() {
|
|||||||
document.querySelector("#popup-container").style.pointerEvents = "none";
|
document.querySelector("#popup-container").style.pointerEvents = "none";
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
// above are commented out until wordlist is added~
|
|
||||||
document.querySelector("#font-button").addEventListener("click", () => {fontButton();});
|
document.querySelector("#font-button").addEventListener("click", () => {fontButton();});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user