CreateJSで複数のシェイプを作成したときの当たり判定やドラッグ＆ドロップの書き方

前提・実現したいこと

私は、今までHTML・CSSを中心に1年間程コーディングしてきて、javascriptはjqueryなどライブラリを使用して簡単な実装をするくらいしか、使ってこなかったのですが、最近javascriptの学習をし始めている者です。

CreateJSというライブラリを使用して、以下のようなことを実現させたいと思っているのですが、複数のシェイプを作成したときの書き方がわからず困っております。
コードは色々なサイトで説明されているのを調べたりして書きました。

ー実現させたいこと（すべてを満たしたい条件）ー
・テキストを重ねた円のシェイプを複数（２つ以上）
・それぞれドラッグ＆ドロップができる
・上下左右の端に壁があるようにしたい（canvasの枠の中にシェイプの全体がいつでも収まる状態？）
・当たり判定で、シェイプ同士が衝突したときに弾き合うようにしたい
・マウス操作での勢いに基づいて速さをつけたい（現段階でのコードだと、ドラッグしたところとドロップしたところの距離に比例してドロップ時の速さが決まってしまっていると思います。）

javascriptの基本もまだまだわかっておらず、見当違いのことを書いているかもしれませんが、どなたかご教示いただけますと幸いです。

発生している問題

現段階でのコードは「該当のソースコード」の通りです。

シェイプとテキストはセットで1つのコンテナに入れています。

・ドラッグ＆ドロップでそれぞれ動かせるようにしたい
のですが、コンテナ１とコンテナ２のドラッグ時（クリック時）に取得する、それぞれの座標がうまく切り分けられていない？せいか、コンテナ１とコンテナ２が一緒に移動してしまう状況です。
おそらく、stage.mouseXとstage.mouseYをコンテナ１でもコンテナ２にも
書いているからだとは思っているのですが、どのように書けばよいか分かりません。

・当たり判定で、シェイプ同士が衝突したときに弾き合うようにしたい
のですが、以下のやり方で、できると調べてでてきたのですが、あたっているときの処理はどのように書けばシェイプ同士が衝突したとき弾くようになるのかが分かりません。

javascript
// ●と△の相対座標を求める
var point = △.localToLocal(0, 0, ●);
// △と●があたっているかを調べる
var isHit = ●.hitTest(point.x, point.y);

if(isHit == true){
  // あたっている時の処理
}else{
  // 離れている時の処理
}

・マウス操作での勢いに基づいて速さをつけたい
のですが、ここはどう書けばよいのでしょうか。

javascript
vx = (stage.mouseX - old1X) / 8;
vy = (stage.mouseY - old1Y) / 8;

上記のコードは元々は、

javascript
vx = stage.mouseX - old1X;
vy = stage.mouseY - old1Y;

でしたが、速度を落としたいと思い、「/ 8」を加えました。

該当のソースコード

<!DOCTYPE html>
<html>

<head>
    <title>サンプル</title>
    <meta http-equiv="content-type" charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="sample.css" rel="stylesheet">
    <script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script>
    <script src="https://code.createjs.com/1.0.0/createjs.min.js"></script>
</head>

<body>
    <canvas id="myCanvas" width="1000" height="700" style="background-color: #ffe500;"></canvas>
</body>
<script>
// 読み込みが終わってから初期化
window.addEventListener("load", init);

