ブラゲ作るよ！

 １．状態が変化する変数
 ２．毎フレーム処理を追加する関数
 ３．登録している毎フレーム処理を全部削除する関数
 ４．全てのシーンを画面から取り除く関数
 ５．ボタンを生成してオブジェクトを返す関数
 ６．ゲームのメインシーンを生成する関数
 ７．ゲームの結果画面シーンを生成する関数
 ８．起動直後はゲームシーンを追加する

15| //画像をプリロードしてからイベント呼び出し
16| PIXI.loader.add("img_s.svg");
17| PIXI.loader.load((loader, resources) => {
18|     const gameScene = new PIXI.Container();
19|     app.stage.addChild(gameScene);
20|     const ball2 = new PIXI.Sprite(resources["img_s.svg"].texture);
21|     ball.x = 130;
22|     ball.y = 350;
23|     gameScene.addChild(ball);
24| })

15| //画像をプリロードしてからイベント呼び出し
16| プリロードするよ("img_s.svg");
17| ロードが終わったらする処理はこれ((loader, resources) => {
18|     gameSceneを新しいコンテナにするよ;
19|     ステージの子にして配置するよ(gameScene);
20|     ballって名前のスプライト作るよ(画像はこれ["img_s.svg"].texture);
21|     ballを　x = 130　に置くつもり;
22|     ballを　y = 350　に置くつもり;
23|     gameSceneの子にして配置するよ(ball);
24| })

 １．状態が変化する変数
 ２．毎フレーム処理を追加する関数
 ６．ゲームのメインシーンを生成する関数　の一部
 ８．起動直後はゲームシーンを追加する

20|　let score = 0;  //スコア
21|　let ballVx = 2; //ボール移動速度　X方向
22|　let ballVy = 0; //ボール移動速度　Y方向

25|　function addGameLoop(gameLoopFunction){
26|　　app.ticker.add(gameLoopFunction);
28| }

31|　function createGameScene() {
34|　　score = 0;//スコア初期化
35|
36|　　const gameScene = new PIXI.Container();//ゲームシーン生成
37|　　app.stage.addChild(gameScene);  //ゲームシーンをステージに追加
38|　　const ball = new PIXI.Sprite(resources["img_s.svg"].texture);//ボールをスプライト化
39|　　ball.x = 130;
40|　　ball.y = 350;
41|　　ball.interactive = true;    //クリック可能に
42|　　ball.on("pointerdown", () => //クリック時に呼ぶ関数
43|　　{
44|　　    score++;
45|　　    ballVy = -8;
46|　　    if (ballVx < 1 || ballVx > -1) { ballVx += 1; }  //☆停止からの復帰
47|　　    else if (ballVx >= -10 || ballVx <= 10) { //☆速度10まで追い打ち
48|　　　　ballVx *= 1.2;
49|　　    }
51|　　});
52|　　gameScene.addChild(ball);   //ボールをゲームシーンに追加

57|　　function gameLoop() {
59|　　 if (score === 0) return;
60|
61|　　 ball.x += ballVx;   // ボールに速度を加算
62|　　 ball.y += ballVy;
63|
64|　　 if (ball.x > 268) {   //X方向の挙動  壁で反射
65|　　　　ball.x = 268;
66|　　　　ballVx = -ballVx;
67|　　 }
68|　　 if (ball.x < 0) {
69|　　　　ball.x = 0;
70|　　　　ballVx = -ballVx;
71|　　 }
72|　　 ballVy += 0.1;  //Y方向の挙動　重力
73|　　 if (ball.y <= 0) {//☆上に壁を作って跳ね返るようにする
74|　　　　ball.y = 0;
75|　　　　ballVy = -ballVy;   //Y 跳ね返る
76|　　 }
77|　　 if (ball.y > 460) {//☆下に壁を作って落ちないようにする
78|　　　　ball.y = 460;
79|　　　　ballVy = -ballVy / 2;   //Y 落ちたら跳ね返る
80|　　　　ballVx *= 0.8;   //X 摩擦で止まる
81|　　 }
85|　　}

90|　createGameScene();