CCF_100/frontpage
2
1
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Port enhancements from NMA

Browse Source
This commit is contained in:
Chloe Fontenot 🏳️‍⚧️ 2024-02-17 23:41:08 -06:00
parent 0a6e2acea5
commit 3257562ff6
1 changed files with 106 additions and 58 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

164
index.html
View File

@ -223,77 +223,125 @@
} }
return outputString; return outputString;
} }
var charIterateState; var charIterateState;
const surrogatePairs = /[\uD800-\uDBFF][\uDC00-\uDFFF]/g;
function charIterate(input) { function charIterate(input) {
if (charIterateState == undefined) { let stringLength = (input.length - 1);
charIterateState = 0; let temp = input.split('');
} else { for (let i = 0; i < stringLength; ++i) {
if (charIterateState < (input.length - 1)) { let compareString = temp.join("");
charIterateState++; let stringEval = undefined, stringEvalIndex = undefined;
} else { while ((stringEval = surrogatePairs.exec(compareString)) !== null) {
charIterateState = 0; stringEvalIndex = stringEval.index;
console.log("emoji is at index", stringEvalIndex);
} }
} if (stringEvalIndex == i) {
console.log(charIterateState, input.charAt(charIterateState)); stringLength--;
return charIterateState; temp.splice(i, 1);
console.log("Decreasing stringLength variable to", stringLength);
}
}
if (charIterateState == undefined) {
//console.log("undefined! setting to zero");
charIterateState = 0;
} else {
if (charIterateState < stringLength) {
charIterateState++;
} else {
charIterateState = 0;
} }
}
//console.log(charIterateState, fixedCharAt(input, charIterateState));
return charIterateState;
}
function design5(input) { function design5(input) {
charIterateState = undefined;
let outputString = ""; let outputString = "";
let outputLine = ""; let outputLine = "";
let radius = (input.length); let radius = (input.length);
let mid = radius; let mid = radius;
if (mid % 2 == 1) { if (mid % 2 == 1) {
var spaceOffset = "&nbsp;"; var spaceOffset = "&nbsp;";
} else { } else {
var spaceOffset = ""; var spaceOffset = "";
}
console.log(radius, mid);
// dist represents distance to the center
let dist = parseFloat(0);
let space = ""
for (let i = 0; i < (input.length / 2); ++i) {
space += "&nbsp;";
}
// for horizontal movement
var i;
var j;
let lineHasInput = false;
for (i = 0; i <= 2 * radius; i++) {
lineHasInput = false;
if (Math.trunc(i) != mid) {
// for vertical movement
for (j = 0; j <= 2 * radius; j++) {
dist = Math.sqrt(
((i - radius) * (i - radius) * 4) + // (* 4) accounts for the offset between lines
(j - radius) * (j - radius)
);
//console.log(i, j, radius, dist);
// dist should be in the range (radius - 0.5)
// and (radius + 0.5) to print stars(*)
if (dist > radius - 1 && dist < radius + 1) { //&& dist > radius - 1
lineHasInput = true;
outputLine += input.charAt(charIterate(input));
} else {
outputLine += "&nbsp;";
}
}
} else {
lineHasInput = true;
outputLine += input.charAt(charIterate(input)) + space + input + space + spaceOffset + input.charAt(charIterate(input));
}
//console.log(i, j, outputLine);
if (lineHasInput) {
console.log("outputLine", outputLine);
outputString += outputLine + "<br>";
}
outputLine = "";
}
return outputString;
} }
console.log(radius, mid);
// dist represents distance to the center
let dist = parseFloat(0);
let space = ""
for (let i = 0; i < (input.length / 2); ++i) {
space += "&nbsp;";
}
// for horizontal movement
var i;
var j;
let lineHasInput = false;
for (i = 0; i <= 2 * radius; i++) {
lineHasInput = false;
if (Math.trunc(i) != mid) {
// for vertical movement
for (j = 0; j <= 2 * radius; j++) {
dist = Math.sqrt(
((i - radius) * (i - radius) * 4) + // (* 4) accounts for the offset between lines
(j - radius) * (j - radius)
);
//console.log(i, j, radius, dist);
// dist should be in the range (radius - 0.5)
// and (radius + 0.5) to print stars(*)
if (dist > radius - 1 && dist < radius + 1) { //&& dist > radius - 1
lineHasInput = true;
outputLine += "" + fixedCharAt(input, charIterate(input)); //zero-width space
} else {
outputLine += "&nbsp;";
}
}
} else {
lineHasInput = true;
outputLine += fixedCharAt(input, charIterate(input)) + space + input + space + spaceOffset + fixedCharAt(input, charIterate(input));
}
//console.log(i, j, outputLine);
if (lineHasInput) {
outputString += outputLine + "<br>";
}
outputLine = "";
}
return outputString;
}
// Code from https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/charAt
function fixedCharAt(str, idx) {
str = String(str);
//const surrogatePairs = /[\uD800-\uDBFF][\uDC00-\uDFFF]/g;
while (surrogatePairs.exec(str) !== null) {
const lastIdx = surrogatePairs.lastIndex;
if (lastIdx - 2 < idx) {
idx++;
} else {
break;
}
}
if (idx >= str.length || idx < 0) {
return "";
}
let ret = str.charAt(idx);
if (
/[\uD800-\uDBFF]/.test(ret) &&
/[\uDC00-\uDFFF]/.test(str.charAt(idx + 1))
) {
// Go one further, since one of the "characters" is part of a surrogate pair
ret += str.charAt(idx + 1);
}
return ret;
}
</script> </script>
<p id="jsOutput"></p> <p id="jsOutput"></p>
<img id=riitag src="https://tag.rc24.xyz/294976590658666497/tag.max.png" alt="My RiiTag" width=1024> <img id=riitag src="https://tag.rc24.xyz/294976590658666497/tag.max.png" alt="My RiiTag" width=1024>