Show HN: A simple site to make chessboard images • Hacker News Board

Re: Show HN: A simple site to make chessboard images

#11

Post by superhuzza » Fri, Jan 03, 2020, 11:30 PM UTC

I feel like drag and drop would be more intuitive. Maybe slower though.

Re: Show HN: A simple site to make chessboard images

#12

Post by spankalee » Fri, Jan 03, 2020, 11:47 PM UTC

If anyone's interested in a super-easy way to embed an interactive chessboard on their own page, I very recently made a web component, forked from chessboard.js: https://justinfagnani.github.io/chessboard-element/

You can put a board on a page with one tag:

And set it up via attributes:

The element also has methods to make animated moves, set position, clear the board, etc.

I still have a few touch-interaction bugs to fix, so I haven't submitted it to HN myself yet. I hope it's useful to someone!

Re: Show HN: A simple site to make chessboard images

#13

Post by Thorentis » Sat, Jan 04, 2020, 2:16 AM UTC

pflats wrote: post #9

I really like it, but just a heads-up: the directions threw me for a solid 15-30 seconds. "Click a piece to select it, then click on the board to place it." Okay, cool! I clicked on the King's Pawn, then e4. The king's pawn disappeared, and then... nothing. I clicked e3. I clicked e4 again and then... e5? e2? Nope. Okay, maybe something went wrong. Let's try with the queen's pawn. d2, pawn goes away. d4? d3? Nope. I…

Agreed. Poor controls. You can actually drag and drop to place pieces, and clicking on an existing piece removes it, so the instructions should just be modified to say this.