It is currently Thu Sep 21, 2017 4:12 pm

All times are UTC - 8 hours [ DST ]




Post new topic Reply to topic  [ 82 posts ]  Go to page 1, 2, 3, 4, 5  Next
Author Message
Offline
 Post subject: HTML+JavaScript diagram builder
Post #1 Posted: Wed Mar 20, 2013 2:39 pm 
Gosei
User avatar

Posts: 1901
Location: Groningen, NL
Liked others: 189
Was liked: 1017
Rank: Dutch 4D
GD Posts: 645
Universal go server handle: herminator
There was some talk recently of people wishing there was an easier way to create diagrams.

Presenting: http://hiddema.nl/diagrammer/

(beta version, no guarantees, this was only tested in Firefox)

Easy access to the full scala of what is available in the SL diagram format used here, with easy to copy/paste output.

Try it out!

Some tips:
- You can drag any corner or edge of the board to resize the view port, thus creating partial board diagrams.
- Clicking the stone with 1 on it on the far right of the toolbar changes the starting color.
- Move numbers move up automatically (but can be set manually). Right-click the last move to undo it.
- When the tool is the blac stone, right click makes white stones, and vice-versa.

Also, if you want to try a different size board, add #WxH after the url (e.g. http://hiddema.nl/diagrammer/#9x9 for 9x9)

Bug reports & feature requests welcome!

Future features already planned:
- Change the starting move number
- Easier board size change
- Paste existing diagrams to initialize
- Turn on/off coordinates markers
- Maybe create diagrams from SGF (for now, there is http://senseis.xmp.net/tools/sgf2diagram.php for that).

Let me know what you think! :)


This post by HermanHiddema was liked by 18 people: Bonobo, daal, deja, dejvo, Dusk Eagle, emeraldemon, ez4u, jts, Kirby, Mage, Mef, mw42, Nathan, p2501, quantumf, SoDesuNe, xed_over, yoyoma
Top
 Profile  
 
Offline
 Post subject: Re: HTML+JavaScript diagram builder
Post #2 Posted: Wed Mar 20, 2013 5:40 pm 
Lives in gote

Posts: 566
Liked others: 39
Was liked: 59
Rank: 1k
Universal go server handle: mw42
That's really fantastic. Thanks!


Last edited by mw42 on Fri May 31, 2013 9:28 am, edited 1 time in total.
Top
 Profile  
 
Online
 Post subject: Re: HTML+JavaScript diagram builder
Post #3 Posted: Wed Mar 20, 2013 7:05 pm 
Gosei
User avatar

Posts: 1952
Location: Tokyo, Japan
Liked others: 1701
Was liked: 1074
Rank: Jp 6 dan
KGS: ez4u
Wonderful! :clap: :tmbup: :clap: :tmbup: Just what I had in mind.

Quickie - How about a 'clear all' button for the idiots among us? :blackeye:

Not so quickie maybe - What would it take to make it work with the touch screen on an iPad?

_________________
Dave Sigaty
"Short-lived are both the praiser and the praised, and rememberer and the remembered..."
- Marcus Aurelius; Meditations, VIII 21

Top
 Profile  
 
Offline
 Post subject: Re: HTML+JavaScript diagram builder
Post #4 Posted: Wed Mar 20, 2013 7:42 pm 
Judan

Posts: 7526
Liked others: 1370
Was liked: 1155
KGS: Kirby
Tygem: 커비라고해
You, my friend, are awesome.

_________________
Discipline is remembering what you want. -David Campbell

Top
 Profile  
 
Offline
 Post subject: Re: HTML+JavaScript diagram builder
Post #5 Posted: Wed Mar 20, 2013 10:12 pm 
Dies with sente
User avatar

Posts: 86
Liked others: 25
Was liked: 19
Rank: -
KGS: Mages
Tygem: Mages
IGS: Mage
Online playing schedule: Weekends.
Thanks ! It's very nice :clap:

_________________
Tempus Vincit Omnia

Top
 Profile  
 
Offline
 Post subject: Re: HTML+JavaScript diagram builder
Post #6 Posted: Thu Mar 21, 2013 1:13 am 
Lives in sente

Posts: 1312
Location: Finland
Liked others: 42
Was liked: 116
Rank: FGA 7k GoR 1297
Excellent!

Some suggestions for further development, if I may:
- possibility to "import" a diagram in output format
- labels could (optionally) increment a->b->c etc as markers do
- stones without labels could (optionally) alternate colors (as stones with markers do)

