Page 1 of 2

can this be done easily?

Posted: Fri Jan 30, 2015 6:43 am
by or2az
I don't know very much about computer software or the programming that's involved in creating websites or elaborate things like this forum but I was wondering about this, so with nothing to lose, I thought I would ask.
On the right side of the drafting page, there are 34 different tiles used in mahjong hands, a bunch of yellow circles with a variety of smiley faces, and five lines of items that are either on or off. There is also quite a bit of unused space below the drafting area.
I was curious as to how easy (or complicated) it would be to move the smiley faces and the items below them to an unused portion of the page and add 4 more tiles and a button to the 34 already there. The tiles would be each of the red fives and a backside view of a tile. The button would rotate a selected tile by 90 degrees.
This would enable concealed kongs and melded items to be better depicted when illustrating a hand. Same goes for the red fives.
These all seem to be important parts of japanese mahjong and since I wasn't able to do certain things the way I wanted to in a couple of recent posts, I thought I would just ask and see where it led, if anywhere.

Re: can this be done easily?

Posted: Fri Jan 30, 2015 12:16 pm
by Shirluban
or2az wrote:I was curious as to how easy (or complicated) it would be to move the smiley faces and the items below them to an unused portion of the page
I don't know, I must look at the source code.
Is there anyone familiar with phpBB templates here?
Edit: I've found how to do it, but you'll have to wait until I put it in place. :P
or2az wrote:and add 4 more tiles
That should be fairly easy, hoping the copyright holder doesn't have any objection.
or2az wrote:The button would rotate a selected tile by 90 degrees.
It is possible to make a BBcode to rotate an image via CSS, but the property for it gives strange results, as the rotated image doesn't fit its new space.
http://www.w3schools.com/cssref/playit. ... orm_rotate
A more reliable solution would be to copy all images, rotate them in an image editor, and make 34+4 new smilies for them... but that would be a lot of smilies.

Another problem would be to install and apply those changes on the site. I'm not sure if I have enough rights to do it.
Edit:Looks like I don't.

Re: can this be done easily?

Posted: Fri Jan 30, 2015 4:11 pm
by Referee
We could adopt a convention of using a turned tile as a representation of a turned tile for open sets (Just for discussion, during play we should keep doing as usual). The only thing that could be tricky is ryanmen waits. So I suggest these conventions.

