ひろひろの生活日記（ＬＩＦＥ　Of　HIROHIRO）

パソコン講習とソフト開発をしています。自作小説も掲載しています。ネット情報発信基地(上野博隆）Hirotaka Ueno

倍率（ｍｇｆ）を１にすると。

2022年03月31日 12時39分38秒 | ゲーム開発（Game development)

こうなります。mgf = 1;

多角形テーブルの内容をテキストエリアに貼り付けて、

ただし、spiritをスペースにしないとだめです。タブが貼り付けでスペースに成っています。

そして、『LOAD』を先にクリックしてください。

つぎに『START』で回転します。

コメント
 
 
 
 
  • X
  • Facebookでシェアする
  • はてなブックマークに追加する
  • LINEでシェアする

多角形のデータを読み込み描画する。

2022年03月31日 07時39分24秒 | ゲーム開発（Game development)

－－多角形のデータ－－

（多角形）        
1 4 035,040 065,040 060,080 040,080    
2 0        
3 5 040,080 060,080 055,100 050,105 045,100   
4 6 041,080 046,100 045,105 030,105 030,100 032,090  
5 6 059,080 054,100 055,105 070,105 070,100 068,090  
6 7 010,110 021,110 022,114 022,120 012,120 009,116 009,114 
7 7 065,110 054,110 053,114 053,120 063,120 066,116 066,114 
8 6 025,190 039,190 040,196 040,198 022,198 022,195  
9 6 067,190 053,190 052,196 052,198 070,198 070,195  
（終わり）

－－HTML－－

<!DOCTYPE html>

<html>
<head>




<title>Robot_game</title>
<script language="javascript" src="RenderV504.js"></script>
</head>
<body onload="init()">
<canvas id="world"></canvas>

<input type="button" value="START" onClick="angle_draw()">
<input type="button" value="LOAD" onClick="polygontbl_load()">

<form name="myFORM">
<textarea name="myTEXT" rows="60" cols="40">（多角形）  .</textarea>

</form>


</body>
</html>

 

－－RenderV504.js－－

//回転

var canvas;
var ctx;

//キャンパスのサイズ
WIDTH  = 640;
HEIGHT = 480;


//img_truck = new Image();
//img_truck.src = "TractorD01.png";


//回転の中点
VIEW_WIDTH  = 250;
VIEW_HEIGHT = 150;


//図け描画のオフセット
var ofsx = 100,ofsy = 0;
var dfsx = 200,dfsy = 100;
var wofsx = 250,wofsy = 0;
//図形の倍率
var mgf = 2;
var fmgf = 1;


//回転角度
ANGLE = 60;


//図形の塗りつぶしカラー
var bordcolor = ["white", "silver", "gray"];
var wkcolor = 0;

//多角形の座標
//var polygonzh = [ [ 35, 40 ], [ 65, 40 ], [ 60, 80 ], [ 40, 80 ] ];

var polygonzh = [];

var polyysu = 0;
var polysu = 0;
//
//
var robotcode = [];                //ロボットデータ
var bw = 10,bh = 15; 

var polyarea = " ";
var polytext = [];
var polyitem = [];
var idx = 0; idy = 0;

//多角形テーブルレコードレイアウト
function polypiece() {
    this.flag  = 0;         //フラッグ　０：無効　１：有効
    this.polyx = 0;         //多角形ｘ座標
    this.polyy = 0;         //多角形ｙ座標
}

//
//


