差分
このページの2つのバージョン間の差分を表示します。
両方とも前のリビジョン 前のリビジョン 次のリビジョン | 前のリビジョン最新のリビジョン両方とも次のリビジョン | ||
lecture:インタラクションデザイン演習実習i:2022 [2022/04/27 09:23] – [2つの値(身長体重)と入力データ(マウスポインタ座標)の距離を計算してラベルづけを行うサンプル] baba | lecture:インタラクションデザイン演習実習i:2022 [2022/04/27 10:19] – [データ数を増やしてみる] baba | ||
---|---|---|---|
行 100: | 行 100: | ||
</ | </ | ||
- | <code> | + | <file js p5js.js> |
var x1 = 165; | var x1 = 165; | ||
var y1 = 68; | var y1 = 68; | ||
行 135: | 行 135: | ||
} | } | ||
} | } | ||
- | </code> | + | </file> |
==== データ数を増やしてみる ==== | ==== データ数を増やしてみる ==== | ||
行 238: | 行 238: | ||
</ | </ | ||
</ | </ | ||
+ | |||
+ | <file js p5js.js> | ||
+ | var data = [ | ||
+ | { gender: " | ||
+ | { gender: " | ||
+ | { gender: " | ||
+ | { gender: " | ||
+ | { gender: " | ||
+ | { gender: " | ||
+ | { gender: " | ||
+ | { gender: " | ||
+ | { gender: " | ||
+ | { gender: " | ||
+ | ]; | ||
+ | |||
+ | function setup(){ | ||
+ | createCanvas(200, | ||
+ | } | ||
+ | |||
+ | function draw(){ | ||
+ | background(255); | ||
+ | | ||
+ | for(d of data){ | ||
+ | if( d.gender == ' | ||
+ | fill(0, | ||
+ | } | ||
+ | else if( d.gender == ' | ||
+ | fill(255, | ||
+ | } | ||
+ | circle(d.height, | ||
+ | } | ||
+ | | ||
+ | fill(0, | ||
+ | circle(mouseX, | ||
+ | fill(0); | ||
+ | text(`(${mouseX}, | ||
+ | | ||
+ | for( d of data){ | ||
+ | d.distance = dist(mouseX, | ||
+ | } | ||
+ | | ||
+ | // | ||
+ | data.sort(function(a, | ||
+ | if( a.distance -b.distance < 0){ | ||
+ | return -1; | ||
+ | } | ||
+ | else{ | ||
+ | return 1; | ||
+ | } | ||
+ | }); | ||
+ | console.log(data); | ||
+ | } | ||
+ | </ | ||
====== 論文読解2:笑顔は人を幸せにするのか?笑顔促進支援システム ====== | ====== 論文読解2:笑顔は人を幸せにするのか?笑顔促進支援システム ====== |