差分
このページの2つのバージョン間の差分を表示します。
両方とも前のリビジョン 前のリビジョン 次のリビジョン | 前のリビジョン | ||
lecture:インタラクションデザイン演習実習i:2022 [2022/04/27 09:24] – [2つの値(身長体重)と入力データ(マウスポインタ座標)の距離を計算してラベルづけを行うサンプル] baba | lecture:インタラクションデザイン演習実習i:2022 [2022/05/11 10:18] (現在) – [論文読解2:笑顔は人を幸せにするのか?笑顔促進支援システム] baba | ||
---|---|---|---|
行 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:笑顔は人を幸せにするのか?笑顔促進支援システム ====== | ||
行 257: | 行 310: | ||
上記サンプルの元になっているのが,[[https:// | 上記サンプルの元になっているのが,[[https:// | ||
- | サブスティチューション,表情認識等のデモを確認することができます.まずは各頂点情報を参照して,顔の各パーツを扱えるようにプログラムを工夫していきます.すでにexampleでは口の横の長さで笑顔度を計算する記述も含まれているので,うまく利用してみましょう. | + | サブスティチューション,表情認識等のデモを確認することができます.<del>まずは各頂点情報を参照して,顔の各パーツを扱えるようにプログラムを工夫していきます.すでにexampleでは口の横の長さで笑顔度を計算する記述も含まれているので,うまく利用してみましょう.</ |
+ | |||
+ | まずは [[https:// | ||
なお,複数のカメラデバイスが存在しており,任意のカメラだけをオープンしたい場合は以下のページを参照してください. | なお,複数のカメラデバイスが存在しており,任意のカメラだけをオープンしたい場合は以下のページを参照してください. |