Life In 19x19
http://prod.lifein19x19.com/

BesoGo: yet another web-based SGF editor
http://prod.lifein19x19.com/viewtopic.php?f=9&t=12668
Page 1 of 2

Author:  YeGO [ Tue Feb 02, 2016 3:22 pm ]
Post subject:  BesoGo: yet another web-based SGF editor

BesoGo is a new web-based SGF editor that has just been released (v0.0.0-alpha preview).

Play with the editor here
http://yewang.github.io/besogo/


Experimental photo-realistic board rendering:
http://yewang.github.io/besogo/testing. ... lstones=on

GitHub Project Page
https://github.com/yewang/besogo

Comments, suggestions, feature requests, and bug reports are welcome. Please contact me first if you are interested in contributing via pull requests.

Author:  xed_over [ Tue Feb 02, 2016 4:10 pm ]
Post subject:  Re: BesoGo: yet another web-based SGF editor

can you scale it to my browser window size and not assume I have a large enough screen to display the whole world?

Author:  YeGO [ Tue Feb 02, 2016 9:49 pm ]
Post subject:  Re: BesoGo: yet another web-based SGF editor

Hi xed_over

Thanks for the feedback. While I did try to code some responsiveness, it could certainly use some work. The results might not be so great on all screen sizes. In order to determine how to improve it or fix any bugs, would you mind sharing what platform or at least the screen size that you're using?

Author:  xed_over [ Tue Feb 02, 2016 11:59 pm ]
Post subject:  Re: BesoGo: yet another web-based SGF editor

Does this help?

Attachment:
Screen Shot 2016-02-02 at 10.52.38 PM.png
Screen Shot 2016-02-02 at 10.52.38 PM.png [ 169.77 KiB | Viewed 11764 times ]


Attachment:
Screen Shot 2016-02-02 at 10.52.45 PM.png
Screen Shot 2016-02-02 at 10.52.45 PM.png [ 166.2 KiB | Viewed 11764 times ]

Author:  EdLee [ Wed Feb 03, 2016 12:36 am ]
Post subject: 

Hi YeGo,

iPhone 4S, "horizontal" view, Safari:
Attachment:
image.jpg
image.jpg [ 115.08 KiB | Viewed 11761 times ]

Author:  EdLee [ Wed Feb 03, 2016 12:41 am ]
Post subject: 

Hi YeGo,

iPhone 4S, "vertical" view, Safari:
Attachment:
image.jpg
image.jpg [ 136.36 KiB | Viewed 11759 times ]

Author:  YeGO [ Tue Apr 12, 2016 7:41 pm ]
Post subject:  Re: BesoGo: yet another web-based SGF editor

xed_over and EdLee,

Thanks for the pictures and feedback. Sorry for the long delay in replying.

Check out this test version with a changed layout behavior:
http://yewang.github.io/besogo/testing.html

I tweaked the layout code a bit to hopefully reduce this issue. Basically, the editor has both a landscape or portrait mode, which is selected automatically based on window size. However, the issue with the previous version was that if the width wasn't 400 pixels larger than height, then portrait mode would be selected.

Author:  EdLee [ Tue Apr 12, 2016 9:16 pm ]
Post subject: 

Hi YeGO,

I'm testing the latest version on an iPhone 4S.
Maybe I'm confused -- but when I try to place a stone,
it doesn't work -- it shows a translucent stone,
but it doesn't stay. What am I doing wrong ?

Thanks. Here's a screenshot of the translucent stone at Q16 --
which doesn't "stay":
Attachment:
image.jpg
image.jpg [ 81.92 KiB | Viewed 11543 times ]

Author:  EdLee [ Tue Apr 12, 2016 9:24 pm ]
Post subject: 

Hi YeGo,

Is there an option to choose the coordinate system ?
Example: the [ A1...T19 ] system:
Attachment:
image.jpg
image.jpg [ 114.8 KiB | Viewed 11542 times ]
Never mind; I found out the coordinate button cycles. :)

Author:  YeGO [ Wed Apr 13, 2016 11:46 am ]
Post subject:  Re:

EdLee wrote:
I'm testing the latest version on an iPhone 4S.
Maybe I'm confused -- but when I try to place a stone,
it doesn't work -- it shows a translucent stone,
but it doesn't stay.


Thanks for the report. However, I don't have an iPhone, and the issue does not seem to appear on my smartphone.

The translucent stone is actually the hover effect that appears when moving a mouse cursor over the board. Clicking/tapping on a point should place a stone on the board. However, I've noticed that sometimes attempting to click via a smartphone touchscreen might not register properly as a click but instead as a cursor hover. Maybe that's what is going on?

