canvasで文字数の大きさに合わせて図形を自動で合わせるには？

Question

前提・実現したいこと

作って覚えるC#2017のサンプルアプリで
1文字の漢字と同じ漢字の円を探して同じ色の円をクリックすると
正解の〇がでるというアプリがあり、
それを元に

CANVASを使い図形内の文字が2文字でもボールが流れるように移動させたい
（現在は跳ね返りなどは正確だが追加分の文字が残る）

発生している問題・エラーメッセージ

（現在は跳ね返りなどは正確だが追加分の文字が残る
不正解の文字を配列からランダムに表示させようとしたがエラーになる
あとは、不正解の文字をランダムに出現させようと
配列にしましたが取り出せなくなりました
（画像はランダムにしていないものです）

試したこと

半径の大きさを2倍にした
→円が大きくなるだけでした

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Forms;

namespace MoveCircle
{
    public partial class FormBallGame : Form
    {
        // クラス共通の変数
        private Bitmap canvas;                  // 画面下の描画領域
        private Ball[] balls;                   // 複数のボールを管理する配列
        private string[] kanjis;                // ボールに描く漢字の配列
        private Brush[] brushes;                // ボールを塗る色の配列
        private string fontName = "HG教科書体"; // 表示する漢字のフォント名
        private string correctText = "福嶋";      // 正解の文字：1つだけ
        string[] ary = {
"福隝",
"福嶌",
"幅嶋",
"幅隝",
"副隝",
"副嶋",
"福島",
"愊隝",
"楅嶋",
"服隝",
"伏島",
"福縞"};
        private string mistakeText = ary[];      // 間違いの文字：ボールの個数分並ぶ


        private string circleText = "○";       // 正解した場合背景の文字を○にする
        private double nowTime = 0;             // 経過時間
        private int ballCount = 5;              // ボールの数
        private int randomResult = 0;           // 正解の番号:0～ボールの数のいずれか

        public FormBallGame()
        {
            InitializeComponent();
        }

        //--------------------------------------------------------------------
        // イベントハンドラ
        //--------------------------------------------------------------------

        // フォーム起動時に実行するLoad イベントに対応するイベントハンドラ
        private void FormBallGame_Load(object sender, EventArgs e)
        {
            InitGraphics();
            SetStartPosition();
        }

        // restartButtonのClick イベントに対応するイベントハンドラ
        private void restartButton_Click(object sender, EventArgs e)
        {
            InitGraphics();
            SetStartPosition();
        }

        // 上のselectPictureBoxのMouseClick イベントに対応するイベントハンドラ
        private void selectPictureBox_MouseClick(object sender, MouseEventArgs e)
        {
            // 再スタートボタンが操作可能な場合は何もせずに処理終了
            if (restartButton.Enabled)
            {
                return;
            }
            // 押されたX座標で正解判定
            //<判定> 押されたボタンがマウスの左ボタン？
            if (e.Button == MouseButtons.Left)
            {
                // どの円を選択したかを計算で算出（クリックしたX座標の位置/PictureBoxの横幅)
                int selectCircle = e.X / selectPictureBox.Height;
                if (randomResult == selectCircle) // 正解の円を選んだ
                {
                    timer1.Stop();
                    DrowMainPictureBox(Brushes.Red, circleText, true);
                    restartButton.Enabled = true; // 再スタートボタンを操作可能に
                }
                else // 失敗
                {
                    DrowMainPictureBox(Brushes.Red, correctText, false);
                    // 移動の割合を減少させる
                    for (int i = 0; i < ballCount; i++)
                    {
                        balls[i].pitch = balls[i].pitch - balls[i].pitch / 2;
                    }
                    nowTime = nowTime + 10; // ペナルティー
                }
            }
        }

        // 下のmainPictureBoxのMouseClick イベントに対応するイベントハンドラ
        private void mainPictureBox_MouseClick(object sender, MouseEventArgs e)
        {
            // 再スタートボタンが操作可能な場合は何もせずに処理終了
            if (restartButton.Enabled)
            {
                return;
            }
            SetBalls(e.X, e.Y); // マウスをクリックした位置にボールをセット
        }

        // TimerコントロールのTick イベントに対応するイベントハンドラ
        private void timer1_Tick(object sender, EventArgs e)
        {
            for (int i = 0; i < ballCount; i++)
            {
                balls[i].Move();
            }

            nowTime = nowTime + 0.02;
            textTimer.Text = nowTime.ToString("0.00");
        }

        //--------------------------------------------------------------------
        // 独自のメソッド
        //--------------------------------------------------------------------

