Page 1 of 10

Html5 Go Board

Posted: Sun Dec 21, 2014 4:17 am
by KOCMOHABT
Hello all!

I'm working on Html5 Go-board. I would like to know what do u think about my board. U can try it here http://webgoboard.com/. To load sgf/gib/ngf u can drag-n-drop it on the board or use Ctrl+O hotkey. There is mode for problems http://webgoboard.com/problems and also mode for Introduction to Go (in russian language). Feel free to embedding my board on your site. All is what u need it's script https://raw.githubusercontent.com/IlyaKirillov/GoProject/master/WebBuilds/goboardmin.js. And here is the example of embedding: https://raw.githubusercontent.com/IlyaKirillov/GoProject/master/WebBuilds/BoardNavigateButtons.html. Hope u like it.

U can download 2 last files (js + html) and use it like an SGF-editor. It will work on any OS, all is what u need it's ur favorite browser (with support html5).

Chrome and Opera Next extension. (To load local files u may need to go chrome://extensions and set "allow access to file URL's")
https://chrome.google.com/webstore/detail/web-go-board/cdmhoehokaoghadonjfdbhieajggfbmd.
Firefox extension
https://addons.mozilla.org/ru/firefox/addon/web-gobaduk-board/
WordPress plugin
http://webgoboard.com/wordpressplugin

Pls post any issues and features request's here https://github.com/IlyaKirillov/GoProject/issues

Most common features:
Skin change (in preferences).
Score estimator (Ctrl+E) - it's can't detect dead groups, so u have to mark dead groups by urself (it's rly interesting, because u can mark any stone to be dead)
Setting viewport (Ctrl+V)
Recreating board with new size (Ctrl+C)
Save to sgf (Ctrl+S)
Askii diagram (Ctr+D)

PS: Sry for bad english.

Re: Html5 Go Board

Posted: Fri Jan 23, 2015 2:06 am
by KOCMOHABT
Update: Ctrl+S - saving file in SGF format.

Re: Html5 Go Board

Posted: Fri Jan 23, 2015 3:12 pm
by KOCMOHABT
Update: Ctrl+H - download boardshot in PNG format. (to change height/width of image u need to change size of browser window), also u can change skins for boardshot.
Added new color mode (F10), LM(left mouse) - blue color, ctrl + LM - red color, shift + LM - green color, ctrl + shirt + LM - gray color. Colors can't mix, but where is 3 depth levels for 1 color. (one guy asked me to add this color mode :))

Re: Html5 Go Board

Posted: Sat Jan 24, 2015 5:10 pm
by sybob
Hello people, hello cosmonaut,
Hey, give him (or her) a thumbs up.
He made something very nice!
Go take a look.

Re: Html5 Go Board

Posted: Mon Jan 26, 2015 10:36 am
by snorri
Pretty, but I was looking for something to customize. Any chance of seeing the non-obfuscated version?

Re: Html5 Go Board

Posted: Tue Jan 27, 2015 4:24 am
by KOCMOHABT
snorri wrote:Pretty, but I was looking for something to customize. Any chance of seeing the non-obfuscated version?

All sources on github.

Re: Html5 Go Board

Posted: Thu Jan 29, 2015 4:27 pm
by KOCMOHABT
Update: Added saving to gif format. Current size of browser windows will be used for image and current skin. Ctrl+I - save current variant.

Examples:
Image

Image

Image


Now making gif's as easy as 1-2-3. Load sgf or ur variant and push Ctrl+I.

Re: Html5 Go Board

Posted: Thu Feb 12, 2015 9:46 am
by felvds
Hello all.

Congratulations on your Goban, KOCMOHABT. It sure looks great and is something I've been looking for.

I wish to inspire you, if possible, to develop this in such way that it could be played using the Kindle Experimental browser (it is a simple browser capable of handling html5 to some extent). This would enable us to play and study Go using the kindle - its long lasting battery and e-ink screen seems just perfect for this.

So far I am able to play against COSUMI (www . cosumi . net) in the HTML5 version of the board in my Kindle Touch (7th gen). But I very much wanted to play against friends in lunch hours or solve problems.

Thank you and nice work!

Re: Html5 Go Board

Posted: Fri Feb 20, 2015 1:06 am
by KOCMOHABT
Update:
1. Added option for turn off/on sound.
2. Skin and sound options now stored locally, so if u will refresh page all settings will be restored. It will work even if u will run board locally from u browser (not from http://www.webgoboard.com).
3. Saving files working now in FF and IE (sgf/png/gif).
4. Color mode was changed (F10-mode). Now all colors can be saved in sgf-file and can be loaded from sgf-file.
5. Fixed several bug (shift+click on the board etc..)

Re: Html5 Go Board

Posted: Sat Feb 21, 2015 5:03 pm
by KOCMOHABT
Added "about" button with a description of all hotkeys. My english skill rly poor, so i u will find some spelling or grama error pls let me know. Thanks.

Re: Html5 Go Board

Posted: Sat Feb 21, 2015 7:48 pm
by ez4u
It is a nice board. Please consider how to implement the various functions for tablets, i.e. no key combinations please. Meanwhile the stone click sound is not working for me in FF (35.0.1) under Windows 7. The stone capture sound works fine, which seems quite odd. :)

Re: Html5 Go Board

Posted: Thu Feb 26, 2015 3:24 am
by KOCMOHABT
Update: Fixed serveral bugs. Added file open from system "File open dialog" - Ctrl+O, old variant of loading sgf file from source now working after Ctrl+Shift+O combianation.

Please consider how to implement the various functions for tablets, i.e. no key combinations please.


It's seems like, i have to make a new menu for tables.

Re: Html5 Go Board

Posted: Tue Mar 03, 2015 7:25 pm
by YeGO
Very nice work! The board looks very nice and the feature set is impressive.

By the way, I noticed some bugs and opened an issue on GitHub. I hope that is the appropriate/desired place for such feedback.

Re: Html5 Go Board

Posted: Tue Mar 03, 2015 7:41 pm
by DrStraw
I opened the site goban.org as you say and tried to drag an SGF file to it. All that happened was that is replaced the window with a text version of the sgf file.

Re: Html5 Go Board

Posted: Wed Mar 04, 2015 1:17 am
by KOCMOHABT
I opened the site goban.org as you say and tried to drag an SGF file to it. All that happened was that is replaced the window with a text version of the sgf file.


Pls tell me ur browser and browser version. Thanks.