_________________
Signature space for rent

Top
 Profile  
 
Offline
 Post subject: Re: HTML+JavaScript diagram builder
Post #7 Posted: Thu Mar 21, 2013 1:15 am 
Lives in sente

Posts: 1312
Location: Finland
Liked others: 42
Was liked: 116
Rank: FGA 7k GoR 1297
ez4u wrote:
Quickie - How about a 'clear all' button for the idiots among us? :blackeye:

And by "idiot" you mean those who don't know that reloading the page accomplishes that?

_________________
Signature space for rent

Top
 Profile  
 
Online
 Post subject: Re: HTML+JavaScript diagram builder
Post #8 Posted: Thu Mar 21, 2013 1:51 am 
Gosei
User avatar

Posts: 1952
Location: Tokyo, Japan
Liked others: 1701
Was liked: 1074
Rank: Jp 6 dan
KGS: ez4u
tj86430 wrote:
ez4u wrote:
Quickie - How about a 'clear all' button for the idiots among us? :blackeye:

And by "idiot" you mean those who don't know that reloading the page accomplishes that?

Exactly! For people like me. :salute:

_________________
Dave Sigaty
"Short-lived are both the praiser and the praised, and rememberer and the remembered..."
- Marcus Aurelius; Meditations, VIII 21

Top
 Profile  
 
Offline
 Post subject: Re: HTML+JavaScript diagram builder
Post #9 Posted: Thu Mar 21, 2013 2:18 am 
Gosei
User avatar

Posts: 1901
Location: Groningen, NL
Liked others: 189
Was liked: 1017
Rank: Dutch 4D
GD Posts: 645
Universal go server handle: herminator
ez4u wrote:
Wonderful! :clap: :tmbup: :clap: :tmbup: Just what I had in mind.

Quickie - How about a 'clear all' button for the idiots among us? :blackeye:

Not so quickie maybe - What would it take to make it work with the touch screen on an iPad?


Well, first I'd have to get an iPad. :lol:

But seriously, I'll put it on the list and look into it.

Top
 Profile  
 
Offline
 Post subject: Re: HTML+JavaScript diagram builder
Post #10 Posted: Thu Mar 21, 2013 2:21 am 
Gosei
User avatar

Posts: 1901
Location: Groningen, NL
Liked others: 189
Was liked: 1017
Rank: Dutch 4D
GD Posts: 645
Universal go server handle: herminator
tj86430 wrote:
Excellent!

Some suggestions for further development, if I may:
- possibility to "import" a diagram in output format
- labels could (optionally) increment a->b->c etc as markers do
- stones without labels could (optionally) alternate colors (as stones with markers do)


- Import was already on the wish list. That one is important, as often people will be responding to other's diagrams.
- Incrementing labels automatically sounds like a good idea, I'll put it on the list.
- I prefer the current left click -> black, right click -> white thing, but I could make it a preference setting.

Top
 Profile  
 
Offline
 Post subject: Re: HTML+JavaScript diagram builder
Post #11 Posted: Thu Mar 21, 2013 3:26 am 
Oza

Posts: 2252
Liked others: 1168
Was liked: 535
HermanHiddema wrote:
Some tips:
- You can drag any corner or edge of the board to resize the view port, thus creating partial board diagrams.
- Clicking the stone with 1 on it on the far right of the toolbar changes the starting color.
- Move numbers move up automatically (but can be set manually). Right-click the last move to undo it.
- When the tool is the blac stone, right click makes white stones, and vice-versa.

Also, if you want to try a different size board, add #WxH after the url (e.g. http://hiddema.nl/diagrammer/#9x9 for 9x9)

can you put these tips directly on that page?

Top
 Profile  
 
Offline
 Post subject: Re: HTML+JavaScript diagram builder
Post #12 Posted: Thu Mar 21, 2013 3:34 am 
Lives in sente

Posts: 1312
Location: Finland
Liked others: 42
Was liked: 116
Rank: FGA 7k GoR 1297
HermanHiddema wrote:
- I prefer the current left click -> black, right click -> white thing

That's fine too, I had missed that.

Of course, having more preferences is always positive (as long as they are easy to find and use)

_________________
Signature space for rent

Top
 Profile  
 
Offline
 Post subject: Re: HTML+JavaScript diagram builder
Post #13 Posted: Thu Mar 21, 2013 4:02 am 
Beginner
User avatar

Posts: 11
Location: Germany
Liked others: 4
Was liked: 0
Rank: 2k
KGS: murksomat
Great tool, but I can't use the pasted output because there are linefeed in there. I am using firefox on a linux system.

