ブラゲ作るよ！

1| //ステージサイズ、ボールサイズ
2| const stageW = 400;
3| const stageH = 600;
4| const ballW = 150;
5| const ballH = 150;

57|　ball.width = ballW;   //ボールの大きさ
58|　ball.height = ballH;

62|　　score++;
63|　　ballVy = -10;
64|　　ball.scale.x = 1.1; //クリックで変形
65|　　ball.scale.y = 1.1;

124|   //クリックでのボール変形回復用　誤差1まで戻す
125|　　if (ball.width < ballW && ballW - ball.width > 1) {
126|　　    ball.width += 2;
127|　　}
128|　　else if (ball.width > ballW && ballW - ball.width < -1) {
129|　　    ball.width -= 2;
130|　　}
131|　　if (ball.height < ballH && ballH - ball.height > 1) {
132|　　    ball.height += 2;
133|　　}
134|　　else if (ball.height > ballH && ballH - ball.height < -1) {
135|　　    ball.height -= 2;
136|　　}

124|   //クリックでのボール変形回復用　誤差1まで戻す
125|　　もし、今のボールの横幅が元の幅より小さくて、元の幅との差が１より大きければ{
126|　　    ボール幅に２加算;
127|　　}
128|　　もしくは、元幅より大きくて、差が１より大きければ) {
129|　　    ボール幅に２減算;
130|　　}
131|　　以下、高さで同文

42|　　const gameScene = new PIXI.Container();//ゲームシーン生成
43|　　app.stage.addChild(gameScene);  //ゲームシーンをステージに追加
44|　　const gameBall = new PIXI.Container(); //ボールゆがみ用コンテナ生成
45|　　gameBall.width = stageW;
46|　　gameBall.height = stageH;
47|　　gameScene.addChild(gameBall); //入れ子で追加
48|　　const background = new PIXI.Graphics()//確認用背景
49|　　　　  .beginFill(0xffffff)
50|　　　　  .drawRect(0, 0, 50, 50)
51|　　　　  .endFill();
52|　　gameBall.addChild(background);

77|　　gameBall.addChild(ball);   //ボールをゲームシーンに追加

138|　　//壁衝突X
139|　　let mathR = Math.abs(ballR);    //回転速度の絶対値取得
140|　　var temp = mathR - 0.001;       //回転速度を減衰
141|　　if (ball.x > stageW - ball.width / 2) {   //X方向 右壁で反射
142|　　    if (ballR >= -0.1 && ballR < 0) ballR = -temp;      //左回転に
143|　　    else if (ballR <= 0.1 && ballR >= 0) ballR = -temp; //左回転に
144|　　    if (ballVx > 5) {   //ボールのゆがみ　速い衝突
145|　　        ball.scale.x = 1.1;
146|　　        gameBall.scale.x = 0.8;//コンテナ変形　右基準
147|　　        gameBall.x = stageW - (stageW * gameBall.scale.x);
148|　　    } else {　　//ゆがみ　遅い
149|　　        gameBall.scale.x = 0.95;//コンテナ変形　右基準
150|　　        gameBall.x = stageW - (stageW * gameBall.scale.x);
151|　　    }
152|　　    ball.x = stageW - ball.width / 2;
153|　　    ballVx = -ballVx;//X反転
154|　　}

167|　　//壁衝突Y
168|　　ballVy += 0.3;//Y方向の挙動　重力
169|　　if (ball.y <= ball.height / 2) {//天井を越えたら
172|　　    if (ballVy < -5) {  //ゆがみ　速い
173|　　        ball.scale.x = 1.1;
174|　　        gameBall.scale.y = 0.9;//ボールコンテナ変形
175|　　    }
176|　　}

177|　if (ball.y > stageH - ball.height / 2) {//床を超えたら
178|　　ball.y = stageH - ball.height / 2;  //床に戻す
179|　　if (ballVy > 5) {   //ゆがみ　速い
180|　　　if (ballVx > 5) { //ゆがみ　横も速い
181|　　　　if (ball.rotation >= -1.57 && ball.rotation < 1.57) {
182|　　　　    ball.scale.x = 1.2;    //ボール変形
183|　　　　} else {
184|　　　　    ball.scale.y = 1.2;
185|　　　　}
186|　　　　gameBall.scale.y = 0.8; //ボールコンテナ変形    
187|　　  }
188|　　  else {
189|　　　　ball.scale.x = 1.15;    //ボール変形
190|　　　　gameBall.scale.y = 0.9; //ボールコンテナ変形
191|　　　}
192|　　　gameBall.y = stageH - (stageH * gameBall.scale.y);
193|　　} else if (ballVy > 3) {//ゆがみ　遅い
194|　　　ball.scale.x = 1.05;
195|　　　gameBall.scale.y = 0.95;
196|　　　gameBall.y = stageH - (stageH * gameBall.scale.y);
197|　　}
198|　　if (ballVy < 1 && ballVy > -1) ballVy = 0;
199|　　else ballVy = -ballVy / 2;   //Y 増加量極小以外跳ね返る
202|　}

102|　　//壁反射でのボールコンテナ移動変形回復用
103|　　if (gameBall.scale.x != 1 || gameBall.scale.y != 1) {
104|　　　let i = 0.08;//戻す量　scaleの値
105|　　　var temp = i / (1 - gameBall.scale.x); //戻り率
106|　　　if (gameBall.scale.x < 1) {//小さければ
107|　　　　gameBall.scale.x += i;  //徐々に戻す
108|　　　　gameBall.x -= gameBall.x * temp;//位置も戻す
109|　　　　if (gameBall.scale.x >= 1) {//こえたら規定値
110|　　　　　gameBall.scale.x = 1;
111|　　　　　gameBall.x = 0;
112|　  　　　}
113|　　　}

102|　　//壁反射でのボールコンテナ移動変形回復用
103|　　もしコンテナ幅が等倍じゃない、もしくは、高さが等倍じゃないなら{
104|　　　変数iに0.08を入れる;//戻す量　scaleの値
105|　　　変数tempに「i / (1 - コンテナ幅)」を入れる; //戻り率
106|　　　もしコンテナ幅の大きさが等倍未満なら{
107|　　　　コンテナ幅の大きさに　i　を足す;  //徐々に戻す
108|　　　　コンテナX位置から「コンテナX位置*temp」を引く;//位置も戻す
109|　　　　もしコンテナ幅が等倍を超えたら{//こえたら規定値
110|　　　　　コンテナ幅を等倍にする;
111|　　　　　コンテナX位置を0にする;
112|　  　　　}
113|　　　}