pranks
Version:
A collection of fun pranks for web pages
159 lines (153 loc) • 6.37 kB
JavaScript
(function (global, factory) {
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
typeof define === 'function' && define.amd ? define(['exports'], factory) :
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.Pranks = {}));
})(this, (function (exports) { 'use strict';
function showHackedMessage() {
(function () {
if (document.getElementById('matrix-canvas'))
return;
const japanese = 'アイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤユヨラリルレロワン'.split('');
function getRandomJapaneseChar() {
return japanese[Math.floor(Math.random() * japanese.length)];
}
function transformTextNodes(node) {
const nodesToTransform = [];
function collectTextNodes(node) {
if (node.nodeType === Node.TEXT_NODE && node.nodeValue?.trim()) {
nodesToTransform.push({
node,
text: node.nodeValue.split(''),
index: 0
});
}
else if (node.nodeType === Node.ELEMENT_NODE && node.tagName !== 'SCRIPT' && node.tagName !== 'STYLE') {
for (const child of node.childNodes) {
collectTextNodes(child);
}
}
}
collectTextNodes(node);
return nodesToTransform;
}
const nodesToProcess = transformTextNodes(document.body);
const interval = setInterval(() => {
let allDone = true;
for (const item of nodesToProcess) {
if (item.index < item.text.length) {
item.text[item.index] = getRandomJapaneseChar();
item.node.nodeValue = item.text.join('');
item.index++;
allDone = false;
}
}
if (allDone) {
clearInterval(interval);
}
}, 50);
document.body.style.backgroundColor = 'black !important';
document.body.style.color = '#0f0 !important';
document.body.style.fontFamily = "'Courier New', Courier, monospace !important";
const canvas = document.createElement('canvas');
canvas.id = 'matrix-canvas';
canvas.style.position = 'fixed';
canvas.style.top = '0px';
canvas.style.left = '0px';
canvas.style.width = '100%';
canvas.style.height = '100%';
canvas.style.zIndex = '999999';
canvas.style.pointerEvents = 'none';
document.body.appendChild(canvas);
const ctx = canvas.getContext('2d');
if (!ctx)
return; // Add null check for context
let width, height, columns, drops;
const fontSize = 14;
function resize() {
width = canvas.width = window.innerWidth;
height = canvas.height = window.innerHeight;
columns = Math.floor(width / fontSize);
drops = Array(columns).fill(1);
}
window.addEventListener('resize', resize);
resize();
function draw() {
if (!ctx)
return;
ctx.fillStyle = 'rgba(0, 0, 0, 0.05)';
ctx.fillRect(0, 0, width, height);
ctx.fillStyle = '#0F0';
ctx.font = `${fontSize}px 'Courier New', Courier, monospace`;
for (let i = 0; i < drops.length; i++) {
const text = japanese[Math.floor(Math.random() * japanese.length)];
const x = i * fontSize;
const y = drops[i] * fontSize;
ctx.fillText(text, x, y);
if (y > height && Math.random() > 0.975) {
drops[i] = 0;
}
drops[i]++;
}
// Add "You've been hacked" message in the middle
const hackedMessage = "YOU'VE BEEN HACKED";
ctx.font = "48px 'Courier New', Courier, monospace";
ctx.fillStyle = "#00FF00"; // Red color for emphasis
// Calculate text width to center it
const textMetrics = ctx.measureText(hackedMessage);
const textWidth = textMetrics.width;
// Center the text on the canvas
ctx.fillText(hackedMessage, (width - textWidth) / 2, height / 2);
requestAnimationFrame(draw);
}
// Wait 3 seconds before starting animation
setTimeout(() => {
draw();
}, 3000);
})();
}
// Auto-execute when script loads
if (typeof window !== 'undefined') {
// Wait for the DOM to be fully loaded
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', () => {
setTimeout(showHackedMessage, 3000);
});
}
else {
// DOM is already loaded
setTimeout(showHackedMessage, 3000);
}
}
function rotatePage() {
if (typeof window === 'undefined')
return;
const style = document.createElement('style');
style.textContent = `
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
body {
animation: spin 3s linear infinite;
transform-origin: center center;
}
`;
document.head.appendChild(style);
}
// Auto-execute when script loads
if (typeof window !== 'undefined') {
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', rotatePage);
}
else {
rotatePage();
}
}
exports.rotatePage = rotatePage;
exports.showHackedMessage = showHackedMessage;
}));
//# sourceMappingURL=index.js.map