How to make a simple thumbnail for your chess videos – A quick tutorial

May 26, 2017 NHaselton Chess Lectures

♛

Ready to play?

Start learning chess for free on Chess.com

Play on Chess.com →

#agadmator Hello everyone. This is a simple tutorial on how to make a nice thumbnail for your chess videos (or any other genre). I only covered the basics here so if you have any questions or requests, be sure to let me know in the comment section below. I will answer and try to help you any way I can.
Thank you for watching and see you soon.

♟ More videos — same channel

guess we’re not watching soccer for another 4 years now…

Jul 13, 2026

My eyes said BOOH 😂

Jul 13, 2026

Did you know Haaland plays chess?

Jul 11, 2026

Who I’m REALLY rooting for in the World Cup

Jul 10, 2026

Leave a Reply Cancel reply

You must be logged in to post a comment.

<div id="puzzlebot-container"></div>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@chrisoakman/chessboardjs@1.0.0/dist/chessboard-1.0.0.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@chrisoakman/chessboardjs@1.0.0/dist/chessboard-1.0.0.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@chrisoakman/chessboardjs@1.0.0/dist/chessboard-1.0.0.polyfills.min.js"></script>

<script>
  var board = null;
  var game = new Chess();

  function onDragStart(source, piece, position, orientation) {
    // do not allow dragging when game is over
    if (game.game_over()) return false;

    // only allow white pieces to be dragged
    if (piece.search(/^b/) !== -1) return false;
  }

  function onDrop(source, target) {
    // see if the move is legal
    var move = game.move({
      from: source,
      to: target,
      promotion: "q" // always promote to a queen for example simplicity
    });

    // illegal move
    if (move === null) return "snapback";

    // update the board position
    board.position(game.fen());

    // get a random move from the engine
    window.setTimeout(makeRandomMove, 250);
  }

  // make a random move
  function makeRandomMove() {
    var possibleMoves = game.moves();

    // game over
    if (possibleMoves.length === 0) return;

    var randomIndex = Math.floor(Math.random() * possibleMoves.length);
    game.move(possibleMoves[randomIndex]);
    board.position(game.fen());
  }

  // initialize the chessboard
  function init() {
    var config = {
      draggable: true,
      onDragStart: onDragStart,
      onDrop: onDrop,
      position: 'start'
    };

    board = Chessboard('puzzlebot-container', config);

    makeRandomMove();
  }

  $(document).ready(init);
</script>