2018 World Chess Championship design story

Name: 2018 World Chess Championship design story
Uploaded: 2020-08-16T16:00:40+00:00
Description: 2018 World Chess Championship captivated the world not only because of the brilliant chess by Magnus Carlsen and Fabiano Caruana, but because the way it was presented by World Chess with the help of Shuka Design.

August 16, 2020 NHaselton Chess Lectures

♛

Ready to play?

Watch live tournaments and play chess on Chess.com

Play on Chess.com →

2018 World Chess Championship captivated the world not only because of the brilliant chess by Magnus Carlsen and Fabiano Caruana, but because the way it was presented by World Chess with the help of Shuka Design.

♟ More videos — same channel

Can you find this checkmate?

Jul 27, 2026

This Guy DESTROYED Me in 3 Minutes

Jul 24, 2026

playing your sister in a chess tournament…

Jul 24, 2026

PUSH THE PAWN

Jul 23, 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>