ねぴさんのページ

ねぴユーザー

2.3千文字の記事
  • 11
  • 0pt
掲示板へ

諸々の素材をちまちま作ってみようかなと思います。

麻雀牌画について

作成した麻雀牌画は、「まつセンexit」様にて開されている麻雀素材「19×26ピクセル画」を参考にしています(著作権フリー改造、再配布、プログラムへの使用もOKとのこと)。

サイト内にはこれとは違うサイズ麻雀牌画が開されています。興味のある方はDLしてみてはどうでしょうか。

 基本形

東南西北白発中牌裏

1m2m3m4m5m6m7m8m9m 5M

1p2p3p4p5p6p7p8p9p 5P

1s2s3s4s5s6s7s8s9s 5S

 

鳴き、リーチ用

y東y南y西y北y白y発y中

y1my2my3my4my5my6my7my8my9m y5M

y1py2py3py4py5py6py7py8py9p y5P

y1sy2sy3sy4sy5sy6sy7sy8sy9s y5S

使用例

2m2m3m4m5m3p3p4p4p5P5p3s4s  ツモ5s

1s1s2s3s4s5s6s7s8s9s  y東東東  ロン1s

 

時の表記に難あり。うまくやってもこんな感じに。どうしたものか。

ton
東東

 

追記
掲示板アドバイスによる表記案

1s1s2s3s4s5s6s7s8s9s
東1
東2
東3
東4

 


1s1s2s3s4s5s6s7s8s9s
東2
東3
東1
東4

 

 

■こんな感じ(例は上の場合)■

<div style="float: left;"><img width="19" src="https://dic.nicovideo.jp/oekaki/70555.png"
 alt="1s" height="26" style="vertical-align: bottom; margin-top: 14px;" >
<img width="19" src="https://dic.nicovideo.jp/oekaki/70555.png" alt="1s" height="26"
 style="vertical-align: bottom; margin-top: 14px;" ><img width="19" 
src="https://dic.nicovideo.jp/oekaki/70556.png" alt="2s" height="26" 
style="vertical-align: bottom; margin-top: 14px;" ><img width="19" 
src="https://dic.nicovideo.jp/oekaki/70557.png" alt="3s" height="26"
 style="vertical-align: bottom; margin-top: 14px;" ><img width="19" 
src="https://dic.nicovideo.jp/oekaki/70560.png" alt="4s" height="26"
 style="vertical-align: bottom; margin-top: 14px;" ><img width="19" 
src="https://dic.nicovideo.jp/oekaki/70561.png" alt="5s" height="26"
 style="vertical-align: bottom; margin-top: 14px;" ><img width="19" 
src="https://dic.nicovideo.jp/oekaki/70568.png" alt="6s" height="26" 
style="vertical-align: bottom; margin-top: 14px;" ><img width="19" 
src="https://dic.nicovideo.jp/oekaki/70569.png" alt="7s" height="26"
 style="vertical-align: bottom; margin-top: 14px;" ><img width="19" 
src="https://dic.nicovideo.jp/oekaki/70570.png" alt="8s" height="26"
 style="vertical-align: bottom; margin-top: 14px;" ><img width="19" 
src="https://dic.nicovideo.jp/oekaki/70571.png" alt="9s" height="26"
 style="vertical-align: bottom; margin-top: 14px;" ></div>
<div style="float: left;"><img width="19" 
src="https://dic.nicovideo.jp/oekaki/70232.png" alt="東1" height="26" 
style="vertical-align: bottom; margin-top: 14px;" ></div>
<div style="float: left;"><img src="https://dic.nicovideo.jp/oekaki/70576.png"
 alt="東2" style="vertical-align: bottom;" ><br >
<img src="https://dic.nicovideo.jp/oekaki/70576.png" alt="東3" 
style="vertical-align: top;" ></div><div style="float: left;">
<img width="19" src="https://dic.nicovideo.jp/oekaki/70232.png" alt="東4" 
height="26" style="vertical-align: bottom; margin-top: 14px;" ></div>
<!--改行等したら後ろに<br clear="all">を付けるのを忘れずに-->

 

使用上表示が左によるので、ん中に寄せたい場合は別途背景と同色の画像を作って、手のいちばん左に追加するといいかも。

 

↓縦置きのと同形の画像。 

5s
5s
5s
5s
3s3s3sy


【スポンサーリンク】

  • 11
  • 0pt
記事編集 編集履歴を閲覧

ニコニ広告で宣伝された記事

花京院典明 (単) 記事と一緒に動画もおすすめ!
提供: 758
もっと見る

この記事の掲示板に最近描かれたお絵カキコ

この記事の掲示板に最近投稿されたピコカキコ

ピコカキコがありません

ねぴ

87 ななしのよっしん
2009/06/07(日) 16:06:19 ID: IZ93HlGKJN
y5pr
y5pr
タイトル:y5pr
この絵を基にしています!
Twitterで紹介する

88 ななしのよっしん
2009/06/07(日) 16:13:29 ID: IZ93HlGKJN
y6s
y6s
タイトル:y6s
この絵を基にしています!
Twitterで紹介する

89 ななしのよっしん
2009/06/07(日) 16:20:01 ID: IZ93HlGKJN
y7s
y7s
タイトル:y7s
この絵を基にしています!
Twitterで紹介する

90 ななしのよっしん
2009/06/07(日) 16:27:14 ID: IZ93HlGKJN
y8s
y8s
タイトル:y8s
この絵を基にしています!
Twitterで紹介する

91 ななしのよっしん
2009/06/07(日) 16:34:20 ID: IZ93HlGKJN
y9s
y9s
タイトル:y9s
この絵を基にしています!
Twitterで紹介する

92 しふ
2009/06/07(日) 16:35:44 ID: IZ93HlGKJN
完成とりあえずユーザー記事に画像を貼り付けて、現在麻雀牌記事作成中です。
👍
高評価
0
👎
低評価
0
93 matTarry
◆TJb31Bdutg 2009/06/07(日) 17:23:21 ID: xYM4vPjAtH
作業お疲れ様でした!
👍
高評価
0
👎
低評価
0
94 ななしのよっしん
2009/06/09(火) 07:07:30 ID: +vjtjMZvS1
お疲れ様ですー。
はこんな感じでどうでしょうか。
譜の場合は各ブロックでdiv使ってmarginで左右間隔調整する感じで。
もしかしたらむしろ横にしたマイナスmarginにしたほうがいいかも。
---
<div style="float: left">
<img src="/oekaki/70232.png" alt="東" style="vertical-align: bottom; margin-top: 14px" width="19" height="26" />
</div>
<div style="float: left">
<img src="/oekaki/70576.png" alt="ton" style="vertical-align: bottom;" /><br />
<img src="http://dic.nicovideo.jp/oekaki/70576.png" style="vertical-align: top;" />
</div>
(省略しています。全て読むにはこのリンクをクリック!)
👍
高評価
0
👎
低評価
0
95 しふ
2009/06/09(火) 20:30:35 ID: IZ93HlGKJN
表示成功しましたー。ソース提供ありがとうございます
にもfloat使って画像毎にmargin-top適応したのが上の表示になります。
と言う訳で某記事に速使用しますね。
👍
高評価
0
👎
低評価
0
96 ななしのよっしん
2009/06/09(火) 20:55:22 ID: IZ93HlGKJN
背景
背景
タイトル:背景
Twitterで紹介する

ニコニコニューストピックス