特殊タグを使用したデザインの紹介 作：SunGenuin(佐藤)
某育成ソーシャルゲームの二次創作で使用できそうなモノをまとめました。
すでに似たようなデザインのものを作ってる方もいらっしゃるかと思います。
こちらにおいてあるのはPC版、スマホ版どちらから見ても横ズレしないことをテーマに作成したものです。
※誤字報告機能をONにすると、現在画面には表示されていない「コメント(注釈)」部分が確認できます。
出走前画面
//PC版
1 | ここ二つ名的な物 ここにキャラ名とか | 調子は？ | ◎ ◎ ◎ 番号的な物 戦法 |
//SP版 デザインの微妙な調整のための空白がPC版と異なります
1 | ここ二つ名的な物 ここにキャラ名とか 調子は？ | ◎ ◎ ◎ 番号的な物 戦法 |
例①：
//PC版
1 | 美貌の太陽王 サンジェニュイン | ↑絶好調 | ◎ ◎ ◎ 1番 人気 逃げ |
//SP版
1 | 美貌の挑戦者 サンジェニュイン ↑絶好調 | ◎ ◎ ◎ 1番 人気 逃げ |
※情報等は連載していた二次創作のキャラクターから流用
上記のように、ゲーム画面のワンシーンをそれっぽく再現できます。
コピペして使用する場合は、「pc」と「sp」の2つを用意する必要があるのですが、そうすることによってPC版・スマホ版どちらに対しても画面崩れしないデザインにすることができます。
お手間がかかってしまいますが、きれいに整えたい方はこちらを是非ご利用ください。
上記デザインの簡易版。
tableタグを使用しています。
こちらはPC版・SP(スマホ)版どちらでも横ズレしないことを確認済。
| ① サンジェニュイン | ◎ ◎ ◎ 1番 人気 逃げ |
出走表(縦)は次ページで紹介しているのでよかったらそちらもご覧ください。
ステータステンプレート
tableタグのみを使用しています。
横ズレが心配な場合は全体を「《 box:w100%》《 /box》」で囲むとズレないです。
テーブル内の構成(結合など)は運営様が投稿している特殊タグの使用例を参考にしています。
| ステータス(☆3) | |||||
|---|---|---|---|---|---|
| スピード | スタミナ | パワー | 根性 | 賢さ | |
| 150 | 80 | 80 | 80 | 60 | |
| バ場適性 | |||||
| 洋芝 | 和芝 | ダート | |||
| A | B | F | |||
| 距離適性 | |||||
| 短距離 | マイル | 中距離 | 長距離 | ||
| G | C | A | A | ||
| 脚質適性 | |||||
| 逃げ | 先行 | 差し | 追込 | ||
| A | E | G | G | ||
| 成長率 | |||||
| パワー +30% | |||||
| 固有スキル『ナンチャラカンチャラ』 | |||||
| なんらかの効果 | |||||
table内で結合を行うことで表現しています。
上記のさらなる応用パターンとして、下記のような血統表も作成してみました。
5代血統まで出したかったのですが4代が限界でした。
5代まで改良できたらぜひぜひ感想欄にてお教えください。
| 父 | ||
| 父の父(2代父) | ||
| 3代父 | 4代父 | |
| 3代父の母 | ||
| 2代父の母 | 2代父の母父 | |
| 2代父の母母 | ||
| 父の母(2代父母) | 2代父母の父 | 2代父母の父父 |
| 2代父母の父母 | ||
| 2代父母の母 | ||
| 2代父母の母父 | ||
| 2代父母の母母 | ||
| 母 | ||
| 母の父(2代母父) | ||
| 2代母父の父 | 2代母父の父父 | |
| 2代母父の父母 | ||
| 2代母父の母 | 2代母父の母父 | |
| 2代母父の母母 | ||
| 母の母(2代母) | 2代母の父 | 2代母の父父 |
| 2代母父の父母 | ||
| 3代母 | ||
| 3代母の父 | ||
| 4代母 |
上記のtableタグを使用した実例がこちらです。
参考までにご覧ください。