木琴UI

提供: iTchan Wiki
2014年3月17日 (月) 09:43時点におけるいんふぉ™ (トーク | 投稿記録)による版 (iTchan Gamesのテンプレートを追加。)
(差分) ← 古い版 | 最新版 (差分) | 新しい版 → (差分)
移動先: 案内、 検索

木琴UI（もっきんインターフェイス）とは、いっちゃんねるのいんふぉ™によって開発されたブラウザゲームのインターフェイスである。

概要

HTML5/CSS3/JavaScriptを用いて開発されたブラウザゲームのインターフェイス。

妹じゃんけんのために開発され、iTchan Games全般に使われるインターフェイスとなった。

棒の並んでいる様子がまるで木琴のように見えることから、書類によって木琴UIと命名された。

当初は色合いが蛍光ペンをモチーフとして決定されていたが、最近ではモノクロ調のものも登場している。


仕様

HTMLのul属性で作成されたボタンのリストを、CSSでグラデーションや角丸のついたものへと彩っている。

ボタンを押してJavaScriptが呼び出されることによってゲームが進行していく。

採用実績

関連項目

{{#switch:|subgroup|child=|none=|#default=

}}{{#if:iTchan Games|{{#if:|<th style="border-left:2px solid #fdfdfd;width:100%;|}}{{#if:|{{#if:iTchan Games|}}}}{{#if:妹じゃんけん - 三大鳥ウォッチング - 赤い人クリッカー|{{#if:iTchan Games|}}{{#if:|}}{{#if:木琴UI|<td style="text-align:left;border-left-width:2px;border-left-style:solid;|{{#if:|}}}}{{#if:赤い人ゲーム - 麦茶銀行|{{#if:iTchan Games妹じゃんけん - 三大鳥ウォッチング - 赤い人クリッカー|}}{{#if:腹筋UI|<td style="text-align:left;border-left-width:2px;border-left-style:solid;|}}{{#if:|{{#if:iTchan Games妹じゃんけん - 三大鳥ウォッチング - 赤い人クリッカー赤い人ゲーム - 麦茶銀行|}}{{#if:|<td style="text-align:left;border-left-width:2px;border-left-style:solid;|}}{{#if:|{{#if:|<td style="text-align:left;border-left-width:2px;border-left-style:solid;|}}{{#if:|{{#if:|<td style="text-align:left;border-left-width:2px;border-left-style:solid;|}}{{#if:|{{#if:|<td style="text-align:left;border-left-width:2px;border-left-style:solid;|}}{{#if:|{{#if:|<td style="text-align:left;border-left-width:2px;border-left-style:solid;|}}{{#if:|{{#if:|<td style="text-align:left;border-left-width:2px;border-left-style:solid;|}}{{#if:|{{#if:|<td style="text-align:left;border-left-width:2px;border-left-style:solid;|}}{{#if:|{{#if:|<td style="text-align:left;border-left-width:2px;border-left-style:solid;|}}{{#if:|{{#if:|<td style="text-align:left;border-left-width:2px;border-left-style:solid;|}}{{#if:|{{#if:|<td style="text-align:left;border-left-width:2px;border-left-style:solid;|}}{{#if:|{{#if:|<td style="text-align:left;border-left-width:2px;border-left-style:solid;|}}{{#if:|{{#if:|<td style="text-align:left;border-left-width:2px;border-left-style:solid;|}}{{#if:|{{#if:|<td style="text-align:left;border-left-width:2px;border-left-style:solid;|}}{{#if:|{{#if:|<td style="text-align:left;border-left-width:2px;border-left-style:solid;|}}{{#if:|{{#if:|<td style="text-align:left;border-left-width:2px;border-left-style:solid;|}}{{#if:|{{#if:|<td style="text-align:left;border-left-width:2px;border-left-style:solid;|}}{{#if:|{{#if:|<td style="text-align:left;border-left-width:2px;border-left-style:solid;|}}{{#if:|{{#if:|<td style="text-align:left;border-left-width:2px;border-left-style:solid;|}}{{#if:|{{#if:iTchan Games妹じゃんけん - 三大鳥ウォッチング - 赤い人クリッカー赤い人ゲーム - 麦茶銀行|}}}}
{{#if:{{#switch:|plain|off=1}}{{#if:iTchan Games||{{#switch:|subgroup|child|none=1}}}}|{{#ifeq:|off|{{#ifeq:|plain|
 
}}|{{#ifeq:|plain||
 
}}}}|
{{#if: |  |
}}{{#ifeq:1|1 ||このテンプレートを: }}{{#ifeq:|1|{{#if:|表示|表}}|{{#if:1|表|表示}}・{{#if:1|話|ノート}}・{{#if:1|編|編集}}・{{#if:1|歴|履歴}}}}{{#if: |  |
}}
{{#ifeq:|plain|
 
}}}} iTchan Games
{{{above}}}
{{{imageleft}}}木琴UI {{{image}}}
腹筋UI
{{{group3}}}
{{{list3}}}
{{{group4}}}
{{{list4}}}
{{{group5}}}
{{{list5}}}
{{{group6}}}
{{{list6}}}
{{{group7}}}
{{{list7}}}
{{{group8}}}
{{{list8}}}
{{{group9}}}
{{{list9}}}
{{{group10}}}
{{{list10}}}
{{{group11}}}
{{{list11}}}
{{{group12}}}
{{{list12}}}
{{{group13}}}
{{{list13}}}
{{{group14}}}
{{{list14}}}
{{{group15}}}
{{{list15}}}
{{{group16}}}
{{{list16}}}
{{{group17}}}
{{{list17}}}
{{{group18}}}
{{{list18}}}
{{{group19}}}
{{{list19}}}
{{{group20}}}
{{{list20}}}
{{{below}}}
{{#switch:|subgroup|child=
|none=|#default=

}}

「http://itchan.official.jp/wiki/index.php?title=木琴UI&oldid=879」から取得