MediaWiki:Test.js: различия между версиями

Страница интерфейса MediaWiki
Нет описания правки
Метка: отменено
Нет описания правки
 
(не показано 14 промежуточных версий этого же участника)
Строка 1: Строка 1:
if (mw.config.get('wgPageName') === 'Участник:Dantes') {
(function(){
 
var canvas=document.createElement('canvas');
    // ===== CSS через JS =====
canvas.style.position='fixed';
    var style = document.createElement('style');
canvas.style.left='0';
    style.type = 'text/css';
canvas.style.top='0';
    style.textContent = ''
canvas.style.width='100%';
        + 'body { margin:0; padding:0; overflow:hidden; background-color:black; }'
canvas.style.height='100%';
        + '.chaos-text { position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); font-size:10vw; font-weight:900; text-align:center; z-index:1000; text-shadow:0 0 20px #ffff00, 0 0 30px #ff00ff; }'
canvas.style.pointerEvents='none';
        + '.emoji, .sprite { position:absolute; pointer-events:none; user-select:none; }';
canvas.style.zIndex='9999';
    document.head.appendChild(style);
document.documentElement.appendChild(canvas);
 
var ctx=canvas.getContext('2d');
    // ===== Переменные =====
var w=0,h=0,flakes=[];
    var colors = ['#ff0000','#00ff00','#0000ff','#ffff00','#ff00ff','#00ffff','#ffffff','#ff8000'];
function resize(){w=canvas.width=window.innerWidth;h=canvas.height=window.innerHeight;initFlakes();}
    var emojis = ['💥','🔥','🎉','👾','💀','🤡','👻','🌈','🚀','💩','🍕','🦄','😱','🙀','💫','⭐','🌀'];
function rand(a,b){return Math.random()*(b-a)+a;}
 
function initFlakes(){
    // ===== HTML элемент =====
flakes=[];
    var chaosText = document.createElement('div');
var count=Math.max(30,Math.floor(w/30));
    chaosText.className = 'chaos-text';
for(var i=0;i<count;i++){
    chaosText.textContent = 'ХАОС!';
flakes.push({
    document.body.appendChild(chaosText);
x:rand(0,w),
 
y:rand(-h, h),
    // ===== Вспомогательная функция =====
r:rand(0.8,2.6),
    function randomItem(arr) {
vx:rand(-0.3,0.3),
        return arr[Math.floor(Math.random() * arr.length)];
vy:rand(0.4,1.2),
    }
o:rand(0.3,0.9)
 
});
    // ===== Создание эмодзи =====
    function createEmojiSprite() {
        var emoji = document.createElement('div');
        emoji.className = 'emoji';
        emoji.textContent = randomItem(emojis);
        emoji.style.fontSize = (Math.random() * 60 + 20) + 'px';
        emoji.style.color = randomItem(colors);
        emoji.style.left = (Math.random() * window.innerWidth) + 'px';
        emoji.style.top = (Math.random() * window.innerHeight) + 'px';
        document.body.appendChild(emoji);
 
        var x = parseFloat(emoji.style.left);
        var y = parseFloat(emoji.style.top);
        var xSpeed = (Math.random()-0.5)*10;
        var ySpeed = (Math.random()-0.5)*10;
        var rotation = 0;
        var rotationSpeed = (Math.random()-0.5)*20;
 
        function move() {
            x += xSpeed;
            y += ySpeed;
            rotation += rotationSpeed;
 
            if (x <=0 || x >= window.innerWidth-50) xSpeed = -xSpeed*1.1;
            if (y <=0 || y >= window.innerHeight-50) ySpeed = -ySpeed*1.1;
 
            emoji.style.left = x + 'px';
            emoji.style.top = y + 'px';
            emoji.style.transform = 'rotate(' + rotation + 'deg)';
 
            requestAnimationFrame(move);
        }
        move();
    }
 
    // ===== Фон =====
    function flickerBackground() {
        document.body.style.backgroundColor = randomItem(colors);
        setTimeout(flickerBackground, Math.random()*200);
    }
 
    // ===== Меняем текст =====
    function changeText() {
        var texts = ['ХАОС!','БЕЗУМИЕ!','АААА!','ПОМОГИ!','СТОП!','SOS!','🎪 ЦИРК! 🎪'];
        chaosText.textContent = randomItem(texts);
        chaosText.style.color = randomItem(colors);
        setTimeout(changeText, Math.random()*500);
    }
 
    // ===== Создание спрайтов =====
    function createImageSprite() {
        var img = document.createElement('div');
        img.className = 'sprite';
        img.style.width = (Math.random()*100+50) + 'px';
        img.style.height = (Math.random()*100+50) + 'px';
        img.style.backgroundColor = randomItem(colors);
        img.style.borderRadius = (Math.random()>0.5 ? '50%' : '0');
        img.style.left = (Math.random()*window.innerWidth)+'px';
        img.style.top = (Math.random()*window.innerHeight)+'px';
        img.style.opacity = (Math.random()*0.7+0.3);
        document.body.appendChild(img);
 
        var x = parseFloat(img.style.left);
        var y = parseFloat(img.style.top);
        var xSpeed = (Math.random()-0.5)*8;
        var ySpeed = (Math.random()-0.5)*8;
        var scale = 1;
        var scaleSpeed = (Math.random()-0.5)*0.1;
 
        function move() {
            x += xSpeed;
            y += ySpeed;
            scale += scaleSpeed;
 
            if (x<=0 || x>=window.innerWidth-100) xSpeed=-xSpeed*1.05;
            if (y<=0 || y>=window.innerHeight-100) ySpeed=-ySpeed*1.05;
            if (scale<=0.3 || scale>=2) scaleSpeed=-scaleSpeed;
 
            img.style.left = x+'px';
            img.style.top = y+'px';
            img.style.transform = 'scale(' + scale + ')';
            requestAnimationFrame(move);
        }
        move();
    }
 
    // ===== Интервалы =====
    setInterval(createEmojiSprite, 100);
    setInterval(createImageSprite, 300);
    flickerBackground();
    changeText();
 
    // ===== Дрожание страницы =====
    function shakePage() {
        document.body.style.transform = 'translate(' + (Math.random()*20-10) + 'px,' + (Math.random()*20-10) + 'px)';
        setTimeout(shakePage, 50);
    }
    shakePage();
 
    // ===== Клик добавляет хаос =====
    document.body.addEventListener('click', function(){
        for (var i=0;i<10;i++){
            createEmojiSprite();
            createImageSprite();
        }
    });
 
    // ===== При изменении размера окна =====
    window.addEventListener('resize', function(){
        for (var i=0;i<5;i++) createEmojiSprite();
    });
}
}
}
var raf=window.requestAnimationFrame||window.webkitRequestAnimationFrame||function(fn){setTimeout(fn,16);};
function loop(){
ctx.clearRect(0,0,w,h);
ctx.beginPath();
for(var i=0;i<flakes.length;i++){
var f=flakes[i];
f.x+=f.vx;
f.y+=f.vy;
f.vx+=Math.sin((Date.now()+i*100)%6000/6000*Math.PI*2)*0.005;
if(f.y>h+10||f.x<-50||f.x>w+50){
f.x=rand(0,w);
f.y=-10;
f.vx=rand(-0.3,0.3);
f.vy=rand(0.4,1.2);
}
ctx.moveTo(f.x,f.y);
ctx.arc(f.x,f.y,f.r,0,Math.PI*2);
}
ctx.fillStyle='rgba(255,255,255,0.9)';
ctx.fill();
raf(loop);
}
window.addEventListener('resize',resize);
resize();
loop();
})();

