細かいところほげほげ、略して！こまほげー（小堺さん最近見ないなぁ）

次に、今の状態でプレイヤーを表示してみよう
DrawStaticObjectは完成しているので、スムーズにプレイヤーと荷物を移動させながら表示する関数

• void DrawMovableObject(Map& _map);

を作成する。

実は、今までの表示関数とそんなに変えなくてもよい。（まだ中間地点の表示できなくてもよい）
動かないオブジェクト以外の時の処理（荷物とプレイヤーの表示）を、表示のswitch-case文のところで処理してやるだけである。
あとは、今後、中間地点の処理が出てくるのでPoint型（整数対応）ではなくVec2型（実数対応）で処理していくことにする。

void DrawMovableObject(Map& _map)
{
	Texture ObjImg[7]{
	TextureAsset(U"FLOOR"),
	TextureAsset(U"WALL"),
	TextureAsset(U"LUGG"),
	TextureAsset(U"GOAL"),
	TextureAsset(U"PLAYER"),
	TextureAsset(U"PLAYER"),
	TextureAsset(U"LUGG"),
	};

	ColorF col{ 1.0, 1.0 };
	if (isShiftOn)
	{
		col = ColorF{ 1.0, 0.5 };
	}
	//方向のベクトルを実数対応にする
	Vec2 dirVector[5] =
	{
		{ 0,  -1 },{ -1,  0 },{ 0, +1 },{ +1,  0 },{ 0,  0 }
	};
	for (int j = 0; j < _map.stage_height; j++) {
		for (int i = 0; i < _map.stage_width; i++) {
			OBJNAME objNum = GetObjectNum({ i,j }, _map);
　　　　　　　　　　　　 //オブジェクトの位置を実数対応にする
			Vec2 pos = CHR_SIZE * Vec2{ i,j };
			switch (objNum)
			{
			case HUMAN_ON_GOAL:
			case LUGG_ON_GOAL:
                                //プレイヤー、荷物　on the オブジェクトの時
				objNum番に対応した、Textureを(pos, col)でdraw
                                //（Shift押してたらcolの切り替えで半透明になるよ)
				break;
			case HUMAN:
			case LUGG:
                                //プレイヤー、荷物 on the 床の時
				ObjImg[objNum].draw(pos);
				break;
			default:
				continue;
				break;
			}
		}
	}
}

次に、さっき作った新しい描画関数
void DrawStageSmoothMove(Map& _map)を書き換える

gameSequence.cpp

void DrawStageSmoothMove(Map& _map)
{
	Scene::SetBackground(Palette::Darkgrey);
	//動かないオブジェクトの描画
　　　  DrawStaticObject(_map);
       ここでプレイヤーや荷物などの動くオブジェクトの描画関数を呼ぶ
}

これで、isMoving状態の０～１タイマー表示＋プレイヤー、荷物表示ができる。

ついでに、

1. 入力があったタイミングでisMovingがtrueになり
2. UpdateCharPosSmoothMoveによって、isMoving状態のタイマーが１．０を超えたときにisMovingがfalseに切り替わっている

かどうかを確認しよう。どうしたらいい？
簡単なのはPlayUpdateの入力取得の処理（GetDirection)の前に、isMovingをPrintで表示してみるって作戦

入力前はisMovingはfalseで、入力があると同時にtrueになりmoveRateのカウントアップが始まり、moveRateが１．０を超えるとfalseに戻るのが確認できる。

今のままだと、isMovingがtrueの間、すなわち「移動のアニメーションが再生されている間」も入力を受け付けてしまい、アニメーションがしっちゃかめっちゃかになる。
アニメーションが再生されているmoveRateが０～１の間の時間は、入力を受け付けないようにしたい。
どうしたら実現できるだろう。。。
現在、移動のための入力を受け付けているのは、GetDirectionを呼んでいる箇所のみである。
isMovinがfalseの時だけ入力を受け付けるようにすればいいよね？
ちなみに、UpdateCharPosSmoothMove(crrMap);はisMovingがtrue,falseにかかわらず更新しなければならないのはわかるよね。
総合すると。。。どうしたらいいか考えてやってみよう！
isMovingの間に入力があってもプレイヤーが移動しなくなれば、ソースコードは正しいことになるので確認してみよう