Did the website ever work properly on your phone? Are you able to play moves in a different browser on your phone or other device?

Author:  EdLee [ Wed Apr 13, 2016 12:34 pm ]
Post subject: 

YeGO wrote:
Did the website ever work properly on your phone?
Are you able to play moves in a different browser on your phone or other device?
Hi YeGO, I'm not sure I was ever able to register a move on the iPhone.
I just tried another browser on the iPhone; same problem.
I haven't tried it on another mobile device.

Author:  YeGO [ Thu Apr 14, 2016 3:48 am ]
Post subject:  Re: BesoGo: yet another web-based SGF editor

Hmm... that's an interesting bug. I haven't been able to reproduce it across several desktops, laptops, tablets, and Android smartphones. I still have to try testing on an iPhone.

It's quite strange since the SVG rendering is clearing working, clicking on the buttons is working (since you were able to rotate through coordinate schemes), and the hover listener is working (since the translucent hover effect appears). However, the simple click isn't registering appropriately.

Do you happen to know which specific versions of the mobile browsers you are using?

Does anyone else on this forum have an iPhone 4S and can confirm?

Author:  YeGO [ Thu Apr 14, 2016 9:03 am ]
Post subject:  Re: BesoGo: yet another web-based SGF editor

Seems like this is an iPhone specific issue, since the iPhone raises "touch" events rather than "click" events.

Looks like there is a fairly simple fix:
http://stackoverflow.com/questions/3705 ... one-jquery
https://developer.apple.com/library/ios ... vents.html

I'll make the changes to the code later.

Author:  EdLee [ Thu Apr 14, 2016 11:45 am ]
Post subject: 

Hi YeGo,

Thanks! :)

Author:  YeGO [ Fri Apr 15, 2016 8:34 am ]
Post subject:  Re: BesoGo: yet another web-based SGF editor

Just made some minor changes. Hopefully that fixes the issue for iOS devices.

Author:  EdLee [ Fri Apr 15, 2016 8:52 am ]
Post subject: 

Hi YeGo, the stone still doesn't register on an iPhone 4S, iOS 7.x

Author:  Bonobo [ Fri Apr 15, 2016 5:16 pm ]
Post subject:  Re: BesoGo: yet another web-based SGF editor

Double tap does place stones for me, with Chrome as well as with Safari, on an iPhone 4s with iOS 9.3.1. I guess it may be difficult with fingers, I used a stylus.

Author:  EdLee [ Fri Apr 15, 2016 6:55 pm ]
Post subject: 

Hi Tom,

Even double click doesn't register a stone for me, on iOS 7.x ...
Strange... :-|

Hi YeGo, my Safari version seems to be "9537.53"

Author:  YeGO [ Sat Apr 16, 2016 6:48 am ]
Post subject:  Re: BesoGo: yet another web-based SGF editor

OK, I think I understand what might be going on. iPhone (and likely iOS in general) does something non-standard in how it raises events based on taps. Basically, since I have a hover effect and click effect for the board, iOS raises triggers the hover event, but then skips the click because the hover event changed the page content.

See:
https://developer.apple.com/library/ios ... finger.jpg

So, I'll need to figure out another work-around. I could just detect the platform and change the behavior specifically for iOS, but I'd like to avoid too much platform dependent hacks just to accommodate the iPhone quirks. I have to think about this further.

Quite weird to hear that there is inconsistent behavior between two different iPhone 4S (granted that they are using different OS versions).

Thanks for all of your help, EdLee and Bonobo!

By the way, check out this example:
https://jsfiddle.net/u4Lerebm/

On desktops, Androids, etc. (non-iOS), all three of the black buttons will trigger a pop-up that says clicked, and the last button turns the background red when hovered over. However, on iOS, I think the first button won't work, the second button will work, and the third button may or may not work.

Author:  Bonobo [ Sat Apr 16, 2016 11:45 am ]
Post subject:  Re: BesoGo: yet another web-based SGF editor

YeGO wrote:
[..]

By the way, check out this example:
https://jsfiddle.net/u4Lerebm/

On desktops, Androids, etc. (non-iOS), all three of the black buttons will trigger a pop-up that says clicked, and the last button turns the background red when hovered over. However, on iOS, I think the first button won't work, the second button will work, and the third button may or may not work.

1st didn't work
2nd worked: “Clicked” modal dialog
3rd worked: “Clicked” modal dialog, the background turned red

Page 1 of 2 All times are UTC - 8 hours [ DST ]
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
http://www.phpbb.com/