回答編集履歴

見直しキャンペーン中

2023/07/17 04:58

投稿

TN8001

スコア9862

test CHANGED Viewed

@@ -1,329 +1,168 @@
 processingは詳しくないのですが、アメーバのインパクトが凄かったのでやってみました。（これってJavaですよね？）
 ランダムはピクピクしすぎたり、なかなか変化しなかったりで難しいですね。改善の余地がありそうです（最低何フレームは向きを変えない等）
 つい面白くて答えになってしまいましたが、ヒントでいい場合はコードの下の余談から見てください。
 ```Processing
 float x; // 少数型の変数xを定義（右上）
 float y; // 少数型の変数yを定義(右上)
 float ax; // 少数型の変数axを定義(右)
 float bx; // 少数型の変数bxを定義（右下）
 float by; // 少数型の変数byを定義(右下)
 float cy; // 少数型の変数cyを定義（下）
 float dx; // 少数型の変数dxを定義（左下）
 float dy; // 少数型の変数dyを定義(左下)
 float ex; // 少数型の変数exを定義(左左下)
 float ey; // 少数型の変数eyを定義(左左下)
 float fx; // 少数型の変数fxを定義(左左上)
 float fy; // 少数型の変数fyを定義(左左上)
 float gy; // 少数型の変数gyを定義(上)
 boolean isExpand = true; // boolean型の変数isExpandを定義&初期化（trueで今伸びている）
 void setup() {
     size(500, 500);
     background(#ffffff);
 }
 void expand() { // アメーバの角を伸ばす
     x += 1; // 毎フレームでアメーバの角のx座標を1ずつ増やす
     y -= 1; // 毎フレームでアメーバの角のy座標を1ずつ減らす
     ax += 1; // 毎フレームでアメーバのa角のx座標を1ずつ増やす
     bx += 1; // 毎フレームでアメーバのb角のx座標を1ずつ増やす
     by += 1; // 毎フレームでアメーバのb角のy座標を1ずつ増やす
     cy += 1; // 毎フレームでアメーバのc角のy座標を1ずつ増やす
     dx -= 0.5; // 毎フレームでアメーバのd角のx座標を1ずつ減らす
     dy += 1; // 毎フレームでアメーバのd角のy座標を1ずつ増やす
     ex -= 1; // 毎フレームでアメーバのe角のx座標を1ずつ減らす
     ey += 0.25; // 毎フレームでアメーバのe角のy座標を0.25ずつ増やす
     fx -= 1; // 毎フレームでアメーバのf角のx座標を1ずつ減らす
     fy -= 0.25; // 毎フレームでアメーバのf角のy座標を0.25ずつ減らす
     gy -= 1; // 毎フレームでアメーバのg角のy座標を1ずつ減らす
 }
 void contract() { // アメーバの角を縮める
     x -= 1;
     y += 1;
     ax -= 1;
     bx -= 1;
     by -= 1;
     cy -= 1;
     dx += 0.5;
     dy -= 1;
     ex += 1;
     ey -= 0.25;
     fx += 1;
     fy += 0.25;
     gy += 1;
 }
 void draw() {
     background(255);
     strokeWeight(4);
     stroke(0, 200, 0);
     fill(0, 255, 0);
     if (100 < x) { // 最大に伸びたら
         isExpand = false;
     } else if (x < -50) { // 最小に縮んだら
         isExpand = true;
     } else {
         if (random(40) < 1) { // たまに向きを逆にする
             isExpand = !isExpand;
         }
     }
     beginShape(); // アメーバの形
     if (isExpand) {
         expand(); // アメーバの角を伸ばす
     } else {
         contract(); // アメーバの角を縮める
     }
     vertex(300, 80);
     bezierVertex(240, 10, 220, gy + 20, 200, 80); // g頂点
     bezierVertex(200, 80, 200, 120, 130, 120); // 凹み
     bezierVertex(130, 120, fx + 20, fy + 120, 100, 180); // f頂点
     bezierVertex(100, 180, 180, 220, 90, 280); // 凹み
     bezierVertex(90, 280, -10 + ex, ey + 320, 120, 320); // e頂点
     bezierVertex(120, 320, 170, 330, 155, 360); // 凹み
     bezierVertex(155, 360, dx + 100, dy + 600, 200, 400); // d頂点
     bezierVertex(200, 400, 225, 350, 250, 400); // 凹み
     bezierVertex(250, 400, 290, cy + 500, 320, 380); // c頂点
     bezierVertex(320, 380, 330, 300, 360, 340); // 凹み
     bezierVertex(360, 340, bx + 450, by + 450, 400, 300); // b頂点
     bezierVertex(400, 300, 390, 280, 420, 260); // 凹み
     bezierVertex(420, 260, ax + 580, 220, 420, 200); // a頂点
     bezierVertex(420, 200, 380, 180, 420, 130); // 凹み
     bezierVertex(420, 130, x + 500, y + 20, 350, 100); // 頂点
     bezierVertex(350, 100, 325, 120, 300, 80); // 凹み
     endShape(); // アメーバの形終わり
     fill(255, 255, 255);
     ellipse(200, 100, 100, 100); // 左目の外側
     ellipse(300, 100, 100, 100); // 右目の外側
     fill(0, 200, 0);
     ellipse(200, 100, 50, 50); // 左目の黒目
     ellipse(300, 100, 50, 50); // 右目の黒目
     beginShape(); // 核、口の形
     vertex(220, 160);
     bezierVertex(240, 170, 260, 170, 280, 160); // 口の凹み
     bezierVertex(280, 160, 300, 150, 320, 160); // 右の盛り上がり
     bezierVertex(320, 160, 340, 170, 320, 190); // 右膨らみ
     bezierVertex(320, 190, 260, 230, 185, 190); // 下の膨らみ
     bezierVertex(185, 190, 170, 180, 185, 165); // 左膨らみ
     bezierVertex(185, 165, 200, 150, 220, 160); // 左の盛り上がり
     endShape();
 }
 ```