次に、移動前座標から、移動先座標までのアニメーションを作るために、移動先座標に新しいデータFromデータを作成する。
というか、追加してあるので使っていく

globals.h

struct Map
{
	int stage_width;
	int stage_height;
	int Dat[MAX_STAGE_HEIGHT][MAX_STAGE_WIDTH];
        //ここから追加
        //移動レート
	double moveRatio;
        //Fromデータ（そのオブジェクトはどこからやってきたか）
	direction From[MAX_STAGE_HEIGHT][MAX_STAGE_WIDTH];
};

とりあえずInitCrrStage関数の中では、FromデータはすべてNONE（方向なし）で初期化してある。
多分、移動が終了（isMovingがオン ⇒ moveRatioが0 ⇒ moveRatioが１ ⇒　isMovingがオフの一連の流れの後）した後Fromデータは次の移動のために初期化しないといけなさそうなので、
初期化用の関数を作っておこう。これは、引数で指定したマップのすべてのFormデータをNONEにしてやるだけなので簡単。
プロトタイプ宣言をgameSequence.hに追加しとくのを忘れないように。

ステージを表すタイル配列の、ある位置{i, j}には、 int Dat[j][i]と、direction From[j][i]のデータがある。と思うとよい
Fromデータは、文字通りその座標にあるオブジェクトがどこからやってきたか前の位置の座標からの方向が入っている。
例えば、（ｘ＋は右方向、ｙ＋方向は下方向）プレイヤーが {1, 2}の座標から、次の位置{1, 3}に移動したとすると、タイル座標では、１タイル分下にプレイヤータイルが動いていることになる。
この場合は、Dat[3][1]=HUMAN、でFrom[3][1]=UP、を代入しておく。
このデータを見ることによって、現在のフレームの{1,3}のプレイヤーは上からやってきて現在に至る。ということが把握できるようになる。
（なんか、某分厚いゲーム系の有名本を参考にデータ形式考えたけど、移動した方向と逆の方向を記録しなきゃないから、頭こんがらかるよね。That confused me.)

後は、isMovingがtrueになるタイミングで、Fromデータも記録してやればよいと思う。
方向入力があった時のdirection（入力方向）と移動前位置から、移動後の位置のFromデータをセットする関数として、
void SetMoveObject(direction _dir, Point _pos, Map& _map);
を、作成する。これは、指定位置に方向をセットするだけなのでそんなに難しくない。

MoveObjectの中で、移動後の座標と、もし荷物を押す場合は、荷物が動いた後の座標として、

• Point nextPos
• プレイヤーの移動後の座標
• Point nextNextPos
• 荷物を押す場合の、荷物の移動後の座標

が得られるので、その位置にFromデータ記録を仕込む。（SetMoveObjectを呼ぶ）

今ある座標$p(x, y)$から右に動いて$p'(x',y')$に移動したのを右向きのベクトル$dir(1,0)$を使て$p' = p + dir$とあらわす。
とすると、逆に、移動前の座標は$p = p' - dir$で表される。
つまり、void DrawMovableObject(Map& _map)の中でFromデータがあると、移動前の座標を以下のように求められる。 実際に関数内に記述して計算し、その位置にプレイヤーを表示してみる。
これを実行したときに、どうなるかソースコードを呼んで想像できた人は、結構プログラミングに慣れてきた人だね。

現在のプログラムの流れは以下のようになる。

1. キー入力
2. 新しい配列座標P'にプレイヤーを移動
   1. Fromデータをセット
   2. isMovingがON
   3. 移動前の座標Pを計算
3. moveRatioカウントアップスタート（初期値０）
4. moveRatioが１．０になるまで
   1. 移動前の座標Pにプレイヤーの画像を表示
5. moveRatioが１．０になったら
   1. isMovingをOFFに
   2. moveRatioを0にリセット
   3. Fromデータをリセット
6. 移動後の座標P’にプレイヤーの画像を表示

のようになる。つまり、入力してから、配列側のデータは即座に座標が変更されるが、表示座標はmoveRatioが０⇒１．０になってから（moveRatioはDeltaTime足しているのでおおよそ１秒後）移動される。
つまり入力から１秒たってから、新しい座標にプレイヤー画像が移動するはず！
試してみよう。

