(5)/文字色変更
ねこみみか第5話。
- サンプル:ねこみみか(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に見張らせてください。