New and improved SGF viewer at Go4Go.net

[macelee]

I have just put online a newly created SGF viewer at Go4Go.net. This has replaced the very old and broken Java-based viewer and provides some additional functions (such as generating diagram code). You can still choose to use the Eidogo player if you prefer.

[vpopovic]

Maybe it's just me, but I have one sugestion.
Make sizes of stones such that they touch each other. As it is now, there's a very little part of a line that can be seen between stones but that hurts eyes.
Just my opinion...
Cheers

[moyoaji]

That diagram code feature is fantastic. Now I'll be able to easily make references to professional games.

[macelee]

Maybe it's just me, but I have one sugestion.
Make sizes of stones such that they touch each other. As it is now, there's a very little part of a line that can be seen between stones but that hurts eyes.
Just my opinion...
Cheers

Interesting point. I checked a large number of Go software to see how other people handling this. There are two possibilities. The first follows what you suggested - to have bigger stones touching each other (for example that is what cgoban2 does). The second is to remove the little part of the line between stones, which in my opinion makes the whole thing looks less real (for example see the screen capture of Multigo).

multigo.png (10.88 KiB) Viewed 7385 times

There are other software just doing what I have done (such as Drago and a few IOS/android applications I checked). I am not sure what is the best practice.

[macelee]

That diagram code feature is fantastic. Now I'll be able to easily make references to professional games.

I am happy this is useful. In a separate thread (viewtopic.php?f=18&t=8124&start=60) we are discussing integrating my site with a diagram editor, which would make this more convenient.

[jlaire]

The lines look too thick and distracting to me. How about changing lineWidth from 2 to 1? (You also need to add .5 to the moveTo and lineTo coordinates.)

[macelee]

The lines look too thick and distracting to me. How about changing lineWidth from 2 to 1? (You also need to add .5 to the moveTo and lineTo coordinates.)

Thanks for the +0.5 trick! I changed the line thickness and it looks much nicer now. I also needed to adjust the stones and hoshi points so that they center properly. Also fixed a few small bugs.

[macelee]

I've made further improvement to the SGF viewer and related web pages. Now it is possible to jump to a specified move when loading the SGF viewer.

An example how this can be useful:

Please guess Lee Changho's next move - how to attack the black stone D10? (and the diagram below is generated using the 'diagram code' function on Go4Go website)

$$Bc Luo Xihe 9p (Black) vs. Lee Changho 9p
$$ +---------------------------------------+
$$ | . . . . . . . . . . . . . . . . . . . |
$$ | . . . X X X . . . . . . . . . . . . . |
$$ | . X X . O X O O . . . . . . . . . . . |
$$ | . O . O . O X . . , . . . . . X . . . |
$$ | . . . . . . O . . . . . . . . . . . . |
$$ | . . O . . . . . . . . . . . . . . . . |
$$ | . . . . . . . . . . . . . . . . . . . |
$$ | . . . . . . . . . . . . . . . . . . . |
$$ | . . . . . . . . . . . . . . . . . . . |
$$ | . . . X . . . . . , . . . . . , . . . |
$$ | . . . . . . . . . . . . . . . . . . . |
$$ | . . . . . . . . . . . . . . . . . . . |
$$ | . . . . . . . . . . . . . . . . . . . |
$$ | . . O . . . . . . . . . . . . . . . . |
$$ | . O O . . . . . . . . . . . . . . . . |
$$ | . X X O O O O . . , . . . . . , X . . |
$$ | . X . X O X X O . . . . . . X . . . . |
$$ | 1 O . X X X O . O . . . . . . . . . . |
$$ | . . . . . . . O . . . . . . . . . . . |
$$ +---------------------------------------+

Click Here To Show Diagram Code

[go]$$Bc Luo Xihe 9p (Black) vs. Lee Changho 9p
$$ +---------------------------------------+
$$ | . . . . . . . . . . . . . . . . . . . |
$$ | . . . X X X . . . . . . . . . . . . . |
$$ | . X X . O X O O . . . . . . . . . . . |
$$ | . O . O . O X . . , . . . . . X . . . |
$$ | . . . . . . O . . . . . . . . . . . . |
$$ | . . O . . . . . . . . . . . . . . . . |
$$ | . . . . . . . . . . . . . . . . . . . |
$$ | . . . . . . . . . . . . . . . . . . . |
$$ | . . . . . . . . . . . . . . . . . . . |
$$ | . . . X . . . . . , . . . . . , . . . |
$$ | . . . . . . . . . . . . . . . . . . . |
$$ | . . . . . . . . . . . . . . . . . . . |
$$ | . . . . . . . . . . . . . . . . . . . |
$$ | . . O . . . . . . . . . . . . . . . . |
$$ | . O O . . . . . . . . . . . . . . . . |
$$ | . X X O O O O . . , . . . . . , X . . |
$$ | . X . X O X X O . . . . . . X . . . . |
$$ | 1 O . X X X O . O . . . . . . . . . . |
$$ | . . . . . . . O . . . . . . . . . . . |
$$ +---------------------------------------+[/go]

And here the (rather shocking) answer: http://www.go4go.net/go/games/sgfview/10178/44

This example shows that the desired move number (44) can be simply appended to the game URL. (Note this does not apply to the Eidogo player embedded in Go4Go, please make sure to switch to the Go4Go player).

This is nothing sophisticated, but it forms the basis of other future functions like pattern search.

[dfunkt]

Very nice. I also like the thinner lines. Good work