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

Страница интерфейса MediaWiki
Нет описания правки
Нет описания правки
 
(не показано 207 промежуточных версий 2 участников)
Строка 1: Строка 1:
var canvas = document.createElement("canvas");
(function(){
canvas.width = 300;
if(typeof mw==='undefined') return;
canvas.height = 300;
document.body.appendChild(canvas);
var ctx = canvas.getContext("2d");


var gridSize = 10;
var map={
var snake = [{x: 50, y: 50}];
"Клише":"#ff4d4d",
var direction = {x: gridSize, y: 0};
"властью":"#4dff4d",
var food = {x: 100, y: 100};
"ответственность":"#4d4dff",
var gameOver = false;
"Стандартные Рабочие Процедуры":"#ff4dff",
"ядерный":"#ffa500",
"станции":"#4dffff",
"ГСБ":"#b84dff",
"диск":"#4dff88",
"СРП/КЗ":"#ffb6c1",
"банановая кожурка":"#ffff4d"
};


function draw() {
function esc(s){return s.replace(/[.*+?^${}()|[\]\\]/g,'\\$&');}
    ctx.clearRect(0, 0, canvas.width, canvas.height);


    ctx.fillStyle = "#00FF00";
function walk(node){
    snake.forEach(function(segment) {
if(node.nodeType===3){
        ctx.fillRect(segment.x, segment.y, gridSize, gridSize);
var t=node.nodeValue, r=t;
    });
for(var k in map){
 
r=r.replace(new RegExp(esc(k),'g'),'<span style="color:'+map[k]+'">'+k+'</span>');
    ctx.fillStyle = "#FF0000";
    ctx.fillRect(food.x, food.y, gridSize, gridSize);
 
    if (gameOver) {
        ctx.fillStyle = "#000000";
        ctx.fillText("Game Over!", canvas.width / 2 - 40, canvas.height / 2);
    }
}
}
 
if(r!==t){
function update() {
var s=document.createElement('span');
    if (gameOver) return;
s.innerHTML=r;
 
node.parentNode.replaceChild(s,node);
    var newHead = {x: snake[0].x + direction.x, y: snake[0].y + direction.y};
 
    if (newHead.x < 0 || newHead.x >= canvas.width || newHead.y < 0 || newHead.y >= canvas.height || collision(newHead)) {
        gameOver = true;
        return;
    }
 
    snake.unshift(newHead);
 
    if (newHead.x === food.x && newHead.y === food.y) {
        food = {x: Math.floor(Math.random() * (canvas.width / gridSize)) * gridSize, y: Math.floor(Math.random() * (canvas.height / gridSize)) * gridSize};
    } else {
        snake.pop();
    }
}
}
function collision(head) {
    for (var i = 1; i < snake.length; i++) {
        if (head.x === snake[i].x && head.y === snake[i].y) {
            return true;
        }
    }
    return false;
}
}
function changeDirection(event) {
    if (event.keyCode === 37 && direction.x === 0) {
        direction = {x: -gridSize, y: 0};
    } else if (event.keyCode === 38 && direction.y === 0) {
        direction = {x: 0, y: -gridSize};
    } else if (event.keyCode === 39 && direction.x === 0) {
        direction = {x: gridSize, y: 0};
    } else if (event.keyCode === 40 && direction.y === 0) {
        direction = {x: 0, y: gridSize};
    }
}
}


document.addEventListener("keydown", changeDirection);
var nodes=document.querySelectorAll('.mw-parser-output p, .mw-parser-output li');
 
for(var i=0;i<nodes.length;i++){
function gameLoop() {
var cn=nodes[i].childNodes;
    update();
for(var j=0;j<cn.length;j++) walk(cn[j]);
    draw();
    if (!gameOver) {
        setTimeout(gameLoop, 100);
    }
}
}
 
})();
gameLoop();

Текущая версия от 11:16, 17 января 2026

(function(){
if(typeof mw==='undefined') return;

var map={
"Клише":"#ff4d4d",
"властью":"#4dff4d",
"ответственность":"#4d4dff",
"Стандартные Рабочие Процедуры":"#ff4dff",
"ядерный":"#ffa500",
"станции":"#4dffff",
"ГСБ":"#b84dff",
"диск":"#4dff88",
"СРП/КЗ":"#ffb6c1",
"банановая кожурка":"#ffff4d"
};

function esc(s){return s.replace(/[.*+?^${}()|[\]\\]/g,'\\$&');}

function walk(node){
if(node.nodeType===3){
var t=node.nodeValue, r=t;
for(var k in map){
r=r.replace(new RegExp(esc(k),'g'),'<span style="color:'+map[k]+'">'+k+'</span>');
}
if(r!==t){
var s=document.createElement('span');
s.innerHTML=r;
node.parentNode.replaceChild(s,node);
}
}
}

var nodes=document.querySelectorAll('.mw-parser-output p, .mw-parser-output li');
for(var i=0;i<nodes.length;i++){
var cn=nodes[i].childNodes;
for(var j=0;j<cn.length;j++) walk(cn[j]);
}
})();