function init(){
    canvas = document.getElementById('world');
    canvas.width = WIDTH ;
    canvas.height = HEIGHT;
    ctx = canvas.getContext('2d');
    ctx.font = "48px 'MS　Pゴシック'";

    user = window.navigator.userAgent.toLowerCase();

    ctx.fillStyle = '#7fffd4';
    ctx.fillRect(0, 0, WIDTH, HEIGHT);


        ctx.beginPath();
        ctx.fillStyle = bordcolor[0];
        ctx.arc(VIEW_WIDTH,VIEW_HEIGHT,6,0,Math.PI*2,false);
//      中心
        ctx.fill();


     polygonzh = new Array(bh);
     for(y=0; y
        polygonzh[y] = new Array(bw);
　　　　//行を項目に分ける。（￥ｔ）タブで分ける。
        for(x=0; x
　　　　　　//2次元の配列（テーブル）に収納する。
            polygonzh[y][x] = new polypiece;
        }
    }


}

function polygontbl_load(){
//テキストエリアからロボットデータを取り込む。
    polyarea = document.myFORM.myTEXT.value;
//ロボットエリアのデーターを改行（￥ｎ）で分ける。
//行ごとにテーブルに入る。
    polytext = polyarea.split("\n");
    element = document.getElementById("idresult");
    displayarea = " polayarea=" + polytext[0].substr(1,3);
    element.innerHTML = displayarea;
    polyysu = 0;
    if(polytext[0].substr(1,3) === "多角形"){
        for(y=1; y
           if(polytext[y].substr(1,3) === "終わり") break;
　　　　    //行を項目に分ける。（￥ｔ）タブで分ける。
            polyitem = polytext[y].split("\t");
　　　　    //2次元の配列（テーブル）に収納する。
            element = document.getElementById("idresult");
            displayarea = displayarea + " item=" + parseInt(polyitem[1]);
            element.innerHTML = displayarea;

            polyno = parseInt(polyitem[0]);
            polysu = parseInt(polyitem[1]);
            for(x=0; x
               polygonzh[polyno-1][x].flag = 1;
               polygonzh[polyno-1][x].polyx = parseInt(polyitem[x+2].substr(0,3));
               polygonzh[polyno-1][x].polyy = parseInt(polyitem[x+2].substr(4,3));
            }
            polyysu = polyysu + 1;
        }
     }

      for(i=0;i
          fsw = 1;
          for(j=0;j
              if(polygonzh[i][j].flag === 1){
                  if(fsw === 1){
                       wkcolor = 2;
                       ctx.beginPath();
                       ctx.moveTo(polygonzh[i][j].polyx*mgf+dfsx,polygonzh[i][j].polyy*mgf+dfsy);
                       fsw = 0;
                  } else { 
                       ctx.lineTo(polygonzh[i][j].polyx*mgf+dfsx,polygonzh[i][j].polyy*mgf+dfsy);
                  }
              }
          }
          if(fsw === 0){
              ctx.closePath();
              ctx.fillStyle = bordcolor[wkcolor];
              ctx.fill();
          }
      }
//

 

}

function angle_draw(){
    vBase1_c = Math.cos(ANGLE*(Math.PI/180));
    vBase1_s = Math.sin(ANGLE*(Math.PI/180));


    for(i=0;i
        fsw = 1;
        for(j=0;j
            if(polygonzh[i][j].flag === 1){
                x = polygonzh[i][j].polyx*mgf+dfsx - VIEW_WIDTH;
                y = polygonzh[i][j].polyy*mgf+dfsy - VIEW_HEIGHT;
                xd =  parseInt(x * vBase1_c - y * vBase1_s)+VIEW_WIDTH;
                yd =  parseInt(x * vBase1_s + y * vBase1_c)+VIEW_HEIGHT;
                if(fsw === 1){
                    wkcolor = 1;
                    ctx.beginPath();
                    ctx.moveTo(xd, yd);
                    fsw = 0;
                } else {
                    ctx.lineTo(xd, yd);
                }
            }
        }
        if(fsw === 0){
            ctx.closePath();
            ctx.fillStyle = bordcolor[wkcolor];
            ctx.fill();
        }
    }

}

//    element = document.getElementById("idresult");
//    element.innerHTML = " dx/RAD=" + dx/RAD;

 

 

 

 

コメント
 
 
 
 
  • X
  • Facebookでシェアする
  • はてなブックマークに追加する
  • LINEでシェアする

