Skip to main content
The 2024 Developer Survey results are live! See the results

Questions tagged [chessboard.js]

Chessboard.js is a standalone JavaScript Chess Board by Chris Oakman available under MIT license. It is designed to be "just a board" and expose a powerful API.

chessboard.js
0 votes
0 answers
37 views

Customize board into 16x8 in chess using package chess.js or react-chessboard

I made a chess game, then I wanted to change the rules in it such as making the board bigger with a size of 16x8 and also changing the turn base system to a cooldown system I was trying to customize ...
Alan Ari's user avatar
-2 votes
2 answers
56 views

React State Not Updating in Function

Using React, I am trying to make a chess website. Inside my App function, I have the following code: const [playerSide, setPlayerSide] = useState('White'); function switchPlayerSide() { console.log(...
Avinash Devineni's user avatar
0 votes
0 answers
60 views

How to fix chess.js implementation for index.html

Im trying to build multiplayer chess game and implement it in steps. Display a chessboard in javascript Use chess.js to get available moves and playable game Implement multiplayer, host a server, ...
Erik's user avatar
  • 1
0 votes
0 answers
103 views

How can I make chessboardjs (frontend) work with python-chess (backend)?

Beware, new to javascript! I am trying to make a simple app which uses chessboardjs to display and animate a chess board in the browser and flask with python-chess in the backend to enforce the chess ...
Karim Eid's user avatar
0 votes
0 answers
43 views

Template literals, Font Awesome, chessboard.js

I'm creating a chess game using the CSS and JS libraries for chessboard.js and chess.js. For some reason chessboard.js was unable to access its chess piece images, so I decided to use the icons that ...
TryingMyBest's user avatar
2 votes
1 answer
145 views

Chessboard doesn't resize with the css `media` event (chessboard.js)

I have created a multiplayer chess game with node.js and chessboard.js, and everything worked fine until I started testing on devices with smaller viewports than mine (I have 24"). The problem ...
John Carter's user avatar
0 votes
0 answers
100 views

Using library react-chess-puzzle to create puzzle

I have a problem, I am working in react and I successfully made made fist puzzle but for some reason I can get to figure out how to use <Puzzle.Reset/> and <Puzzle.Hint/> components that ...
Milan Jovanovic's user avatar
0 votes
0 answers
742 views

How to integrate Stockfish in Html with chess.js and chessboard.js?

It is just a fun project but I could not get the Stockfish to give a move after my move. <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta http-...
Shubhajit Ghosh's user avatar
-1 votes
1 answer
218 views

How to change the start position in Chessboard.js?

I am using the code given in the website https://chessboardjs.com/examples#5000. Here, when I try to change the start position in the config, all the pieces snap back to the intial position when any ...
That_tall_guy's user avatar
0 votes
1 answer
58 views

Prevent mobile context menu for chessboard.js

Using chessboardjs.com. Pressing a piece brings up the context menu. Need to prevent this context menu appearing. I tried this code: $('.square-55d63').contextmenu(function(e){ e.preventDefault(); e....
Cymro's user avatar
  • 1,247
0 votes
0 answers
46 views

Auto cropping and resizing images

I'd like to write a python script that does the following manipulation for a bulk of images: chessboard manipulation example This example was achieved using CamScanner's auto-crop. I'd like to mimic ...
shainis's user avatar
0 votes
1 answer
158 views

chess.js and chessboard.js integration

I need to use chess.js and chessboard.js but some errors occour on console. My code is: <script src="https://cdnjs.cloudflare.com/ajax/libs/chess.js/0.13.4/chess.js" integrity="...
Suvier's user avatar
  • 49
-1 votes
1 answer
52 views

How do i stop iterating tough this array at "pgn[46]"?

How do i stop iterating tough this array at "pgn[46]"? I want to be unable to go to the next move when i click the button. because this array will start back from 0 and if a piece is on the ...
GiCl90's user avatar
  • 23
1 vote
0 answers
176 views

How to use chessboard.js in Laravel blade templates

I want to make a chess game by using chess.js and chessboard.js in my laravel project. I am following the documentation of chessboard In the head section of my blade template I imported the library in ...
Muhammad Naveed's user avatar
-1 votes
1 answer
52 views

How do I Create a Checkers board using the graphics module?

Im trying to make a chessboard(checkers) usuing graphics module strictly. No Arrays etc. from graphics import* > > #Graphics WindoW def graphics_window(): win = GraphWin('Checkers', 600, 600) ...
imaan's user avatar
  • 1

15 30 50 per page
1
2 3 4 5 6