日本10景案内ゲーム
探勝ゲームをさらに改訂しました。改良点を以下に表わします。文末に絵文字の表示例を挙げました。参考になれば幸いです。
改訂項目🌼
絵文字 BLOSSOM:0x1f33c
- 時計のデジタル文字を大きくし見やすくした。
- 時計以外の文字も太字にしてくっきりにした。
- BGMを『天然の美』に変えた。
- 観光に関する絵文字・60種を追加した。
- 観光スポット画像をゆったりと描画するように改訂した。
デジタル時計として利用するには
当記事をデジタル時計として利用するには、音量を0にし、停止ボタンを押しルーレットの回転を止めて落ち着いた環境でお使いください。
詳しいゲームの使い方はプログラミングへのお誘いをご覧ください。
🍀
絵文字とユニコード
右に四つ葉のクローバー(0x1f340)の絵文字を表示します。unicodeで規格された絵文字の多くはコード65536(0x10000)以上のサロゲート文字(サロゲートペア)です。
サロゲートペアは3バイト以上だから複数回に分けて表示します。指定されたユニコードを表示するには、サロゲートペアかどうかを判定して以下のようなコードで表示されます。
絵文字描画関数の一例
function viewEmoji(){ //絵文字描画関数 var k = emojiCount++ % sightSpot.length; var u = sightSpot[k]; //ユニコード var v=u < 0x10000 ? String.fromCharCode(u) : surrogate(u);//サロゲートペアか判定 document.getElementById("sight").innerHTML = v; } function surrogate(y){ //16進5桁 -> サロゲート文字コード var x = y - 0x10000; var a = Math.floor(x / 0x400) + 0xD800; //上位サロゲート, Math.floor()で整数値に変換 var b = x % 0x400 + 0xDC00; //下位サロゲート var s = String.fromCharCode(a, b); //Unicodeコード列を文字列に変換 return s; }