2022年03月30(水)に占う４月の運勢。

2022年03月30日 11時17分40秒 | 【月ごとの運勢】（働く女性の為に）前月末PM4時ごろに投稿

 

2022年03月30(水)に占う４月の運勢。

４月の運勢

（終論）


本当の周りを含めた物心の面で、幸福のチャンスが訪（おとず）れています。
障害は、取り除かれます。
試練や困難も、まもなく終わりを告げるでしょう。
あなたは何も出来ないと思い込んでいるだけです。
まずはその檻（おり）から、自分の心を解き放ってください。
その結果、これまでの努力が実り、周囲からの評価を受けるでしょう。
恵まれたスタートを切り、
今後大きく人生は展開していくでしょう。
思いを描いている夢を具体的なプランに落とし込み現実しましょう。

 

－－それぞれのカードの内容－－

・機会
カップの１０（正位）

～カードのストーリー～
主人公は幸せを手に入れたようです。
「９」では他者が描かれていないことからも、
その幸せはまだ自己満足ですが、
「１０」では、得た者を分かち合う人が描かれています。
本当の幸福感は、一人では感じられない。
ともに喜べる人がいてくれるからこそ……
そんな真の幸せの姿を象徴しています。
～
愛あふれる関係恵まれる時です。
恋人、友人、家族…お互いに思いやり、
慈（いつく）しみ合う、表面的でないかかわりが生まれるでしょう。
困ったときは助け合い。
穏やかで笑いの絶えない生活。
あなたにとって、かけがえのない居場所ができるでしょう。


・障害
ソードの１０（正位）

～カードのストーリー～
主人公に突き刺さっている１０本の剣。
凄惨（せいさん）な光景ですが、
剣が刺さっているのは、実は本人ではなく、
彼の心にある闇。
背景に夜明けが描かれています。
「自分の弱さを克服し、もっとも暗い時期を超える」
ことを暗示しています。
試練や困難も、まもなく終わりを告げるでしょう。
～
ある問題が浮上するかもしれません。
それはあなたが「いずれ向き合わなければ」と
思っていたことのはず。
逃げれば、また同じ旅を一から繰り返すことになります。
勇気を出し、正面から向き合いましょう。
二度とあなたを悩ませることはなかなるはずです。

 

・アドバイス

ソードの８（正位）

～カードのストーリー～
剣が乱立する中、拘束されめかくしされた主人公。
下手に動けば傷だらけになりそうな状況です。
なすすべもない捕らわれの身…現実に周りが敵ばかりの、
四面楚歌（しめんそか）を暗示することもあれば、
「自分は何もできない」「動けない」と
思い込んでいるだけのことも、
どちらなのか、見極めが肝心です。
～
周りは誰も助けてくれない、自分にはチャンスが巡ってこない、
こんなに頑張っているのに…そんな思いを抱えているのでは？
ですが「自分の力ではどうしょうもない」と思い込んでいるのは
自分自身。
まずはその檻（おり）から、自分の心を解き放ってください。

・結果

ペンタクルのエース（正位）

～カードのストーリー～
豊かさを象徴するペンタクルの始まりである「エース」は、
物心両面において充実した自らの王国を築きたい、
そんな現世的な願望が表現されています。
仕事での成功と名誉、優位からの信頼、
家族を築くこと、子孫を残すこと…、
必要なスキルの習得や、チャンスの到来を予感させるカードです。

～
これまでの努力が実り、周囲からの評価を受ける暗示です。
新しいことを手掛けようとしているなら、
恵まれたスタートを切り、
今後大きく発展していくでしょう。
思いを描いている夢があるなら、
具体的なプランに落とし込むと、
いずれそれぞれが現実になります。

 

コメント
 
 
 
 
  • X
  • Facebookでシェアする
  • はてなブックマークに追加する
  • LINEでシェアする

多角形のデータ。

