日別アーカイブ: 2018-04-17

日本10景観光案内

ものづくり筆耕ブログ

日本10景案内ゲーム

探勝ゲームをさらに改訂しました。改良点を以下に表わします。文末に絵文字の表示例を挙げました。参考になれば幸いです。

改訂項目🌼
　絵文字 BLOSSOM:0x1f33c

  1. 時計のデジタル文字を大きくし見やすくした。
  2. 時計以外の文字も太字にしてくっきりにした。
  3. BGMを『天然の美』に変えた。
  4. 観光に関する絵文字・60種を追加した。
  5. 観光スポット画像をゆったりと描画するように改訂した。

デジタル時計として利用するには

当記事をデジタル時計として利用するには、音量を０にし、停止ボタンを押しルーレットの回転を止めて落ち着いた環境でお使いください。

詳しいゲームの使い方はプログラミングへのお誘いをご覧ください。

🍀 絵文字とユニコード

右に四つ葉のクローバー(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;
}