* Groups of three tiles with one of them being backside up are called tiles. On a minkou, the turned tile indicates position of discarder if that is needed for discussion.
* For calls of 'chii', the tiles should be put in numerical order, since obviously called tile is from Left. (Alternative, put called tile on the left, except on ryanmen, where we can put the tile on the right if it's the high end one)
* Kan should have one tile turned upside down for daiminkan. Those called from center can have the second or third tile showing the back indifferently.
* Shouminkan should be showed by having two adjacent turned tiles, with position of them showing discarder as usual.
* Ankan are shown as usual, with turned down tiles on the sides, and right-side up tiles in the middle.

What do you guys think? (There is still no easy way to show riichi, but I guess we can arrange something for that, too.

PS: While you are adding the tile back, add two of them, one being red. This way we can show a red five upside down. ;)

Re: can this be done easily?

Posted: Tue Feb 03, 2015 11:16 pm
by Shirluban
Nevermind, it's do-able in CSS.

Now I have to beg Jenn for more permissions.

Re: can this be done easily?

Posted: Sun Feb 22, 2015 4:41 pm
by Shirluban
Done. :D

Use the "sidetile" BBCode to rotate one or even two tiles.

:back 1-bam 1-bam :back
:east :east :east
5-crak 5-crak 5-crak-red 5-crak

I've also changed the font's color swatch.

Re: can this be done easily?

Posted: Sun Feb 22, 2015 4:54 pm
by Shirluban
Also, please don't use the "sidetile" BBCode for other images than tiles, because that won't work :riichi .

Re: can this be done easily?

Posted: Sun Feb 22, 2015 7:00 pm
by or2az
Now that is really cool!

The way I used to do it:

5-bam 5-bam 5-bam..... white-dra 8-dot 8-dot white-dra 9-crak 9-crak 9-crak 9-crak 5-dot 5-dot 5-dot 5-crak 5-crak
......................red.....................................................................................................................red.................red.....

The way I can now do it:
5-bam 5-bam 5-bam-red ..... :back 8-dot 8-dot :back 9-crak 9-crak 9-crak 9-crak 5-dot 5-dot 5-dot-red 5-crak 5-crak-red


Not quite sure how to use this :riichi (riichi stick)

Re: can this be done easily?

Posted: Sun Feb 22, 2015 8:50 pm
by Referee
This is awesome, thank you very much.

If you allow me to be a bit too much OCD-ish, could the rotate be done clockwise? I don't know, it seems to look nicer that way. Ruleswise, does mahjong instruct you to do the rotation on a specific direction or any one would do?

Testing one thing... 7-bam 7-bam 7-bam

Nope, didn't work. Didn't think it would, but I reckoned it was worth a try anyway. :P

Re: can this be done easily?

Posted: Mon Feb 23, 2015 12:45 am
by or2az
Barts guide has every single sideways illustration done with a counter-clockwise turn, if that helps.

Re: can this be done easily?

Posted: Mon Feb 23, 2015 1:42 am
by Shirluban
Referee wrote:could the rotate be done clockwise? I don't know, it seems to look nicer that way. Ruleswise, does mahjong instruct you to do the rotation on a specific direction or any one would do?
Certainly, but rotating one way or another doesn't seem very relevant, and every one has his own tastes.
I find it nice counter-clockwise.

By the way, be searching for such images, I've found the coolest way to draw and discard:
https://www.youtube.com/watch?v=d--8FXM2OEY

Re: can this be done easily?

Posted: Mon Feb 23, 2015 2:29 am
by Ignatius
Shirluban wrote:
Referee wrote:could the rotate be done clockwise? I don't know, it seems to look nicer that way. Ruleswise, does mahjong instruct you to do the rotation on a specific direction or any one would do?
Certainly, but rotating one way or another doesn't seem very relevant, and every one has his own tastes.
I find it nice counter-clockwise.

By the way, be searching for such images, I've found the coolest way to draw and discard:
https://www.youtube.com/watch?v=d--8FXM2OEY
And I found that it´s from an old adult game called 雀姫 レディース マージャンリーグ Mahjong Princess: Ladies Mahjong League, from Apple Pie Co. In this case a game under Succubus group. For Windows 95/98, feel old, man.

Info taken from Japanese Wikipedia and last link inside that Wikipedia page...

Re: can this be done easily?

Posted: Mon Feb 23, 2015 6:58 pm
by Barticle
I just did a quick survey of Japanese books and screenshots saved from a few different games and couldn't find one clockwise example.

A Google search finds a few clockwise images though. This one should please both camps (or neither).

I'm sorry to report that I'm not seeing rotated tiles. No effect in Google Chrome (current version) and one tile slightly lower (unrotated) in IE11. :?

Emperor's new tiles?

Re: can this be done easily?

Posted: Mon Feb 23, 2015 7:47 pm
by Shirluban
I confess I haven't checked on Chrome, but for me it works on IE9 and upper (tested via the development tools of IE11).
According to this page, it should works on Chrome.
Can you refresh your browsers' cache?

Re: can this be done easily?

Posted: Mon Feb 23, 2015 8:14 pm
by Barticle
A simple refresh in Chrome actually sorted it. Looking good!

In IE I've done a forced refresh and cleared the browsing history but still not getting it.

Re: can this be done easily?

Posted: Mon Feb 23, 2015 8:44 pm
by or2az
As I mentioned to Bart, it works perfectly in Firefox too, as well as Chrome, but not in Internet Explorer.