couldn’t have said it better
I tested it with a quick bot game and a demo board, but I’m usually a backend programmer so there definitely might be bugs just a warning, if something looks wrong in the middle of a game, turn off Tampermonkey and refresh the page
I think that looks wonderful my dude! i like the more simple style like that. Often where there is too much going on in the backround it can make focusing on the game quite difficult. So i can certainly see the appeal!
That’s amazing! I’m playing around with it now, finally I can change how the stones look!
Edit: Just realised how horrible the above must look for a red/green colourblind person
It’s not easy to play with either, still needs some improvement.
OMG! when you get this down, and simplified for the code simpletons like me, then please. please, PLEASE!!! let us know how! Then we can turn this thread in to a board and stones appriciation page XD
Is it possible to maybe go a step further and make a browser extension for OGS customization?
And find somewhere good default images that can be used?
Wouldn’t it be easier to just add it to the main site?
I don’t have time to actually program it, by the way. Nor do I have the skills.
Okay, it took me way to long to recognize the game.
I finally started playing 19x19 last week … I think I’m getting distracted from learning how to play the big board… After I saw this post on Reddit, I just had to try
I wanted to make the bottom of the board like the screenshot but my pixel art + CSS skills are pretty bad. anyway here is the script again if anyone wants to try it or improve
Oh and I meant to agree with Vsotvep, I think it would be easier to add to the main site, otherwise any plugin is just going to break eventually. But the front end of OGS is open source, maybe they would accept a pull request … Unfortunately I also don’t have the skills or time to do it, or at least not do it right
I am pretty sure anoek would accept a pull like this
Actually uploading images might be troublesome as it would require backend support and would open the risks of running out of storage and stuff, but perhaps simple link to an outside source stored in a cookie might work for starters?
A good chance for glory and eternal gratefullnes of the community for anyone who picks it up Would be fun to then share usable images…
If no one goes for it I will try to finally also start contributing code next month and make this my first project, but no promises.
If someone’s already doing this, would it be difficult to add options to make the “last move” circle more prominent, possibly looking like a 75% size stone, and the black and white stones set with transparency 100% so that blind go could be played?
OMG thats awesome! I love i!
This is legitimatly amazing.
oh wow nice one, i really like the combination background image and top bar! i’m glad it worked for you
On the off chance, someone else was considering coding a PR for this, as not to double our efforts, I have looked at it today and think I can make it happen. So find something else to work on
I think it should be doable? Will keep it in mind.
Just happen to be watching a couple of wonderful players and testing out my new bamboo board style. Thanks @Vsotvep! I look forward to putting it to the real test with a live game here in a little while.
Having fun with this.
Can you guys help by posting the tags for the elements?
I’ve figured out .Goban and .black.player-container but I would also like to control the color of the timers, lines, stone images, last move color, ect…
If we have a .class list it will make it easier for everyone I think.
The best way is to right click anything and use “inspect element” which should help find CSS classes or IDs. You can then override easily with
!important in your user stylesheet.
The stones and lines are drawn with HTML canvas so I’m not sure if it’s easy to swap images using CSS alone. But here’s a quick script that will hopefully help, it does nothing but replace the stones with gems … https://greasyfork.org/en/scripts/405885-ogs-custom-stones
To swap with some other images, just install with Tampermonkey, open the dashboard and open the script source code, then replace the two imgur URLs in the script with your own images, and save the script. It should work… but if it doesn’t I can try to help
(actually I thought this would be ugly but I think I kind of like it with the dark background )
data is a global from OGS source I think so this can go anywhere)
edit: I think custom line color only works with the “plain” style so best if you are also overloading the background… probably a better way but too sleepy to read more OGS source for tonight