function init() {
    // Stageオブジェクトを作成。
    // 初期化
    var stage = new createjs.Stage("myCanvas");
    // 速度情報
    var vx = 0; // 初期の速さ
    var vy = 0;
    var flag = false;
    var old1X;
    var old1Y;
    var old2X;
    var old2Y;
    var radius = 120; // 円の半径

    // コンテナー1(グループの親)を作成
    var container1 = new createjs.Container();
    container1.x = 200;
    container1.y = 200;
    stage.addChild(container1); // 画面に追加

    // コンテナー2(グループの親)を作成
    var container2 = new createjs.Container();
    container2.x = 800;
    container2.y = 400;
    stage.addChild(container2); // 画面に追加

    // コンテナ１の円を作成します
    var circle1 = new createjs.Shape();
    circle1.graphics.beginFill("darkorange"); // オレンジで描画するように設定
    circle1.graphics.drawCircle(0, 0, radius); //半径120pxの円を描画
    container1.addChild(circle1); // 表示リストに追加

     // コンテナ２の円を作成します
    var circle2 = new createjs.Shape();
    circle2.graphics.beginFill("darkorange"); // オレンジで描画するように設定
    circle2.graphics.drawCircle(0, 0, radius); //半径120pxの円を描画
    container2.addChild(circle2); // 表示リストに追加

     // コンテナ１の円の中のテキストを作成します
    var text1 = new createjs.Text("CreateJS", "28px Gothic", "black");
    text1.textAlign = "center";
    text1.textBaseline = "middle";
    container1.addChild(text1);

     // コンテナ２の円の中のテキストを作成します
    var text2 = new createjs.Text("プログラム言語", "28px Gothic", "black");
    text2.textAlign = "center";
    text2.textBaseline = "middle";
    container2.addChild(text2);


    // コンテナ１のドラッグした場所を保存する変数
    var dragPoint1X;
    var dragPoint1Y;
    
    // コンテナ１のインタラクティブの設定
    container1.addEventListener("mousedown", handleDown);
    container1.addEventListener("pressmove", handleMove);
    container1.addEventListener("pressup", handleUp);

    // コンテナ１を押したときの処理です
    function handleDown(event) {
        // ドラッグを開始した座標を覚えておく
        dragPoint1X = stage.mouseX - container1.x;
        dragPoint1Y = stage.mouseY - container1.y;
        // マウスの位置を保存
        old1X = stage.mouseX;
        old1Y = stage.mouseY;
    }

    // コンテナ１を押した状態で動かしたときの処理です
    function handleMove(event) {
        container1.x = stage.mouseX - dragPoint1X;
        container1.y = stage.mouseY - dragPoint1Y;
    }
    // コンテナ１からマウスを離したときの処理です
    function handleUp(event) {
        // コンテナ１の速度を有効にする(ドラッグした距離に応じて、速度を設定)
        vx = (stage.mouseX - old1X) / 8;
        vy = (stage.mouseY - old1Y) / 8;

        // コンテナ１の速度を無効にする
        flag = false;
    }

    // コンテナ2のドラッグした場所を保存する変数
    var dragPoint2X;
    var dragPoint2Y;

    container2.addEventListener("mousedown", handleDown);
    container2.addEventListener("pressmove", handleMove);
    container2.addEventListener("pressup", handleUp);

    // コンテナ２を押したときの処理です
    function handleDown(event) {
        // ドラッグを開始した座標を覚えておく
        dragPoint2X = stage.mouseX - container2.x;
        dragPoint2Y = stage.mouseY - container2.y;
        // マウスの位置を保存
        old2X = stage.mouseX;
        old2Y = stage.mouseY;
    }

    // コンテナ２を押した状態で動かしたときの処理です
    function handleMove(event) {
        container2.x = stage.mouseX - dragPoint2X;
        container2.y = stage.mouseY - dragPoint2Y;
    }
    // コンテナ２からマウスを離したときの処理です
    function handleUp(event) {
         // コンテナ２の速度を有効にする(ドラッグした距離に応じて、速度を設定)
        vx = (stage.mouseX - old2X) / 8;
        vy = (stage.mouseY - old2Y) / 8;


        // コンテナ２の速度を無効にする
        flag = false;
    }

    createjs.Ticker.addEventListener("tick", handleTick);

    function handleTick() {
        // 重力計算
        vy += 0.01;

        // コンテナ１をドラッグ中でないときだけ物理演算
        if (flag == false) {
            //重力
            vy += 0.01;

            // 摩擦
            vx *= 0.85;
            vy *= 0.85;

            // コンテナ1に物理演算を適用
            container1.x += vx;
            container1.y += vy;

            // コンテナ１が画面の端からはみ出さないようにする処理
            if (container1.x + radius > stage.canvas.width) {
                container1.x = stage.canvas.width - radius;
                vx *= -0.8;
            } else if (container1.x - radius < 0) {
                container1.x = radius;
                vx *= -0.8;
            }
            if (container1.y + radius > stage.canvas.height) {
                container1.y = stage.canvas.height - radius;
                vy *= -0.8;
            } else if (container1.y - radius < 0) {
                container1.y = radius;
                vy *= -0.8;
            }
        } else {
            if (container1.x + radius > stage.canvas.width) {
                container1.x = stage.canvas.width - radius;
            } else if (container1.x - radius < 0) {
                container1.x = radius;
            }
            if (container1.y + radius > stage.canvas.height) {
                container1.y = stage.canvas.height - radius;
            } else if (container1.y - radius < 0) {
                container1.y = radius;
            }
        }

        // コンテナ２をドラッグ中でないときだけ物理演算
        if (flag == false) {
            //重力
            vy += 0.01;

            // 摩擦
            vx *= 0.85;
            vy *= 0.85;

             // コンテナ2に物理演算を適用
            container2.x += vx;
            container2.y += vy;

            // コンテナ２が画面の端からはみ出さないようにする処理
            if (container2.x + radius > stage.canvas.width) {
                container2.x = stage.canvas.width - radius;
                vx *= -0.8;
            } else if (container2.x - radius < 0) {
                container2.x = radius;
                vx *= -0.8;
            }
            if (container2.y + radius > stage.canvas.height) {
                container2.y = stage.canvas.height - radius;
                vy *= -0.8;
            } else if (container2.y - radius < 0) {
                container2.y = radius;
                vy *= -0.8;
            }
        } else {
            if (container2.x + radius > stage.canvas.width) {
                container2.x = stage.canvas.width - radius;
            } else if (container2.x - radius < 0) {
                container2.x = radius;
            }
            if (container2.y + radius > stage.canvas.height) {
                container2.y = stage.canvas.height - radius;
            } else if (container2.y - radius < 0) {
                container2.y = radius;
            }
        }

        // 画面更新
        stage.update();
    }
}
</script>

</html>