2022年03月28日 19時24分58秒 | ゲーム開発（Game development)

女性ロボットの多角形のデータ。

 

（女性）        
1 4 035,040 065,040 060,080 040,080    
2 0        
3 5 040,080 060,080 055,100 050,105 045,100   
4 6 041,080 046,100 045,105 030,105 030,100 032,090  
5 6 059,080 054,100 055,105 070,105 070,100 068,090  
6 7 010,110 021,110 022,114 022,120 012,120 009,116 009,114 
7 7 065,110 054,110 053,114 053,120 063,120 066,116 066,114 
8 6 025,190 039,190 040,196 040,198 022,198 022,195  
9 6 067,190 053,190 052,196 052,198 070,198 070,195  

コメント
 
 
 
 
  • X
  • Facebookでシェアする
  • はてなブックマークに追加する
  • LINEでシェアする

【漫画】裕也の冒険００３－０１，０２，０３（もう少しでできる）

2022年03月28日 18時44分36秒 | イラスト日記

コメント
 
 
 
 
  • X
  • Facebookでシェアする
  • はてなブックマークに追加する
  • LINEでシェアする

鷹の王。（ラフ）

2022年03月28日 08時10分03秒 | イラスト日記

コメント
 
 
 
 
  • X
  • Facebookでシェアする
  • はてなブックマークに追加する
  • LINEでシェアする

来来。完成。（今度はほんとだよ！）

2022年03月27日 08時54分58秒 | イラスト日記

コメント
 
 
 
 
  • X
  • Facebookでシェアする
  • はてなブックマークに追加する
  • LINEでシェアする

いろいろパラメータを変えてみてください。

2022年03月27日 08時06分36秒 | ゲーム開発（Game development)

 

//回転

var canvas;
var ctx;

//キャンパスのサイズ
WIDTH  = 640;
HEIGHT = 480;

//回転の中点
VIEW_WIDTH  = 250;
VIEW_HEIGHT = 150;


//図け描画のオフセット
var ofsx = 100,ofsy = 0;
var dfsx = 200,dfsy = 100;
var wofsx = 250,wofsy = 0;
//図形の倍率
var mgf = 2;
var fmgf = 1;


//回転角度
ANGLE = 180;


//図形の塗りつぶしカラー
var bordcolor = ["white", "silver", "gray"];
var wkcolor = 0;

//多角形の座標
var polygonzh = [ [ 35, 40 ], [ 65, 40 ], [ 60, 80 ], [ 40, 80 ] ];

var polysu = 4;

function init(){
    canvas = document.getElementById('world');
    canvas.width = WIDTH ;
    canvas.height = HEIGHT;
    ctx = canvas.getContext('2d');
    ctx.font = "48px 'MS　Pゴシック'";

    user = window.navigator.userAgent.toLowerCase();

    ctx.fillStyle = '#7fffd4';
    ctx.fillRect(0, 0, WIDTH, HEIGHT);


        ctx.beginPath();
        ctx.fillStyle = bordcolor[0];
        ctx.arc(VIEW_WIDTH,VIEW_HEIGHT,6,0,Math.PI*2,false);
//      中心
        ctx.fill();


      fsw = 1;
      for(i=0;i<polysu;i++){
        if(fsw === 1){
            wkcolor = 2;
            ctx.beginPath();
            ctx.moveTo(polygonzh[i][0]*mgf+dfsx,polygonzh[i][1]*mgf+dfsy);
            fsw = 0;
        } else {
            ctx.lineTo(polygonzh[i][0]*mgf+dfsx,polygonzh[i][1]*mgf+dfsy);
        }
      }
//全て座標を指定（胸）
       ctx.closePath();
       ctx.fillStyle = bordcolor[wkcolor];
       ctx.fill();

 

}