        // 上のselectPictureBoxに円を描く
        private void DrowCircleSelectPictureBox()
        {
            int height = selectPictureBox.Height; // 高さ
            int width = selectPictureBox.Width; // 幅
            Bitmap selectCanvas = new Bitmap(width, height);
            using (Graphics g = Graphics.FromImage(selectCanvas))
            {
                //g.FillEllipse(Brushes.LightBlue, 0, 0, height, height);
                for (int i = 0; i < ballCount; i++)
                {
                    g.FillEllipse(brushes[i], i * height, 0, height, height);
                }
                selectPictureBox.Image = selectCanvas;
            }
        }

        // 下のPictureBoxに描画する
        private void DrowMainPictureBox(Brush color, string text, bool trueFlag)
        {
            int height = mainPictureBox.Height; // 高さ
            int width = mainPictureBox.Width; // 幅
                                              //描画先とするImageオブジェクトを作成する
            if (canvas == null)
            {
                canvas = new Bitmap(width, height);
            }
            using (Graphics g = Graphics.FromImage(canvas))
            {
                // 正解用の背景色にする
                if (trueFlag)
                {
                    g.FillRectangle(Brushes.LightPink, 0, 0, width, height);
                }
                else
                {
                    g.FillRectangle(Brushes.White, 0, 0, width, height);
                }
                //背景に引数で指定した文字列を描画する
                g.DrawString(text,
                new Font(fontName, height - height / 4),
                color, 0, 0, new StringFormat());
                //MainPictureBoxに表示する
                mainPictureBox.Image = canvas;
            }
        }

        // 配列の初期化、画面の初期設定を行う
        private void InitGraphics()
        {
            brushes = new Brush[ballCount];
            kanjis = new string[ballCount];
            balls = new Ball[ballCount];
            // ブラシの色の設定

            // 色の詳細はこちら： https://msdn.microsoft.com/ja-JP/Library/aa358802.aspx
            brushes[0] = Brushes.LightPink;
            brushes[1] = Brushes.LightBlue;
            brushes[2] = Brushes.LightGray;
            brushes[3] = Brushes.LightCoral;
            brushes[4] = Brushes.LightGreen;
            // 上のImageオブジェクト
            DrowCircleSelectPictureBox();
            // 下のImageオブジェクト
            DrowMainPictureBox(Brushes.Gray, correctText, false);
            restartButton.Enabled = false; // 再スタートボタンを操作できないようにする
            textHunt.Text = correctText;

        }


        // ボールのインスタンスの作成とランダムな位置にボールを描く
        private void SetStartPosition()
        {
            // 漢字の設定
            for (int i = 0; i < ballCount; i++)
            {
                kanjis[i] = mistakeText; // 間違いの文字をセット
            }
            randomResult = new Random().Next(ballCount); //ボールの数分の乱数を取得
            kanjis[randomResult] = correctText; // 正解の文字の文字をセット
                                                // ボールクラスのインスタンス作成
            for (int i = 0; i < ballCount; i++)
            {
                balls[i] = new Ball(mainPictureBox, canvas, brushes[i], kanjis[i]);
            }
            // ランダムな位置にボールを描く
            int rndXMax = mainPictureBox.Width;
            int rndYMax = mainPictureBox.Height;
            SetBalls(new Random().Next(rndXMax), new Random().Next(rndYMax));
            // タイマーをスタートさせる
            nowTime = 0;
            timer1.Start();
        }


        // 引数の位置情報を利用してランダムにボールを描く
        private void SetBalls(int x, int y)
        {
            int rndXMax = mainPictureBox.Width;
            int rndYMax = mainPictureBox.Height;
            int rndX;
            int rndY;
            for (int i = 0; i < ballCount; i++)
            {
                rndX = new Random(i * x).Next(rndXMax);
                rndY = new Random(i * y).Next(rndYMax);
                balls[i].DeleteCircle(); // 以前のボールを削除
                balls[i].PutCircle(rndX, rndY); // 新しい位置にボールを描く
            }
        }
    }
}

Comments

[y_waiwai]

これではコードが見づらいので、質問を編集し、<code>ボタンを押し、出てくる’’’の枠の中にコードを貼り付けてください

[SUGAKI]

大変申し訳ございません。
失礼いたしました。
これから修正します

[SUGAKI]

直しました、質問の仕方も色々間違えているかもしれないので
お手数でなければまた教えてください

[SUGAKI]

今気づいたのですが今回テンプレートを使うのを忘れていたようです・・・
見づらくて申し訳ございません

Answer 1

自己解決しましたありがとうございました