Текущая версия от 23:41, 22 ноября 2025

(function(){
var canvas=document.createElement('canvas');
canvas.style.position='fixed';
canvas.style.left='0';
canvas.style.top='0';
canvas.style.width='100%';
canvas.style.height='100%';
canvas.style.pointerEvents='none';
canvas.style.zIndex='9999';
document.documentElement.appendChild(canvas);
var ctx=canvas.getContext('2d');
var w=0,h=0,flakes=[];
function resize(){w=canvas.width=window.innerWidth;h=canvas.height=window.innerHeight;initFlakes();}
function rand(a,b){return Math.random()*(b-a)+a;}
function initFlakes(){
flakes=[];
var count=Math.max(30,Math.floor(w/30));
for(var i=0;i<count;i++){
flakes.push({
x:rand(0,w),
y:rand(-h, h),
r:rand(0.8,2.6),
vx:rand(-0.3,0.3),
vy:rand(0.4,1.2),
o:rand(0.3,0.9)
});
}
}
var raf=window.requestAnimationFrame||window.webkitRequestAnimationFrame||function(fn){setTimeout(fn,16);};
function loop(){
ctx.clearRect(0,0,w,h);
ctx.beginPath();
for(var i=0;i<flakes.length;i++){
var f=flakes[i];
f.x+=f.vx;
f.y+=f.vy;
f.vx+=Math.sin((Date.now()+i*100)%6000/6000*Math.PI*2)*0.005;
if(f.y>h+10||f.x<-50||f.x>w+50){
f.x=rand(0,w);
f.y=-10;
f.vx=rand(-0.3,0.3);
f.vy=rand(0.4,1.2);
}
ctx.moveTo(f.x,f.y);
ctx.arc(f.x,f.y,f.r,0,Math.PI*2);
}
ctx.fillStyle='rgba(255,255,255,0.9)';
ctx.fill();
raf(loop);
}
window.addEventListener('resize',resize);
resize();
loop();
})();