☰

Chess.com Custom Pieces

A simple JavaScript project where it changes the pieces of chess.com with anything you want!

目前為 2022-03-21 提交的版本，檢視 最新版本。

// ==UserScript==
// @name         Chess.com Custom Pieces
// @namespace    http://tampermonkey.net/
// @version      1.3
// @description  A simple JavaScript project where it changes the pieces of chess.com with anything you want!
// @author       SkidFace
// @match        https://www.chess.com/*
// @icon         https://www.dictionary.com/e/wp-content/uploads/2020/02/uwu_800x800-300x300.jpg
// @license      MIT
// @grant        none
// ==/UserScript==

//IMPORTANT!!!

//To use and modify this script to replace the images, simply replace the inside of the "url()" component of that const with a link to the image
//For example, if I wanted to change the White King piece to an UwU face, you would change line 34 to:

//const whiteKing = "url(https://avaazdo.s3.amazonaws.com/original_5ccdb9b8604f2.jpg)"


const blackPawn = "url()";
const blackRook = "url()";
const blackKnight = "url()";
const blackBishop = "url()";
const blackQueen = "url()";
const blackKing = "url()";


const whitePawn = "url()";
const whiteRook = "url()";
const whiteKnight = "url()";
const whiteBishop = "url()";
const whiteQueen = "url()";
const whiteKing = "url()";


//You do not need to change anything below. All you need to do is change the code above.

(function() {

    'use strict';
    setTimeout(function(){
        //black pieces
        changePiece("bp", blackPawn);
        changePiece("br", blackRook);
        changePiece("bn", blackKnight);
        changePiece("bb", blackBishop);
        changePiece("bq", blackQueen);
        changePiece("bk", blackKing);

        //white pieces
        changePiece("wp", whitePawn);
        changePiece("wr", whiteRook);
        changePiece("wn", whiteKnight);
        changePiece("wb", whiteBishop);
        changePiece("wq", whiteQueen);
        changePiece("wk", whiteKing);

    }, 100);
})();

function changePiece(piece, url){
    for (let i = 0; i < document.getElementsByClassName(piece).length; i++) {
        document.getElementsByClassName(piece)[i].style.backgroundImage = url;
        console.log("heya");
    }
}