jGoBoard - photorealistic web go board

For discussing go computing, software announcements, etc.
jokkebk
Dies in gote
Posts: 44
Joined: Tue Feb 01, 2011 4:47 am
Rank: EGF 1 kyu
GD Posts: 0
KGS: finity
Has thanked: 2 times
Been thanked: 14 times

jGoBoard - photorealistic web go board

Post by jokkebk »

I had an idea already some months ago to make a less ugly computer go board. A week ago, I finally got around to implementing it and decided to share the library freely for noncommercial use:

http://www.jgoboard.com/

As a proof of concept, I also made a simple (but good-looking :) ) SGF viewer - format support is not perfect but should work on most decent browsers:

http://www.jgoboard.com/sgf.html

Here's the viewer in action (you can use arrow keys on most browsers to navigate):

http://www.jgoboard.com/sgf.html?url=http://www.jgoboard.com/sgf/shusaku.sgf

If there's demand, I might also make a version that is easy to embed on other websites to view SGF files, much like what can be done with EidoGo and some Flash-based viewers.

I'd be happy to hear any comments or improvement suggestions anyone might have. :)
mw42
Lives in gote
Posts: 566
Joined: Sat Dec 25, 2010 10:01 pm
Rank: 1k
GD Posts: 0
Universal go server handle: mw42
Has thanked: 39 times
Been thanked: 59 times

Re: jGoBoard - photorealistic web go board

Post by mw42 »

I just wanted to be the first to say that it looks beautiful. Great work!
User avatar
kirkmc
Lives in sente
Posts: 1072
Joined: Tue Apr 20, 2010 3:51 am
Rank: 5K KGS
GD Posts: 1165
KGS: Dogen
Location: Stratford-upon-Avon, England
Has thanked: 32 times
Been thanked: 70 times
Contact:

Re: jGoBoard - photorealistic web go board

Post by kirkmc »

That's beautiful. One thing that stands out, though, is how the stones are perfectly aligned. There's a Mac program called Goban (http://www.sente.ch/software/goban/), which, as you can see from the screen shot, is the only go program I've seen that slightly mis-aligns the stones so they look more realistic. My guess is that doing this with javascript is not easy, but there is often more realism in imperfection.

Edit: well, there you go; I didn't see the shuffle option, until the next poster mentioned it.

Excellent job!
Last edited by kirkmc on Wed Feb 16, 2011 9:18 am, edited 1 time in total.
My blog about Macs and more: Kirkville
Stable
Lives with ko
Posts: 232
Joined: Thu Apr 29, 2010 6:12 am
Rank: KGS 1D
GD Posts: 0
Has thanked: 103 times
Been thanked: 39 times

Re: jGoBoard - photorealistic web go board

Post by Stable »

That's amazing! Any chance of you building it into an offline sgf viewer?
I especially liked the option to shuffle or align stones, and the use of shadows. Really cool!
User avatar
judicata
Lives in sente
Posts: 932
Joined: Wed Apr 21, 2010 12:55 pm
Rank: KGS 1k
GD Posts: 0
Universal go server handle: judicata
Location: New York, NY
Has thanked: 146 times
Been thanked: 150 times

Re: jGoBoard - photorealistic web go board

Post by judicata »

Really, really, nice.
jokkebk
Dies in gote
Posts: 44
Joined: Tue Feb 01, 2011 4:47 am
Rank: EGF 1 kyu
GD Posts: 0
KGS: finity
Has thanked: 2 times
Been thanked: 14 times

Re: jGoBoard - photorealistic web go board

Post by jokkebk »

Thanks for all the comments so far!

Stable wrote:That's amazing! Any chance of you building it into an offline sgf viewer?
I especially liked the option to shuffle or align stones, and the use of shadows. Really cool!


Offline use would require some way to "open" an SGF file, and I don't know if it can be done using plain JavaScript. Of course one could make a text box where you could paste SGF contents, but that would perhaps be a bit cumbersome for most users. I'll keep the idea in mind, however, and maybe do it at some point if I find an easy way.
mw42
Lives in gote
Posts: 566
Joined: Sat Dec 25, 2010 10:01 pm
Rank: 1k
GD Posts: 0
Universal go server handle: mw42
Has thanked: 39 times
Been thanked: 59 times

Re: jGoBoard - photorealistic web go board

Post by mw42 »

kirkmc wrote:That's beautiful. One thing that stands out, though, is how the stones are perfectly aligned.


If you check out his sgf-viewer, there is an option called "shuffle" this does exactly what you desire.

EDIT: Didn't see your edit.
User avatar
judicata
Lives in sente
Posts: 932
Joined: Wed Apr 21, 2010 12:55 pm
Rank: KGS 1k
GD Posts: 0
Universal go server handle: judicata
Location: New York, NY
Has thanked: 146 times
Been thanked: 150 times

Re: jGoBoard - photorealistic web go board

Post by judicata »

jokkebk wrote: Of course one could make a text box where you could paste SGF contents, but that would perhaps be a bit cumbersome for most users.


That would work for me. :)
User avatar
fwiffo
Gosei
Posts: 1435
Joined: Tue Apr 20, 2010 6:22 am
Rank: Out of practice
GD Posts: 1104
KGS: fwiffo
Location: California
Has thanked: 49 times
Been thanked: 168 times

