python初心者本に載っている処理について理解が出来ません…

Question

coords、以下のコードの処理が中々理解できません。

12歳から始めるゼロからのpythonゲームプログラミングとゆう書籍を読みながら勉強している初心者です。
迷路ゲームを作りながら習っていくのですが、その中で主人公が一歩進む処理に以下のコードを書くのですが、これが理解出来ないのです。
これがわからな過ぎて中々前に進めません。62×62
def draw_map():
for y in range(0,MAX_HEIGHT):
for x in range(0,MAX_WIDHT):
p = map_data[y][x]
if p >=5:
p = 5
canvas.create_image(x62+31, y62+31, image=images[p])

　　　主人公表示
canvas.create_image(brave_x62+31,brave_y62+31,image=images[4],tag="brave")
brave_x = 1
brave_y = 0
def check_move(x,y):
global brave_x,brave_y,flag_key
if x>=0 and x<MAX_WIDHT and y>=0 and y<MAX_HEIGHT:
p = map_data[y][x]
if p == 1:
return
elif p == 3:
flag_key = True
map_data[y][x] = 0
canvas.delete("all")
draw_map()
elif p == 2:
if flag_key == True:
ending()
return
else:
return
elif p >= 5:
fightmanager.fight_start(map_data,x,y,brave)
brave_x = x
brave_y = y
draw_map()

上ボタンが押された
def click_button_up():
check_move(brave_x, brave_y-1)
下ボタンが押された
def click_button_down():
check_move(brave_x,brave_y+1)
左ボタンが押された
def click_button_left():
check_move(brave_x-1,brave_y)
右ボタンが押された
def click_button_right():
check_move(brave_x+1,brave_y)
です。
#####62×62の画像を動かすのですが、素人考えだと、左ボタンが押されたの箇所で0×62+31、‐1×62⁺31で画像が中心を原点に動くとなると、何故xだけ動くはずなのに、yも動いてしまうのか？が、わかりません

以下、ソースコード全文です。
ちょっと質問の仕方もかなり稚拙なので、伝わるの不安ですが、よろしくお願いいたしますm(__)m

python

import chap7fight
import time
#マップの描画
def draw_map():
    for y in range(0,MAX_HEIGHT):
        for x in range(0,MAX_WIDHT):
            p = map_data[y][x]
            if p >=5:
                p = 5
            canvas.create_image(x*62+31, y*62+31, image=images[p])

    #主人公表示
    canvas.create_image(brave_x*62+31,brave_y*62+31,image=images[4],tag="brave")
#移動先のチェック
def check_move(x,y):
    global brave_x,brave_y,flag_key
    if x>=0 and x<MAX_WIDHT and y>=0 and y<MAX_HEIGHT:
        p = map_data[y][x]
        if p == 1: 
            return
        elif p == 3:
            flag_key = True
            map_data[y][x] = 0
            canvas.delete("all")
            draw_map()
        elif p == 2:
            if flag_key == True:
                ending()
                return
            else:
                return
        elif p >= 5:
            fightmanager.fight_start(map_data,x,y,brave)
        brave_x = x
        brave_y = y
        draw_map()
        #canvas.coords("brave",brave_x*62+31,brave_y*62+31)
#上ボタンが押された
def click_button_up():
    check_move(brave_x, brave_y-1)
#下ボタンが押された
def click_button_down():
    check_move(brave_x,brave_y+1)
#左ボタンが押された
def click_button_left():
    check_move(brave_x-1,brave_y)
#右ボタンが押された
def click_button_right():
    check_move(brave_x+1,brave_y)

#エンディング表示
def ending():
    canvas.delete("all")
    canvas.create_rectangle(0,0,620,434,fill="black")
    canvas.create_text(300,200,
        fill ="white",font=("MSゴシック",15),
        text="""ゴールおめでとう。

        だが、君の戦いはまだ始まったばかりだ。
    　　　　　　　　　　　　　　　　　　　　　
                                                                .....続く？""") 
    #ボタン無効化
    button_up["state"] = "disabled"
    button_down["state"] = "disabled"
    button_left["state"] = "disabled"
    button_right["state"] ="disabled"

#ウィンドウ作成
root = tkinter.Tk()
root.title("ダンジョン＆パイソン")
root.minsize(840,434)
root.option_add("*font", ["メイリオ"], 14)

#キャンバス作成
canvas = tkinter.Canvas(width=620, height=434)
canvas.place(x=10,y=10)
canvas.create_rectangle(0,0,620,434, fill = "gray", tag="drawField")

#ボタン配置
button_up = tkinter.Button(text="↑")
button_up.place(x=720,y=150)
button_up["command"] = click_button_up

button_down = tkinter.Button(text="↓")
button_down.place(x=720,y=210)
button_down["command"] = click_button_down

button_left = tkinter.Button(text="←")
button_left.place(x=660,y=180)
button_left["command"] = click_button_left

button_right = tkinter.Button(text="→")
button_right.place(x=780,y=180)
button_right["command"] = click_button_right

#画像データを読み込み
images = [tkinter.PhotoImage(file= "img6/chap6-mapfield.png"),#画像番号0 道
          tkinter.PhotoImage(file= "img6/chap6-mapwall.png"), #画像番号1 岩
          tkinter.PhotoImage(file= "img6/chap6-mapgoal.png"), #画像番号2 ゴール
          tkinter.PhotoImage(file= "img6/chap6-mapkey.png"),  #画像番号3 鍵
          tkinter.PhotoImage(file= "img6/chap6-mapman.png"),  #画像番号4 主人公
          tkinter.PhotoImage(file= "img6/chap7-mapmonster.png")]#画像番号5 モンスター　
#マップデータ
MAX_WIDHT = 10
MAX_HEIGHT = 7
map_data =[[1,0,1,1,1,1,1,1,1,1],
           [1,0,0,1,2,0,6,1,3,1],
           [1,1,0,1,1,1,0,1,0,1],
           [1,0,0,5,0,0,0,1,0,1],
           [1,0,1,1,1,1,1,1,6,1],
           [1,0,6,0,0,0,0,0,0,1],
           [1,1,1,1,1,1,1,1,1,1]]
#主人公の位置
brave_x = 1
brave_y = 0 
brave = chap7fight.Brave()
print(brave.get_atk())
#鍵取得フラグ
flag_key = False
#戦闘画面の準備
fightmanager = chap7fight.FightManager()

draw_map()

root.mainloop()
ソースコード

試したこと

+31等は要らないと思い消したりしました。

補足情報

python 3.6

Answer 1

「brave_x62+31,brave_y62+31」の部分は、マップ(map_data)の座標を画面(Canvas)の座標に変換しているだけで、主人公の位置は変更していません。
マップの1マスが画面の62x62dotに対応するので、マップのx,yに62を掛けると画面の座標になります。(原点は左上)
さらにcanvas.create_image()のx,yには、指定した画像の中心を置く位置を指定する必要があるので、画像62x62dotの半分の31dot分をずらす必要があります。

Comments

[akame]

ありがとうございます♪初期位置を変換しているだけで位置は変更されていないのですね、ようやく理解出来ました。
３１ドットずらすのも理解出来ました。感謝しますm(^_^)m

Answer 2

よくわかりませんが、基本的にプログラミングの座標は左上から(x, y)と動きますよ。

Comments

[akame]

回答ありがとうございましたm(__)m

[Nerd_run.]

いえいえ、お役に立てなくてすみません。