-以下余談
+![アプリ動画](https://ddjkaamml8q8x.cloudfront.net/questions/2023-07-17/bf027d75-b590-479a-91d8-4b9274739bbb.gif)
 ---
+### 余談
 その際の手順を書き出しました。参考になれば幸いです。
 手順間で適宣実行し間違いがないか確認しています。
 1. x,y等の数値を変更する部分が、行数が多く見通しが悪いのでexpand関数に切り出した
 2. expand関数と反対の動きをする関数が必要と考え、符号を逆にしたcontract関数を作った
 3. 今伸びているのか縮んでいるのかの状態を表す、boolean型変数isExpandを作った
 4. isExpandの状態によって、expandかcontractどちらかを呼び出すようにした
 5. 当然伸びっぱなしになるので、最大に伸びたら（とりあえず`100<x`とした）`isExpand=false`として、縮みモードへ移行するif文を書いた
 6. 今度は縮み過ぎたので、最小に縮んだら（とりあえず`x<0`とした）`isExpand=true`として、伸びるモードへ移行するif文を書いた
 7. 5.6.の時以外にランダムに向きを逆にするために、random関数でたまに`isExpand=!isExpand`になるようにした
 8. たまにが良い感じになるように、random関数の数字を調整した
 9. 緑の跡が残るので、`background(255)`で消した
 10. もう少し縮んでほしい気がしたので、変になるギリギリの`x<-50`に調整した

teratail不具合により再編集

2019/11/25 07:59

投稿

TN8001

スコア9862

test CHANGED Viewed

@@ -1,4 +1,4 @@
-processingは詳しくないのですが、アメーバのインパクトがすごかったのでやってみました。（これってJavaですよね？）
+processingは詳しくないのですが、アメーバのインパクトが凄かったのでやってみました。（これってJavaですよね？）
 ランダムはピクピクしすぎたり、なかなか変化しなかったりで難しいですね。改善の余地がありそうです（最低何フレームは向きを変えない等）

コードハイライト名変更

2019/11/25 07:59

投稿

TN8001

スコア9862

test CHANGED Viewed

@@ -8,7 +8,7 @@
-```java
+```Processing
 float x; // 少数型の変数xを定義（右上）

編集途中のものが上がってしまった

2019/11/23 08:05

投稿

TN8001

スコア9862

test CHANGED Viewed

@@ -304,7 +304,9 @@
-その際の手順（というか思考？）を書き出しました。参考になれば幸いです。
+その際の手順を書き出しました。参考になれば幸いです。
+手順間で適宣実行し間違いがないか確認しています。
 1. x,y等の数値を変更する部分が、行数が多く見通しが悪いのでexpand関数に切り出した
@@ -314,18 +316,14 @@
 4. isExpandの状態によって、expandかcontractどちらかを呼び出すようにした
-5. 当然伸びっぱなしになるので、最大に伸びたら（とりあえず100<xとした）`isExpand=falseとして、縮みモードへ移行するif文を書いた
+5. 当然伸びっぱなしになるので、最大に伸びたら（とりあえず`100<x`とした）`isExpand=false`として、縮みモードへ移行するif文を書いた
-6. 今度は縮み過ぎて変になったので、最小に縮んだら（とりあえずx<0とした）isExpand=true として、伸びるモードへ移行するif文を書いた
+6. 今度は縮み過ぎたので、最小に縮んだら（とりあえず`x<0`とした）`isExpand=true`として、伸びるモードへ移行するif文を書いた
-7. 5.6.の時以外にランダムに向きを逆にするために、random関数でたまにisExpand=!isExpandになるようにした
+7. 5.6.の時以外にランダムに向きを逆にするために、random関数でたまに`isExpand=!isExpand`になるようにした
 8. たまにが良い感じになるように、random関数の数字を調整した
-9. 緑の跡が残っちゃうので、background(255)で消した
+9. 緑の跡が残るので、`background(255)`で消した
-10. もう少し縮んでほしい気がしたので、変になるギリギリのx<-50に調整した
+10. もう少し縮んでほしい気がしたので、変になるギリギリの`x<-50`に調整した
-手順間で適宣実行し間違いがないか確認しています。