lecture:インタラクションデザイン演習実習i:2022

差分

このページの2つのバージョン間の差分を表示します。

この比較画面へのリンク

両方とも前のリビジョン 前のリビジョン
最新のリビジョン両方とも次のリビジョン
lecture:インタラクションデザイン演習実習i:2022 [2022/04/27 09:24] – [2つの値（身長体重）と入力データ（マウスポインタ座標）の距離を計算してラベルづけを行うサンプル] babalecture:インタラクションデザイン演習実習i:2022 [2022/04/27 10:19] – [データ数を増やしてみる] baba
行 238: 行 238:
 </WRAP> </WRAP>
 </WRAP> </WRAP>
 +
 +<file js p5js.js>
 +var data = [
 +  { gender: "M", height: 164, weight: 60},
 +  { gender: "M", height: 178, weight: 80},
 +  { gender: "M", height: 168, weight: 69},
 +  { gender: "M", height: 170, weight: 58},
 +  { gender: "M", height: 165, weight: 68},
 +  { gender: "F", height: 160, weight: 47},
 +  { gender: "F", height: 155, weight: 45},
 +  { gender: "F", height: 164, weight: 60},
 +  { gender: "F", height: 170, weight: 62},
 +  { gender: "F", height: 148, weight: 40}
 +];
 +
 +function setup(){
 +  createCanvas(200,200);
 +}
 +
 +function draw(){
 +  background(255);
 +  
 +  for(d of data){
 +    if( d.gender == 'M'){
 +      fill(0,0,255);
 +    }
 +    else if( d.gender == 'F'){
 +      fill(255,0,0);
 +    }
 +    circle(d.height, d.weight, 10);
 +  }
 +  
 +  fill(0,255,0);
 +  circle(mouseX, mouseY, 10);
 +  fill(0);
 +  text(`(${mouseX},${mouseY})`, mouseX, mouseY);
 +  
 +  for( d of data){    
 +    d.distance = dist(mouseX, mouseY, d.height, d.weight);
 +  }
 +  
 +  //data.sort((a,b) => a.distance - b.distance);
 +  data.sort(function(a,b)  {
 +    if( a.distance -b.distance < 0){
 +      return -1;
 +    }
 +    else{
 +      return 1;
 +    }
 +  });
 +  console.log(data);
 +}
 +</file>
  
 ====== 論文読解２：笑顔は人を幸せにするのか？笑顔促進支援システム ====== ====== 論文読解２：笑顔は人を幸せにするのか？笑顔促進支援システム ======
  • /home/users/2/lolipop.jp-4404d470cd64c603/web/ws/data/pages/lecture/インタラクションデザイン演習実習i/2022.txt
  • 最終更新: 2022/05/11 10:18
  • by baba