andrewphoy / chess-replayer Goto Github PK
View Code? Open in Web Editor NEWJavascript chess replayer implemented as a jQuery plugin
License: MIT License
Javascript chess replayer implemented as a jQuery plugin
License: MIT License
When the board is flipped the annotations don't follow.
On move 11, the replayer doesn't realize that Nd4 is actually correct since N3d4 is impossible (puts king in check)
[title "Stockfish 15 NNUE at depth 69"]
[fen "8/8/7p/3KNN1k/2p4p/8/3P2p1/8 w - - 0 1"]
1. Ng7+ Kg5 2. Nf3+ Kg4 3. Ke4 h3 4. Nf5 g1=Q 5. Nxg1 h2 6. Nxh6+ Kh5 7. Nf3 h1=Q 8. Nf5 Kg4 9. Ne3+ Kg3 10. Nf5+ Kf2 11. Nd4 Qh7+ 12. Kd5 Qc7 13. Ne5 Qa5+ 14. Ke4 Qa2 15. Ng4+ Ke1 16. Nf3+ Ke2 17. Nge5 Qa6 18. Kd5 Qb5+ 19. Kd4 Kf2 20. Ke4 Qb7+ 21. Kd4 Kg3 22. Kxc4 Kf4 23. Kc5 Qa6 24. Kd5 Qa5+ 25. Kd6 Qd8+ 26. Kc5 Ke4 27. d3+ Kf4 28. Kc6 Qf6+ 29. Kd5 Qb6 30. d4 Qb3+ 31. Kd6 Qa3+ 32. Ke6 Qa6+ 33. Kd5 Qb6 34. Nh4 Qd8+ 35. Ke6 Qxd4
Control + mouse wheel (to zoom in or out) with Chrome breaks the viewer. I've tried it on 2 sites.
Perhaps Chrome bug rather than a C-R bug?
This doesn't happen in Firefox nor Internet Explorer.
I understand that perhaps this was done on purpose to keep in line with a minimalistic approach, but the lack of coordinates makes some games -and particularly annotations- a little difficult to follow for people who are starting out in chess.
This is probably one of the best pgn viewers that I've come accross.
The only limitation that I can see at present (Apart from the coordinates) is that you need a board for each game, and you can't load a pgn file with several games and choose one of those games from a menu.
The graphical feature with arrows is impressive. Maybe if square highlighting could be added also, that'd be pretty cool.
Other than that, awesome!
If you do something like 1:e4{[draw arrow,e2,e4,red]} and click flip, the arrow, which is originally drawn from e2 to e4 is now drawn from e7 to e5.
This answer contains some more examples of this bug: http://chess.stackexchange.com/a/15339/10558
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.