Top
 Profile  
 
Offline
 Post subject: Re: HTML+JavaScript diagram builder
Post #14 Posted: Thu Mar 21, 2013 4:33 am 
Gosei
User avatar

Posts: 1901
Location: Groningen, NL
Liked others: 189
Was liked: 1017
Rank: Dutch 4D
GD Posts: 645
Universal go server handle: herminator
@xed_over: I've added a "show help" tab at the top.

@murksomat: I see what you mean. Fixed!

@ez4u: Can you check whether it works on the iPad now?


This post by HermanHiddema was liked by: Bonobo
Top
 Profile  
 
Offline
 Post subject: Re: HTML+JavaScript diagram builder
Post #15 Posted: Thu Mar 21, 2013 5:19 am 
Oza
User avatar

Posts: 2363
Liked others: 1170
Was liked: 1051
This is really very good. Next step is to integrate it into L19...

_________________
These moves are not part of a regular dan repertoire... - Knotwilg


This post by daal was liked by: Bonobo
Top
 Profile  
 
Offline
 Post subject: Re: HTML+JavaScript diagram builder
Post #16 Posted: Thu Mar 21, 2013 5:39 am 
Gosei
User avatar

Posts: 1901
Location: Groningen, NL
Liked others: 189
Was liked: 1017
Rank: Dutch 4D
GD Posts: 645
Universal go server handle: herminator
daal wrote:
This is really very good. Next step is to integrate it into L19...


Yes, this is one of the goals of the project. Because it is completely written in HTML+JS, it can easily be integrated into any site via some sort of overlay or popup. Good option both for L19 and for Sensei's Library. :tmbup:

Top
 Profile  
 
Offline
 Post subject: Re: HTML+JavaScript diagram builder
Post #17 Posted: Thu Mar 21, 2013 7:19 am 
Lives in gote

Posts: 406
Location: Poland, Gliwice
Liked others: 122
Was liked: 94
Rank: EGF 3kyu
Universal go server handle: tommyray (1d/2d)
Hi Herman, very nice thing :)

However does not work on mobile WebKit internet browsers (ipad/iphone, android phones/tablets probably too because everything are webkit now).

Top
 Profile  
 
Online
 Post subject: Re: HTML+JavaScript diagram builder
Post #18 Posted: Thu Mar 21, 2013 7:28 am 
Gosei
User avatar

Posts: 1952
Location: Tokyo, Japan
Liked others: 1701
Was liked: 1074
Rank: Jp 6 dan
KGS: ez4u
Still no action on the iPad. The drop-down lists for labels and moves do drop down when touched. However, nothing else on the page reacts, not even the 'show help' tab.

_________________
Dave Sigaty
"Short-lived are both the praiser and the praised, and rememberer and the remembered..."
- Marcus Aurelius; Meditations, VIII 21

Top
 Profile  
 
Offline
 Post subject: Re: HTML+JavaScript diagram builder
Post #19 Posted: Thu Mar 21, 2013 7:54 am 
Gosei
User avatar

Posts: 1901
Location: Groningen, NL
Liked others: 189
Was liked: 1017
Rank: Dutch 4D
GD Posts: 645
Universal go server handle: herminator
ez4u wrote:
Still no action on the iPad. The drop-down lists for labels and moves do drop down when touched. However, nothing else on the page reacts, not even the 'show help' tab.


Just to make sure: Did you do a reload on the page? Otherwise it might use a cached version.

Top
 Profile  
 
Offline
 Post subject: Re: HTML+JavaScript diagram builder
Post #20 Posted: Thu Mar 21, 2013 8:00 am 
Beginner
User avatar

Posts: 11
Location: Germany
Liked others: 4
Was liked: 0
Rank: 2k
KGS: murksomat
HermanHiddema wrote:
@xed_over: I've added a "show help" tab at the top.

@murksomat: I see what you mean. Fixed!



Thanks but,I forgot the word "NO". I can't use the output, because there are NO linefeeds!

After pasting, it looks like this

Code:
$$W $$ +---------------------------------------+ $$ | . . . . . . . . . . . . . . . . . . . | $$


and I need:
Code:
$$W $$ +---------------------------------------+
$$ | . . . . . . . . . . . . . . . . . . . |

Top
 Profile  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 82 posts ]  Go to page 1, 2, 3, 4, 5  Next

All times are UTC - 8 hours [ DST ]


Who is online

Users browsing this forum: kris and 2 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group