ねこみみか第5話。 サンプル：ねこみみか(5)/文字色変更 メッセージウィンドウの文字色をキャラ毎に変えるようにしました。 っつーても暫定対応だけど。 まず、XMLの方で色を指定。 00000000.xml <page> <color>#000099</color> <name>風太</name> <text>「さて……」</text> </page> <color>タグで色を指定します。 これをJa</color>…

ねこみみか第4話。 サンプル：ねこみみか(4)/「名前」ウィンドウ メッセージウィンドウに「名前」を追加しました。 まず、メッセージウィンドウ全体をdivで囲みました。 ほんで「名前」まわりの枠を追加。 index.html <DIV id="message_window" class="message_window"> <DIV id="message_window_name_background" class="message_window_name_background"> </DIV> </div>

ねこみみか第3話。 サンプル：ねこみみか(3)/メッセージウィンドウの非表示 メッセージウィンドウを非表示にできるようにしました。 index.html <DIV class="menu"> <TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0"> <TR> <TD onClick="toggleMessageWindow(); return false;">窓非表示</TD> <TD> </TD> <TD> </TD> </TR> </TABLE> </DIV> とりあえずテーブルとCSSでメニューを定義。あと他のウィンドウを少しずらしました。 m…

ねこみみか第2話。 サンプル：ねこみみか(2)/XMLの連結 複数XMLファイルへの対応を行いました。 XMLの接続 00000000.xml <pages> <page> <character>Lecan03.gif</character> <background>BG03.jpg</background> <text>ねこみみか (2)</text> </page> <page> <character>Lecan01.gif</character> <text>レカン：わらわの名はレカンじ…</text></page></pages>

「ねこみみか」というシリーズものを開始しました。 サンプル：ねこみみか(1)/キャラ非表示/キー入力 技術的には、キャラの非表示と、キー入力に対応しました。 キャラクターの非表示 00000000.xml <pages> <page> <character>off</character> <background>BG02.jpg</background> <text>そして恋歌は家に帰り、俺は誰もいない家</text></page></pages>…

背景も置き換えられるようにしました。 サンプル：背景の置き換え。 00000000.xml <pages> <page> <character>g.gif</character> <background>BG01.jpg</background> <text>恋歌：外……。</text> </page> <page> <text>恋歌：あっという間に……。</text> </page> <page> <character>e.gif</character> <background>BG02.jpg</background></page></pages>

エロゲーっぽくしてみました。 サンプル：CSSで透明度変更。 スタイルシートをいじってエロゲーっぽい構成に。 index.html <DIV class="background"> </DIV> <DIV class="caracter"> <IMG ID="character" SRC="e.jpg"><BR> </DIV> <DIV class="message_window_background"> </DIV> <DIV class="message_window_frame"> <DIV ID="maintext">このへんクリックしてね</DIV><BR> </DIV>

サンプル：レイヤーで背景とキャラを重ねる。 スタイルシートを使って、レイヤーのように背景の上にキャラを重ねてみました。 index.html <DIV class="background"> <IMG ID="background" SRC="1.jpg" BORDER="0"><BR> </DIV> <DIV class="caracter"> <IMG ID="character" SRC="2.gif"><BR> </DIV> 背景、キャラ共に<DIV>で囲んであります。 んでこれをスタイルシートで重ねます。 main.css /** キャラクター */ div</div>…

サンプル：XML内にエレメントがない場合の処理。 今回は以下のような修正をしました。 XMLの情報を変数として返す。 <image>タグがない場合にはこれまでの画像をそのままセットする。 オブジェクト指向っぽく、と、XML記述を楽にするために、ってことで。 まず、XML</image>…

やっとこさちゃんとしたトップイメージを描きました。 Google Mapとかで速くスクロールすると「画像読み込み中」のパネルが表示されるのを真似てみました。ドラッグしても下は見えません（爆）。 キャラは看板娘の恋歌。 ツールはAdobe Photoshop CS1.0。タ…