カーゲームで拡張したいことが

一杯あります。

１）自分がデザインしたカーを走らせたい。

２）３台以上を選べるようにしたい。

３）pythonゲームではなくjavascriptカーレイスサーです。

４）背景を右にも海とか試してみた。

５）観客や海の橋や…そのたいろいろ背景をこりたい。

６）コースを複数選べるようにしたい。コースの図も表示する。

７）クリア条件とゲームステージ。

等

でも、忙しくて　いつになるやら。ほとんど趣味ですね。

テキストの描画位置の調整。

pythonでは、フォントで描画するテキストのサイズを取得できますが、

javascriptでは、出来ない模様です。

しかし、描画してｘの位置を調整すれば良いので、ある意味分かりやすいと言えます。

スタート位置が分かっているので、マウスで文字をクリックしたかの判断位置が

分かりやすいかも知れません。

カーゲームのモジュールでは、結局、中央揃えはしませんでした。

カーゲーム（スマフォのタッチで動きます）

 

タッチで動きます。文字や絵をタッチしてください。

車は、スラシュで方が動きます。いろいろ試してください。

カーゲーム（スマフォのデバッグ）

 

・コーディング

ZAHYO_XY = [ 
  "00,350,280,800,320,a",
  "00,350,360,800,410,s",
  "04,300,390,800,440,r",
  "04,060,220,260,380,1",
  "04,300,220,500,380,2",
  "04,540,220,740,380,3",
];

    if(i < username.length){
        document.addEventListener("touchstart", touchstart);
    }else{
        document.addEventListener("mousedown", mousedown);
    }

function touchkey(tx,ty){
    mx = tx;
    my = ty;
    element = document.getElementById("idselect");
    sec_time = element.value; 

    hmoj = "0";

    for(i = 0; i < 6; i++){
      tidx = parseInt(ZAHYO_XY[i].substr(0,2));
      tx1 = parseInt(ZAHYO_XY[i].substr(3,3));
      ty1 = parseInt(ZAHYO_XY[i].substr(7,3));
      tx2 = parseInt(ZAHYO_XY[i].substr(11,3));
      ty2 = parseInt(ZAHYO_XY[i].substr(15,3));
      tmoj = ZAHYO_XY[i].substr(19,1);
      if(idx === tidx){
         if((tx >= tx1) && (tx <= tx2) && (ty >= ty1) && (ty <= ty2)){
           hmoj = tmoj;
           break;
         }
      }
    }
    if(hmoj === "a") keyw2 = 5;
    if(hmoj === "s") keyw3 = 1;
    if(hmoj === "r") keyw3 = 2;
    if(hmoj === "1") keyw4 = 1;
    if(hmoj === "2") keyw4 = 2;
    if(hmoj === "3") keyw4 = 3;

//    element = document.getElementById("idresult2");
//    element.innerHTML = " x=" + tx + " y=" + ty + " hmoj=" + hmoj + " idx= " + idx;

}