Please bookmark this page to avoid losing your image tool!

G-Major 13 Image Effect Generator

(Free & Supports Bulk Upload)

The result will appear here...

JavaScript Code (For Advanced Users)

You can edit the below JavaScript code to customize the image tool.

function processImage(originalImg, hueRotate = "130", saturation = "400", contrast = "150", ghostingOffset = "15") {
    const canvas = document.createElement('canvas');
    canvas.width = originalImg.width;
    canvas.height = originalImg.height;
    const ctx = canvas.getContext('2d');

    const hue = parseFloat(hueRotate) || 0;
    const sat = parseFloat(saturation) || 0;
    const cont = parseFloat(contrast) || 0;
    const offset = parseFloat(ghostingOffset) || 0;

    // Give underlying canvas a solid background to prevent transparency clipping
    ctx.fillStyle = "black";
    ctx.fillRect(0, 0, canvas.width, canvas.height);

    // Apply classic G-Major video effect style: Inverted colors, extreme saturation, and hue shift
    ctx.filter = `invert(100%) hue-rotate(${hue}deg) saturate(${sat}%) contrast(${cont}%)`;
    ctx.drawImage(originalImg, 0, 0, canvas.width, canvas.height);

    // If offset is applied, add a creepy ghosting/zoomed duplication effect common in G-Major edits
    if (offset > 0) {
        ctx.globalCompositeOperation = "exclusion";
        ctx.globalAlpha = 0.7;
        
        // Shift the hue further and add a slight blur for a spectral ghost layer
        ctx.filter = `invert(100%) hue-rotate(${hue + 90}deg) saturate(${sat + 50}%) contrast(${cont + 50}%) blur(2px)`;
        
        // Scale out from the center for a disturbing zoom-ghost overlap
        ctx.translate(canvas.width / 2, canvas.height / 2);
        const scale = 1 + (offset / 100);
        ctx.scale(scale, scale);
        ctx.translate(-canvas.width / 2, -canvas.height / 2);
        
        ctx.drawImage(originalImg, 0, 0, canvas.width, canvas.height);
    }

    // Reset context state to ensure canvas remains clean for any post-process extraction operations
    ctx.setTransform(1, 0, 0, 1, 0, 0);
    ctx.globalAlpha = 1.0;
    ctx.globalCompositeOperation = "source-over";
    ctx.filter = "none";

    return canvas;
}

Free Image Tool Creator

Can't find the image tool you're looking for?
Create one based on your own needs now!

Create a custom image tool

Description

The G-Major 13 Image Effect Generator is a tool designed to apply dramatic visual distortions to images, mimicking the popular ‘G-Major’ video editing style. It transforms images by inverting colors and applying significant shifts in hue, saturation, and contrast. Additionally, it can generate a spectral ghosting effect by layering a scaled and blurred version of the image using an exclusion composite mode. This tool is ideal for creators looking to produce surreal, psychedelic, or horror-themed digital art and social media content.

JavaScript Code (For Advanced Users)

Free Image Tool Creator

Description

Leave a Reply Cancel reply

Other Image Tools: