//描画面（キャンバス）の準備
  var cvs = document.getElementById("bg");
  var ctx = cvs.getContext("2d");

  //キー入力
  var key = 0;
  window.onkeydown = function(event) { key = event.keyCode; }
  window.onkeyup = function(event) { key = 0; }

  var plCX = 64, plCY = 560;//プレイヤーキャラの中心座標
  var jYP = 0;//ジャンプ用の変数　Ｙ座標の変化量
  var jFL = 0;//ジャンプ用の変数　ジャンプ中だよというフラグ

  //画像の読み込み
  var img = [], iOK = [];
  function loadImg( n, fname ) {
   iOK[n] = false;
   img[n] = new Image();
   img[n].src = fname;
   img[n].onload = function() { iOK[n] = true; }
  }

  loadImg( 0, "usa0.png" );
  loadImg( 1, "usa1.png" );

  //メイン処理
  var tmr = 0;
  window.onload = mainProc();
  function mainProc() {
   tmr ++;

   //プレイヤーキャラの移動
   if( key == 37 ) { plCX -= 16; if( plCX < -48 ) plCX = 688; }//カーソルキー←
   if( key == 39 ) { plCX += 16; if( plCX > 688 ) plCX = -48; }//カーソルキー→

   //ジャンプするか？
   if( key == 32 ) {
    if( jFL == 0 ) {
     jYP = -48;
     jFL = 1;
    }
    if( jFL == 2 ) {
     jYP = -48;
     jFL = 3;
    }
   }

   //二段ジャンプ用のフラグの変化
   if( jFL == 1 && key != 32 ) jFL = 2;

   //Ｙ座標の変化
   if( jFL > 0 ) {
     plCY += jYP;
     if( key == 32 )
      jYP += 4;
     else
      jYP += 24;
     if( plCY > 560 ) { plCY = 560; jYP = 0; jFL = 0; }
   }

   //背景を描画する
   var gr = ctx.createLinearGradient(0,0,0,600);//グラデーション（上から下に）
   gr.addColorStop( 0,   "#4000c0" );
   gr.addColorStop( 1.0, "#d00040" );
   ctx.fillStyle = gr;
   ctx.fillRect( 0, 0, 640, 600 );
   gr = ctx.createLinearGradient(0,600,0,640);//グラデーション（上から下に）
   gr.addColorStop( 0,   "#102010" );
   gr.addColorStop( 1.0, "#408040" );
   ctx.fillStyle = gr;
   ctx.fillRect( 0, 600, 640, 40 );

   //プレイヤーキャラを表示する
   var n = parseInt(tmr/2)%2;
   if( iOK[n] == true ) ctx.drawImage( img[n], plCX-64, plCY-64 );

   //変数の値
   ctx.fillStyle = "white";
   ctx.font = "32px monospace";
   ctx.fillText( "("+plCX+","+plCY+")", 40, 60 );
   ctx.fillText( "Ｙ座標の変化量 "+jYP, 40, 120 );
   ctx.fillText( "ジャンプ用のフラグ "+jFL, 40, 180 );

   setTimeout( mainProc, 50 );
  }