3D JavaScript Chess - mouse support
Just a quick post to say that my 3D JavaScript chess game has gotten some better mouse support. You can now use the mouse to select and move the pieces (it's a bit sluggish, I know). Also, when a piece is selected, the valid target squares will be shown in green.
Check it out here
Check it out here
Nice. As you noted, it's bit sluggish, but playable.
June 13, 2008 at 5:31 AM Jacob SeidelinStill, it's a pity the pieces completely vanish when you rotate the board. Would be nice if one could at least see some representation of where the pieces are.
Yea, I know. It's just not possible to have them visible and still keep a decent framerate, but I have considered replacing them with markers of some sort. Maybe simple boxes will do.
June 13, 2008 at 7:07 AM AnonymousNice, but...
June 14, 2008 at 12:28 AM Jacob Seidelinthe White Queen starts on d1 and the King on e1!
Also, detection of Check Mate would be cool. :-)
Whoops!
June 19, 2008 at 9:14 AM AnonymousYes, check and check mate detection is already on the todo list.
Very nice app. but can I request you to make a Chinese chess game (in simple)?
July 12, 2008 at 9:38 PM AnonymousCan you?
Pls tell me if you can!
Thanks a lot!
Viet, Bui Quoc
thonvyvn@yahoo.com
Man, I'm starting to believe that you don't know how to play chess. In chess, you CAN'T capture the enemy's king, therefore that's NOT how you win. :)) Send me an e-mail (address on the contact page of my blog... check the link on my nickname) to be helped by a real chess master (I studied chess for a while). :D
September 5, 2008 at 4:47 AM Jacob SeidelinMan, I'm starting to believe that you don't know what "work in progress" means. It should be pretty clear that all the chess rules are not implemented yet. Thanks for playing.
September 5, 2008 at 4:59 AM AnonymousYou did not get my idea. Ok, I could capture the enemy's king because the interdiction of doing so is not implemented, but why did it say that I won? The solution is to delete the portion of code where it says to send the "You win!" message when there's a king missing. Easy!
September 9, 2008 at 1:19 PM AnonymousThe white King and Queen need to switch positions.
November 13, 2008 at 6:38 AM Divya This comment has been removed by the author. December 19, 2008 at 1:27 AM Jack MatierWhat the hell are with these comments?
December 19, 2008 at 1:28 AM Jacob SeidelinIt's a WORK IN PROGRESS!!
Not only that this is all pretty cutting edge stuff in the world of javascript. I'm looking at this and practically pissing myself.
Nice job.
If you don't mind me asking.. Where did you learn to really understand the core foundation of Javascript?
Ha, thanks Jack.
December 19, 2008 at 2:24 AM AnonymousEverything I know, I've learned by staying up too late and just hacking away at silly things like this.
Hm.. Failed to load under Opera Version 9.62 Build 10467.
January 17, 2009 at 1:38 PM Chessforeva Dev((
Yeah. I am no alone in this world.
August 24, 2009 at 2:20 AM ChristianChessforeva
P.S. Your 3D seems better, incredible for javascript!
Hi,
November 19, 2009 at 2:51 AM Anonymousa couple of tips if you want to progress a little quicker on the chess side (ie full chess capability including en-passant moves (not there) propper castleing and that sort of thing is maybe to imbed a javascript chess engine.
let me know if you are interested.
I think this looks great and in combination it would be great to include it into phpChess (something I look after).
no matter what you decide to do...it rocks. Thanks for putting it up.
Queen goes on her color. Black queen to black square. White queen to white square.
May 4, 2010 at 12:12 PM AnonymousHello!
May 23, 2010 at 6:39 AM AnonymousI was able to integrate your three-dimensional chessboard with a powerful javascript chess engine. The result is amazing:) I have corrected the position of king, but we do other corrections:
1) the coordinates are incorrect: x-axis (in your functions) must go from left to right (of white player), the y-axis must go from white to black;
2) the special moves and the king in check are not yet covered;
3) the graphics is problematic about the zoom;
4) numbers and letters on the edge of the chessboard are missing;
The first two fixes I can easily do myself. About he other two adjustments... I have not enough experience with the canvas for them.
With this comment I ask you, if you have time to do it, to adjust the last two problems above.
I ask because... right now the effect is astonishing ... Imagine when all work perfectly!
Regards,
Stefano.
Hello!
May 23, 2010 at 6:41 AM AnonymousI was able to integrate your three-dimensional chessboard with a powerful javascript chess engine. The result is amazing:) I have corrected the position of king, but we do other corrections:
1) the coordinates are incorrect: x-axis (in your functions) must go from left to right (of white player), the y-axis must go from white to black;
2) the special moves and the king in check are not yet covered;
3) the graphics is problematic about the zoom;
4) numbers and letters on the edge of the chessboard are missing;
The first two fixes I can easily do myself. About he other two adjustments... I have not enough experience with the canvas for them.
With this comment I ask you, if you have time to do it, to adjust the last two problems above.
I ask because... right now the effect is astonishing ... Imagine when all work perfectly!
Regards,
Stefano.
Sorry if I posted the same comment twice :)
May 23, 2010 at 6:46 AM Jacob Seidelin..the chess engine which I integrated with your chessboard is this: http://nanochess.110mb.com/chess4.html
I think it's the most powerful javascript chess engine today...
@Stefano: Sounds great, I'd love to see that.
May 23, 2010 at 6:50 AM AnonymousI know there are some pieces missing but I'm afraid I don't time at the moment to dig around in old projects like this. If you manage to get everything working, please share!
Cheers
Now it's too messy to be shared... :)
May 23, 2010 at 7:34 AM AnonymousOK... I'll try to complete all possible moves and make efficient the engine both when it governs the white pieces and governs the black ones. Only, I was wondering if changing now your project will make difficult for you to adjust the graphics later (like number and letters around the chessboard, zoom, etc.)...
Stefano.
well... :)
May 25, 2010 at 5:48 PM Anonymous1) covered the special moves (castling and en passant)
2) created a coloured canvas for active player's pieces in check
3) updated "isValidMove" function with the obligations depending on whether own king is in check
4) converted all your scripts to json: THEY WILL BE LOADED ONLY IF PLAYER CHOOSE THE "3D VIEW"
5) created a link for the PGN file of the game (which is dynamically created with the Data Uri Scheme)
6) inverted "x-axis" and "y-axis" in functions
Stefano
pincopalla00 ^AT^ gmail ^DOT^ com
Hello!
July 14, 2010 at 6:49 PM AnonymousI completed a first working version of our javascript chess. I opened a new project on sourceforge, here's the URL: http://html5chess.sourceforge.net/test/example.html.
Join sourceforge.net to participate in developing the project and... send me your email address...
Soon I will contact the author of the small but very powerful algorithm that permitted to give birth to this idea.
Tell me what do you think about!
My email address is pincopalla00 at gmail.com.
Bye, Stefano.
P.S.: you must click on the 3D view button to see the 3D chess....
July 15, 2010 at 4:43 AM Anonymoushey??? are you there?
July 17, 2010 at 6:04 AM AnonymousThe new URL of the demo is this:
http://htmlchess.sourceforge.net/demo/example.html
bye,
Stefano.
Hi is castling supported to further tower?
September 11, 2010 at 7:24 AM gordon pollockhey i was wondering how you got it to do the things it does from gordon pollock
March 6, 2011 at 3:56 AM Anonymouscose i am make a game based on chess i was wornder if you could lend a hand with it rebtopollock@hotmail.com is my email
this is where i have bologed my idea
http://www.dreamincode.net/forums/topic/219790-javascript-game/page__gopid__1272070&#entry1272070
thx for any help offerd
HTML5 2D/3D chess says the best way to get help with its software is by creating a new item in the Bugs Tracker. Greetings from Colorado! I’m bored to death at work so I decided to browse your site on my iphone during lunch break. I love the information you present here and can’t wait to take a look when I get home. I’m surprised at how fast your blog loaded on my phone .. I’m not even using WIFI, just 3G .. Anyhow, great blog!
March 9, 2012 at 12:22 AM