移動するまでの時間は、moveRatioすなわち、

void UpdateCharPosSmoothMove(Map& _map)
{
	if (isMoving) {
		Print << _map.moveRatio;
		_map.moveRatio = Clamp(_map.moveRatio + Scene::DeltaTime(), 0.0, 1.0);

この部分で決まっている。moveRatioが０～１になるのに現在は１秒かかっているので、２秒にしたければScene::DeltaTime()/2.0を足していけば良い
逆に0.5秒で０⇒１にしたければ2*Scene::DeltaTime()/0.5;にすればよい。
グローバル変数でdouble speed;を宣言し

dobule speed = ○○; //○○秒で移動完了
 
省略
_map.moveRatio = Clamp(_map.moveRatio + Scene::DeltaTime()/speed, 0.0, 1.0);

とすれば、speed秒で移動完了させることができる。ただし、speedは絶対０にはできないので注意

ここまで来たらもう少しである。
道具はそろっているので、後はvoid DrawMovableObject(Map& _map)の中で、移動前の座標から、FROM方向にCHR_SIZE*moveRatio移動したところにプレイヤーや荷物を表示すればいい。荷物を押しているときは、プレイヤーと荷物は同時に同じ速さで動くはずなので、同じmoveRatioが使える。

表示位置の算出は以下のような方針でやってみる
FromデータとmoveRatioは、UpdateCharPosSmoothMoveで自動的に切り替わるようになっているので、表示関数DrawMovableObjectでは、それを使うだけでよい

	Vec2 dirVector[5] =
	{
		{ 0,  -1 },{ -1,  0 },{ 0, +1 },{ +1,  0 },{ 0,  0 }
	};

が、宣言されているものとして。

1. dirVector[From[j][i]]から、移動前座標からの移動方向ベクトルを求める（PointじゃなくVec2なことに注意）
2. 現在座標P’（移動後の座標）Vec2{ i,j }から、dirVector[_map.From[j][i]]を引いて移動前の座標Pを求める（これは前にやってあるよね）
3. 移動前の座標Pからの移動率０～１（つまりmoveRatio）をdirVectorにかけて、前の座標からの方向付きの移動率interpolationVectorを求める
4. 移動前の座標Pに、上で求めたinterpolationVectorを足して、中間座標を求める
5. 最後にCHR_SIZEをかけて表示座標に変換して、表示

そして表示してみる！
speed=2.0（２秒で１コマ移動）で設定した例
大体狙った通りに動いていると思う。

大体、speed=0.3～0.5ぐらいが小気味よく動くと思うので試してほしい。
全部うまくいったかな？と思うと、全部荷物を片付けたときに、最後まで荷物が動く前にクリア画面に移動してしまう。
これはどうしてだろうか？
（こういうバグの原因が、すぐに想像できるようになるとプログラミングスキルが上がってくるよ）
これは、クリアチェックのタイミングのせいである。UpdatePlay内では以下の順番で処理をしている。

　　　　if (CheckClear(crrMap))
	{
　　　　　　オーディオ再生やタイマーなどクリア処理へ
	}
	else
	{
　　　　　　移動の更新
	}

そんで、移動はデータ上は先に移動してクリア状態になったものを、後からmoveRatioで表示だけ移動している。のである。
なので、移動の表示が全部終わる前にクリアチェックに引っかかっちまうのであった。。。
さてどうしようか？

これは、isMovingを使うことで簡単に解決できる。isMovingがONの時はクリア処理に行かなければいいのである。

　　　　if (CheckClear(crrMap))
	{
　　　　　　　　//配列上はクリア状態
           	if (だけど、isMovingがONだったら) {
			UpdateCharPosSmoothMoveを呼んで位置を更新してreturnしちゃう
		}
　　　　　　オーディオ再生やタイマーなどクリア処理へ
	}
	else
	{
　　　　　　移動の更新
	}

これで大体ゲームとしてはいい感じになると思う！

後は、

• １手戻し
• ステージの追加
• 手数の表示
• エンディングの追加
• スコアの追加
• リプレイ・再生機能

などの追加が考えらえるが、後は自分でいろいろやってみよう。