jory/personal_website
1
0
Fork 0
mirror of https://github.com/JorySeverijnse/ui-fixer-supreme.git synced 2026-01-29 19:48:38 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Changes

Browse Source
This commit is contained in:
gpt-engineer-app[bot] 2025-12-11 08:10:24 +00:00
parent 6b586236bc
commit 978aadfef2
1 changed files with 67 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

79
src/components/HumanVerification.tsx
View File

@ -102,14 +102,51 @@ const HumanVerification = ({ onVerified }: HumanVerificationProps) => {
ctx.fill(); ctx.fill();
} }
// Matrix-style falling characters // Matrix-style falling characters with distortion to prevent AI detection
ctx.font = '11px monospace'; const chars = '01アイウエオカキクケコ田由甲申電网ЖДЯ§€¥£';
ctx.fillStyle = `hsla(${h}, ${s}%, ${l}%, 0.2)`; for (let i = 0; i < 50; i++) {
const chars = '01アイウエオカキクケコ田由甲申電网';
for (let i = 0; i < 40; i++) {
const cx = Math.random() * CANVAS_WIDTH; const cx = Math.random() * CANVAS_WIDTH;
const cy = Math.random() * CANVAS_HEIGHT; const cy = Math.random() * CANVAS_HEIGHT;
ctx.fillText(chars[Math.floor(Math.random() * chars.length)], cx, cy); const fontSize = 8 + Math.random() * 8;
const rotation = (Math.random() - 0.5) * 0.6;
const opacity = 0.08 + Math.random() * 0.2;
const skewX = (Math.random() - 0.5) * 0.3;
ctx.save();
ctx.translate(cx, cy);
ctx.rotate(rotation);
ctx.transform(1, 0, skewX, 1, 0, 0); // Skew
ctx.font = `${fontSize}px monospace`;
ctx.fillStyle = `hsla(${h}, ${s}%, ${l}%, ${opacity})`;
ctx.fillText(chars[Math.floor(Math.random() * chars.length)], 0, 0);
ctx.restore();
}
// Add noise pixels to confuse OCR
const imageData = ctx.getImageData(0, 0, CANVAS_WIDTH, CANVAS_HEIGHT);
const data = imageData.data;
for (let i = 0; i < data.length; i += 4) {
if (Math.random() < 0.03) {
const noise = Math.random() * 40;
data[i] += noise; // R
data[i + 1] += noise; // G
data[i + 2] += noise; // B
}
}
ctx.putImageData(imageData, 0, 0);
// Interference lines crossing through characters
ctx.strokeStyle = `hsla(${h}, ${s}%, ${l}%, 0.08)`;
ctx.lineWidth = 1;
for (let i = 0; i < 8; i++) {
ctx.beginPath();
ctx.moveTo(0, Math.random() * CANVAS_HEIGHT);
ctx.bezierCurveTo(
CANVAS_WIDTH * 0.3, Math.random() * CANVAS_HEIGHT,
CANVAS_WIDTH * 0.7, Math.random() * CANVAS_HEIGHT,
CANVAS_WIDTH, Math.random() * CANVAS_HEIGHT
);
ctx.stroke();
} }
// Generate target position (where the piece should go) // Generate target position (where the piece should go)
@ -244,14 +281,32 @@ const HumanVerification = ({ onVerified }: HumanVerificationProps) => {
ctx.stroke(); ctx.stroke();
} }
// Matrix chars // Matrix chars with distortion
ctx.font = '11px monospace'; const chars = '01アイウエオ田由甲申ЖДЯ§€¥';
ctx.fillStyle = `hsla(${h}, ${s}%, ${l}%, 0.2)`; for (let i = 0; i < 35; i++) {
const chars = '01アイウエオ田由甲申'; const fontSize = 8 + (i % 5) * 2;
for (let i = 0; i < 30; i++) { const rotation = ((i % 7) - 3) * 0.15;
ctx.fillText(chars[i % chars.length], (i * 17) % CANVAS_WIDTH, (i * 13) % CANVAS_HEIGHT); const opacity = 0.08 + (i % 4) * 0.05;
ctx.save();
ctx.translate((i * 17) % CANVAS_WIDTH, (i * 13) % CANVAS_HEIGHT);
ctx.rotate(rotation);
ctx.font = `${fontSize}px monospace`;
ctx.fillStyle = `hsla(${h}, ${s}%, ${l}%, ${opacity})`;
ctx.fillText(chars[i % chars.length], 0, 0);
ctx.restore();
} }
// Add noise and interference
const imgData = ctx.getImageData(0, 0, CANVAS_WIDTH, CANVAS_HEIGHT);
for (let i = 0; i < imgData.data.length; i += 4) {
if (Math.random() < 0.025) {
imgData.data[i] += Math.random() * 30;
imgData.data[i + 1] += Math.random() * 30;
imgData.data[i + 2] += Math.random() * 30;
}
}
ctx.putImageData(imgData, 0, 0);
const pieceY = (CANVAS_HEIGHT - PIECE_HEIGHT) / 2; const pieceY = (CANVAS_HEIGHT - PIECE_HEIGHT) / 2;
// Draw target slot // Draw target slot