(5)/文字色変更

Ajaxでエロゲーを作るブログ - [ゲーム

 ねこみみか第5話。


色付き!


 メッセージウィンドウの文字色をキャラ毎に変えるようにしました。
 っつーても暫定対応だけど。
 まず、XMLの方で色を指定。


00000000.xml

    <page>
        <color>#000099</color>
        <name>風太</name>
        <text>「さて……」</text>
    </page>


 <color>タグで色を指定します。
 これをJavaScriptで文字色に指定します。


main.js

                // 色。
                if( page.color != null )
                {
                    // テキスト置き換え先の取得。
                    var nameObj = document.getElementById( nameObjId );
                    // テキストを置き換えます。
                    nameObj.style.color = page.color;

                    // テキスト置き換え先の取得。
                    var textObj = document.getElementById( textObjId );
                    // テキストを置き換えます。
                    textObj.style.color = page.color;
                }


 他と同じく、スタイルシートのデザインの変更はstyleフィールドで。
 ……なんか、そろそろリファクタリングしないとコードがごっちゃになって死ねそうだな。


 あ、ここ最近1週間おきの更新ですが、とりあえず不定期ってことでよろしくお願いします。
 「ねこみみか」に関してはストーリーがほぼ完成してますんで、途中でやめることはないと思います。なのでちょくちょく見に来るか、アンテナやRSSに見張らせてください。