Re: jGoBoard - photorealistic web go board

Post by fwiffo »

If you want to avoid reinventing the wheel in terms of functionality, you could almost certainly use stylesheets to apply your look to an eidogo player. If you want some prior art to crib off of, take a look at my wordpress plugin which includes a mini-mode for eidogo done using a stylesheet.
User avatar
Chew Terr
Gosei
Posts: 2060
Joined: Mon Apr 19, 2010 12:45 pm
Rank: KGS 3k
GD Posts: 264
KGS: Chew
Location: Texas
Has thanked: 546 times
Been thanked: 172 times
Contact:

Re: jGoBoard - photorealistic web go board

Post by Chew Terr »

Looks really good so far. As far as the SGF viewer goes, some functionality to see the most recent stone played would be nice. Perhaps a glow effect or something would work without distracting from the style. I know you're going for photorealistic, but a point arises where function overrides form.
Someday I want to be strong enough to earn KGS[-].
User avatar
Jedo
Lives in gote
Posts: 588
Joined: Wed Apr 21, 2010 3:30 am
Rank: 2D KGS
GD Posts: 0
Location: NY
Has thanked: 123 times
Been thanked: 46 times

Re: jGoBoard - photorealistic web go board

Post by Jedo »

It would be cool if KGS would implement something like this...
"There are no limits. There are plateaus, but you must not stay there, you must go beyond them. If it kills you, it kills you. A man must constantly exceed his level." -- Bruce Lee
uglyboxer
Dies in gote
Posts: 63
Joined: Wed Apr 21, 2010 8:55 pm
Has thanked: 33 times
Been thanked: 5 times

Re: jGoBoard - photorealistic web go board

Post by uglyboxer »

I agree it quite a striking visual. Good job.

Chew Terr wrote:As far as the SGF viewer goes, some functionality to see the most recent stone played would be nice.


I wonder how much the advent of the 'marked last move' has changed/weakened the average players perception of game. Does this do anything to distract from assessing the whole board situation? There is obviously no such marker in a face to face game, unless you can swallow enough your pride to ask your opponent where they played. I know I find it hard, if feels like I should know what the board looked like before my opponent played and should be able to figure it out myself.
User avatar
Chew Terr
Gosei
Posts: 2060
Joined: Mon Apr 19, 2010 12:45 pm
Rank: KGS 3k
GD Posts: 264
KGS: Chew
Location: Texas
Has thanked: 546 times
Been thanked: 172 times
Contact:

Re: jGoBoard - photorealistic web go board

Post by Chew Terr »

uglyboxer wrote:I agree it quite a striking visual. Good job.

Chew Terr wrote:As far as the SGF viewer goes, some functionality to see the most recent stone played would be nice.


I wonder how much the advent of the 'marked last move' has changed/weakened the average players perception of game. Does this do anything to distract from assessing the whole board situation? There is obviously no such marker in a face to face game, unless you can swallow enough your pride to ask your opponent where they played. I know I find it hard, if feels like I should know what the board looked like before my opponent played and should be able to figure it out myself.


Yeah, but if you're clicking through a game (especially a pro or beginner game) you may not know where to look for the next move. I do understand your point, and it's an interesting one. However, I also see merit in the convenience, in addition to not wanting to miss an atari that I 'should have seen'.
Someday I want to be strong enough to earn KGS[-].
mw42
Lives in gote
Posts: 566
Joined: Sat Dec 25, 2010 10:01 pm
Rank: 1k
GD Posts: 0
Universal go server handle: mw42
Has thanked: 39 times
Been thanked: 59 times

Re: jGoBoard - photorealistic web go board

Post by mw42 »

uglyboxer wrote:I agree it quite a striking visual. Good job.

Chew Terr wrote:As far as the SGF viewer goes, some functionality to see the most recent stone played would be nice.


I wonder how much the advent of the 'marked last move' has changed/weakened the average players perception of game. Does this do anything to distract from assessing the whole board situation? There is obviously no such marker in a face to face game, unless you can swallow enough your pride to ask your opponent where they played. I know I find it hard, if feels like I should know what the board looked like before my opponent played and should be able to figure it out myself.


Typically you can see your opponent's hand. :-) In any case, a simple solution that wouldn't spoil the look would be to indicate the coordinate next to the move number. Something like "Move: 1 (D10)" would help you if you can't immediately spot where the stone was placed.
User avatar
deja
Lives in gote
Posts: 379
Joined: Sun Apr 18, 2010 9:44 am
GD Posts: 0
Has thanked: 105 times
Been thanked: 123 times

Re: jGoBoard - photorealistic web go board

Post by deja »

Great stuff, jokkebk!

Is there any way to resize the board? With my smallish laptop screen, I can just barely fit the board. Adding sound would be cool too. I love it...
"This is a game that rewards patience and balance. You must think like a man of action and act like a man of thought."
-Jonas Skarssen
Post Reply