function angle_draw(){
    vBase1_c = Math.cos(ANGLE*(Math.PI/180));
    vBase1_s = Math.sin(ANGLE*(Math.PI/180));

      fsw = 1;
      for(i=0;i<polysu;i++){
        x = polygonzh[i][0]*mgf+dfsx - VIEW_WIDTH;
        y = polygonzh[i][1]*mgf+dfsy - VIEW_HEIGHT;
        xd =  parseInt(x * vBase1_c - y * vBase1_s)+VIEW_WIDTH;
        yd =  parseInt(x * vBase1_s + y * vBase1_c)+VIEW_HEIGHT;

        if(fsw === 1){
            wkcolor = 1;
            ctx.beginPath();
            ctx.moveTo(xd, yd);
            fsw = 0;
        } else {
            ctx.lineTo(xd, yd);
        }
      }
//全て座標を指定（胸）
       ctx.closePath();
       ctx.fillStyle = bordcolor[wkcolor];
       ctx.fill();


}

コメント
 
 
 
 
  • X
  • Facebookでシェアする
  • はてなブックマークに追加する
  • LINEでシェアする

多角形の回転

2022年03月27日 06時24分58秒 | ゲーム開発（Game development)

正式にテストしたものを掲載します。

－－－RenderV503.js－－－

//回転

var canvas;
var ctx;

WIDTH  = 640;
HEIGHT = 480;


img_truck = new Image();
img_truck.src = "TractorD01.png";

VIEW_WIDTH  = 640;
VIEW_HEIGHT = 480;

var ofsx = 100,ofsy = 0;
var dfsx = 100,dfsy = 0;
var wofsx = 250,wofsy = 0;
var mgf = 1;
var fmgf = 1;


ANGLE = 30;

var bordcolor = ["white", "silver", "gray"];
var wkcolor = 0;


var polygonzh = [ [ 35, 40 ], [ 65, 40 ], [ 60, 80 ], [ 40, 80 ] ];

var polysu = 4;

function init(){
    canvas = document.getElementById('world');
    canvas.width = VIEW_WIDTH ;
    canvas.height = VIEW_HEIGHT;
    ctx = canvas.getContext('2d');
    ctx.font = "48px 'MS　Pゴシック'";

    user = window.navigator.userAgent.toLowerCase();

    ctx.fillStyle = '#7fffd4';
    ctx.fillRect(0, 0, VIEW_WIDTH, VIEW_HEIGHT);


      fsw = 1;
      for(i=0;i<polysu;i++){
        if(fsw === 1){
            wkcolor = 2;
            ctx.beginPath();
            ctx.moveTo(polygonzh[i][0]*mgf+dfsx,polygonzh[i][1]*mgf+dfsy);
            fsw = 0;
        } else {
            ctx.lineTo(polygonzh[i][0]*mgf+dfsx,polygonzh[i][1]*mgf+dfsy);
        }
      }
//全て座標を指定（胸）
       ctx.closePath();
       ctx.fillStyle = bordcolor[wkcolor];
       ctx.fill();

 

}

function angle_draw(){
    vBase1_c = Math.cos(ANGLE*(Math.PI/180));
    vBase1_s = Math.sin(ANGLE*(Math.PI/180));

      fsw = 1;
      for(i=0;i<polysu;i++){
        x = polygonzh[i][0]*mgf+dfsx;
        y = polygonzh[i][1]*mgf+dfsy;
        xd =  parseInt(x * vBase1_c - y * vBase1_s);
        yd =  parseInt(x * vBase1_s + y * vBase1_c);

        if(fsw === 1){
            wkcolor = 1;
            ctx.beginPath();
            ctx.moveTo(xd, yd);
            fsw = 0;
        } else {
            ctx.lineTo(xd,yd);
        }
      }
//全て座標を指定（胸）
       ctx.closePath();
       ctx.fillStyle = bordcolor[wkcolor];
       ctx.fill();


}

コメント
 
 
 
 
  • X
  • Facebookでシェアする
  • はてなブックマークに追加する
  • LINEでシェアする

