It is currently Thu Apr 25, 2024 11:07 am

All times are UTC - 8 hours [ DST ]




Post new topic Reply to topic  [ 33 posts ]  Go to page 1, 2  Next
Author Message
Offline
 Post subject: BesoGo: yet another web-based SGF editor
Post #1 Posted: Tue Feb 02, 2016 3:22 pm 
Dies with sente

Posts: 82
Liked others: 19
Was liked: 46
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.


Last edited by YeGO on Mon May 09, 2016 10:34 am, edited 1 time in total.
Top
 Profile  
 
Offline
 Post subject: Re: BesoGo: yet another web-based SGF editor
Post #2 Posted: Tue Feb 02, 2016 4:10 pm 
Oza

Posts: 2264
Liked others: 1180
Was liked: 552
can you scale it to my browser window size and not assume I have a large enough screen to display the whole world?

Top
 Profile  
 
Offline
 Post subject: Re: BesoGo: yet another web-based SGF editor
Post #3 Posted: Tue Feb 02, 2016 9:49 pm 
Dies with sente

Posts: 82
Liked others: 19
Was liked: 46
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?

Top
 Profile  
 
Offline
 Post subject: Re: BesoGo: yet another web-based SGF editor
Post #4 Posted: Tue Feb 02, 2016 11:59 pm 
Oza

Posts: 2264
Liked others: 1180
Was liked: 552
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 9259 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 9259 times ]

Top
 Profile  
 
Offline
 Post subject:
Post #5 Posted: Wed Feb 03, 2016 12:36 am 
Honinbo
User avatar

Posts: 8859
Location: Santa Barbara, CA
Liked others: 349
Was liked: 2076
GD Posts: 312
Hi YeGo,

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

Top
 Profile  
 
Offline
 Post subject:
Post #6 Posted: Wed Feb 03, 2016 12:41 am 
Honinbo
User avatar

Posts: 8859
Location: Santa Barbara, CA
Liked others: 349
Was liked: 2076
GD Posts: 312
Hi YeGo,

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

Top
 Profile  
 
Offline
 Post subject: Re: BesoGo: yet another web-based SGF editor
Post #7 Posted: Tue Apr 12, 2016 7:41 pm 
Dies with sente

Posts: 82
Liked others: 19
Was liked: 46
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.

Top
 Profile  
 
Offline
 Post subject:
Post #8 Posted: Tue Apr 12, 2016 9:16 pm 
Honinbo
User avatar

Posts: 8859
Location: Santa Barbara, CA
Liked others: 349
Was liked: 2076
GD Posts: 312
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 9038 times ]

Top
 Profile  
 
Offline
 Post subject:
Post #9 Posted: Tue Apr 12, 2016 9:24 pm 
Honinbo
User avatar

Posts: 8859
Location: Santa Barbara, CA
Liked others: 349
Was liked: 2076
GD Posts: 312
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 9037 times ]
Never mind; I found out the coordinate button cycles. :)

Top
 Profile  
 
Offline
 Post subject: Re:
Post #10 Posted: Wed Apr 13, 2016 11:46 am 
Dies with sente

Posts: 82
Liked others: 19
Was liked: 46
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?

Top
 Profile  
 
Offline
 Post subject:
Post #11 Posted: Wed Apr 13, 2016 12:34 pm 
Honinbo
User avatar

Posts: 8859
Location: Santa Barbara, CA
Liked others: 349
Was liked: 2076
GD Posts: 312
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.

Top
 Profile  
 
Offline
 Post subject: Re: BesoGo: yet another web-based SGF editor
Post #12 Posted: Thu Apr 14, 2016 3:48 am 
Dies with sente

Posts: 82
Liked others: 19
Was liked: 46
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?

Top
 Profile  
 
Offline
 Post subject: Re: BesoGo: yet another web-based SGF editor
Post #13 Posted: Thu Apr 14, 2016 9:03 am 
Dies with sente

Posts: 82
Liked others: 19
Was liked: 46
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.

Top
 Profile  
 
Offline
 Post subject:
Post #14 Posted: Thu Apr 14, 2016 11:45 am 
Honinbo
User avatar

Posts: 8859
Location: Santa Barbara, CA
Liked others: 349
Was liked: 2076
GD Posts: 312
Hi YeGo,

Thanks! :)

Top
 Profile  
 
Offline
 Post subject: Re: BesoGo: yet another web-based SGF editor
Post #15 Posted: Fri Apr 15, 2016 8:34 am 
Dies with sente

Posts: 82
Liked others: 19
Was liked: 46
Just made some minor changes. Hopefully that fixes the issue for iOS devices.

Top
 Profile  
 
Offline
 Post subject:
Post #16 Posted: Fri Apr 15, 2016 8:52 am 
Honinbo
User avatar

Posts: 8859
Location: Santa Barbara, CA
Liked others: 349
Was liked: 2076
GD Posts: 312
Hi YeGo, the stone still doesn't register on an iPhone 4S, iOS 7.x

Top
 Profile  
 
Offline
 Post subject: Re: BesoGo: yet another web-based SGF editor
Post #17 Posted: Fri Apr 15, 2016 5:16 pm 
Oza
User avatar

Posts: 2221
Location: Germany
Liked others: 8262
Was liked: 924
Rank: OGS 9k
OGS: trohde
Universal go server handle: trohde
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.

_________________
“The only difference between me and a madman is that I’m not mad.” — Salvador Dali ★ Play a slooooow correspondence game with me on OGS? :)

Top
 Profile  
 
Offline
 Post subject:
Post #18 Posted: Fri Apr 15, 2016 6:55 pm 
Honinbo
User avatar

Posts: 8859
Location: Santa Barbara, CA
Liked others: 349
Was liked: 2076
GD Posts: 312
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"

Top
 Profile  
 
Offline
 Post subject: Re: BesoGo: yet another web-based SGF editor
Post #19 Posted: Sat Apr 16, 2016 6:48 am 
Dies with sente

Posts: 82
Liked others: 19
Was liked: 46
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.

Top
 Profile  
 
Offline
 Post subject: Re: BesoGo: yet another web-based SGF editor
Post #20 Posted: Sat Apr 16, 2016 11:45 am 
Oza
User avatar

Posts: 2221
Location: Germany
Liked others: 8262
Was liked: 924
Rank: OGS 9k
OGS: trohde
Universal go server handle: trohde
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

_________________
“The only difference between me and a madman is that I’m not mad.” — Salvador Dali ★ Play a slooooow correspondence game with me on OGS? :)

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

All times are UTC - 8 hours [ DST ]


Who is online

Users browsing this forum: No registered users and 1 guest


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