function processImage(originalImg, redBoost = 40, contrastLevel = 1.5) {
const canvas = document.createElement('canvas');
const ctx = canvas.getContext('2d');
// Set canvas dimensions to match the original image
canvas.width = originalImg.width;
canvas.height = originalImg.height;
// Draw the original image onto the canvas
ctx.drawImage(originalImg, 0, 0);
// Get image data for pixel manipulation
const imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);
const data = imageData.data;
const contrast = Number(contrastLevel);
const boostR = Number(redBoost);
// The typical "G-Major" visual effect involves inverting the colors,
// increasing contrast, and often a slight red tint to give it a demonic/intense look.
for (let i = 0; i < data.length; i += 4) {
// Step 1: Invert colors
let r = 255 - data[i];
let g = 255 - data[i + 1];
let b = 255 - data[i + 2];
// Step 2: Apply contrast
r = ((r - 128) * contrast) + 128;
g = ((g - 128) * contrast) + 128;
b = ((b - 128) * contrast) + 128;
// Step 3: Add red boost for the classic creepy tint
r += boostR;
// Clamp values between 0 and 255 to prevent overflow bugs
data[i] = Math.max(0, Math.min(255, r));
data[i + 1] = Math.max(0, Math.min(255, g));
data[i + 2] = Math.max(0, Math.min(255, b));
// data[i + 3] is Alpha, which remains unchanged
}
// Feed the modified image data back into the canvas
ctx.putImageData(imageData, 0, 0);
return canvas;
}The G-Major Image Effect Generator is a tool designed to apply a dramatic visual filter to your images. It works by inverting the colors, increasing the contrast, and adding a red tint to create an intense, high-contrast aesthetic. This tool is ideal for creators looking to produce stylized, eerie, or high-energy visuals for social media, digital art projects, or meme creation.