テーブルから多角形を描画するロジック（回転のロジックつき）

2022年03月26日 21時36分37秒 | ゲーム開発（Game development)

テーブルから多角形を描画するロジック

var ctx;

WIDTH  = 640;
HEIGHT = 480;

VIEW_WIDTH  = 640;
VIEW_HEIGHT = 480;

var ofsx = 0,ofsy = 0;
var dfsx = 0,dfsy = 0;
var wofsx = 250,wofsy = 0;
var mgf = 1;
var fmgf = 1;


ANGLE = 30;

var bordcolor = ["white", "silver", "gray"];
var wkcolor = 0;


var polygonzh = [ [ 35, 40 ], [ 65, 40 ], [ 60, 80 ], [ 40, 80 ] ];

var polysu = 4;

 

function init(){
    canvas = document.getElementById('world');
    canvas.width = VIEW_WIDTH ;
    canvas.height = VIEW_HEIGHT;
    ctx = canvas.getContext('2d');
    ctx.font = "48px 'MS　Pゴシック'";

    user = window.navigator.userAgent.toLowerCase();

    ctx.fillStyle = '#ff0000';
    ctx.fillRect(0, 0, VIEW_WIDTH, VIEW_HEIGHT);

      fsw = 1;
      for(i=0;i<polysu;i++){
        if(fsw === 1){
            wkcolor = 1;
            ctx.beginPath();
            ctx.moveTo(polygonzh[i][0]*mgf+dfsx,polygonzh[i][1]*mgf+dfsy);
            fsw = 0;
        } else {
            ctx.lineTo(polygonzh[i][0]*mgf+dfsx,polygonzh[i][1]*mgf+dfsy);
        }
      }
//全て座標を指定（胸）
       ctx.closePath();
       ctx.fillStyle = bordcolor[wkcolor];
       ctx.fill();

 

//多角形の回転

function angle_draw(){
    vBase1_c = Math.cos(ANGLE*(Math.PI/180));
    vBase1_s = Math.sin(ANGLE*(Math.PI/180));

      fsw = 1;
      for(i=0;i<polysu;i++){
        x = polygonzh[i][0]*mgf+dfsx;
        y = polygonzh[i][1]*mgf+dfsy;
        xd =  parseInt(x * vBase1_c - y * vBase1_s);
        yd =  parseInt(x * vBase1_s + y * vBase1_c);

        if(fsw === 1){
            wkcolor = 1;
            ctx.beginPath();
            ctx.moveTo(xd, yd);
            fsw = 0;
        } else {
            ctx.lineTo(xd,yd);
        }
      }
//全て座標を指定（胸）
       ctx.closePath();
       ctx.fillStyle = bordcolor[wkcolor];
       ctx.fill();


}

 

 

コメント
 
 
 
 
  • X
  • Facebookでシェアする
  • はてなブックマークに追加する
  • LINEでシェアする

プロフィール

プロフィール画像

自己紹介
パソコン講習、ソフト開発をしています。社会、世界、宇宙の話も好きです。よろしく。（＾＾）

カレンダー

2022年3月
日 月 火 水 木 金 土
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31

バックナンバー

ブックマーク

goo
最初はgoo
ひろひろシステム
タイピングソフトダウンロードできます。漢字学習ひろひろ漢字もよろしく
ひろひろ漢字
漢字学習サポートサイト（無料です）小学１から中二まで 簿記の意味
広場まいどあり
大阪南部近隣情報発信サイト
Light Night Buddhism(LNB)（光と闇と仏法）
顕元初本尊開示抄、御本尊をダウンロードできます。
一人将棋
一人で将棋をさして遊ぶ。WEBアプリサイトです。棋譜の再生が出来ます。
アルファポリス
小説の投稿サイトです。ユーザ名「ひろの助」で掲載中です。
カーレース
カーレースのゲーム開発の自サイトです。いまは、タイムトライアルです。
  • RSS2.0