grid-layout - 将六角棋子定位并捕捉到六角形网格

Question

早上好，我有一个项目，我必须编写一个看起来像这样的游戏：http: //www.apppicker.com/apps/1055267582/1010-hex-fit--block-puzzle-mania-archanoid-pixduel-plus-传奇免费游戏？而且我必须编写没有课程（“课程”）的游戏，因为我的学校不希望我:(。

现在，我已经完美地绘制了网格，但不幸的是，我似乎无法让我的棋子走在精确的六边形“正方形”上，因为它不是传统的网格。有人可以帮我吗？以及如何为它分配一个带有值的数组？

如果您对此问题无能为力，您至少可以指导我做其他事情吗？

（我在帖子的最后一个版本中稍微更改了我的程序以使其更清晰）

提前感谢您的时间。

from tkinter import *
from random import choice #for colors

beige = (255,228,196)

def dessus(evt): #mouse on hexagonal pawn
    forme = "arrow"
    if x_pion - 50 < evt.x < x_pion + 50 and y_pion - 100 < evt.y < y_pion + 100:
        forme = "fleur"
        # print(x_pion , y_pion)
    can.config(cursor = forme)

def glisser(evt): #mouse dragging the hexagonal pawn
    global x, y
    if x == -1 :
        if x_pion - 50 < evt.x < x_pion + 50 and y_pion - 100 < evt.y < y_pion + 100:
            x, y = evt.x, evt.y
    else :
        delta_x, delta_y = evt.x - x, evt.y - y
        can.coords(pion, x_pion + delta_x, y_pion + delta_y)


def coord_case(x_pos,y_pos):
    # return hexagonal coordinates spot from the game board
    coord_x = x_pos//c
    coord_y = y_pos//c
    print(x_pos, y_pos)
    return coord_x, coord_y



def coord_image(x_pos,y_pos):
    # return the coordinates of the image
    x = c * x_pos + dc
    y = c * y_pos + dc
    return x, y


def deposer(evt): #put/release the image (hexagonal pawn) on the screen
    global x_pion, y_pion, x
    if x != -1:
        x_pion, y_pion = x_pion + evt.x - x, y_pion + evt.y - y
        x =- 1

def hexagone(origine, c): #draws the hexagones
    seg = c / 4
    x, y = origine[0], origine[1]
    # hexagone
    can.create_polygon(x,y+seg, x+2*seg,y, x+c,y+seg, x+c,y+3*seg ,x+2*seg,y+c ,x,y+3*seg, x,y+seg,
                       outline='black', width=1, fill="beige")


def ligne_d_hexagones(x, y, c, n): #draws the hexagonal lines
    i = 0
    seg = c / 4
    while i < n:
        hexagone((x + 2, y + 2), c)  # +2 :
        i += 1
        x += 4.25 * seg


def damier(c, nl, nc):
    #finally draws everything (the hexagonal game board)
    x = 2.08 # commencera la ligne
    y = 0.02
    i = 1
    for i in range(nc-1):
        ligne_d_hexagones(x * c, y * c, c, nc // 2)
        i+=1
        y = y + 0.79
        if i < 5:
            nc = nc + 2
            x = x - 0.52
        if i == 5:
            nc = nc - 2
            x = x + 0.52
        if i > 5:
            nc = nc - 2
            x = x + 0.52



c = 70  # size of the hexagones from the board
nl = 10  # number of lines
nc = 10  # number of columns (this valuer will change)
dc = c//2
fen = Tk()
fen.title("HEX1010")

can = Canvas(fen, width=1000, height=700)
can.pack(side=TOP)
damier(c, nl, nc)
can.grid()


x, y = -1, -1
f_pion = PhotoImage(file="HEX.png")
x_pion, y_pion = 600, 600
pion = can.create_image(x_pion, y_pion,image=f_pion)

x, y, num = -1, -1, -1

can.bind('<B1-Motion>',glisser)
can.bind('<ButtonRelease-1>',deposer)
can.bind('<Motion>',dessus)

fen.mainloop()

标签： grid-layouthexagonal-tiles

Answer 1

我最终找到了一些时间来查看您的代码...

1-您需要阅读一些关于画布项目以及如何访问、识别和制作它们以显示它们的状态和位置的信息，这将帮助您决定如何构建您的应用程序。此时，您主要是尝试考虑每个项目，而不是使用画布方法。

2-我添加了一个字典来保存网格六边形到它们的中心位置的映射；关键是每个六边形的画布项目编号。

3-我使用 标识鼠标所在的六边形canvas.find_overlapping，并使用此返回值查找平铺中心的中心字典，以将“pion”捕捉到正确的位置。

大多数情况下它会做你想做的事，但它可能有点脆弱：例如，可以将 2 个π介子放在彼此的顶部。它可能会在某些特殊情况下中断。Cases我的建议是使用一个用于 的类、一个用于 的类Damier、一个用于 的类Pion和一个用于 的类来重写整个代码，并为Pions它们配备您需要的方法，让它们按照您想要的方式运行。

from tkinter import *


beige = (255,228,196)


def selectioner(evt):
    global x, y, num
    x, y = evt.x, evt.y
    x0, y0, x1, y1 = x - 3, y - 3, x + 3, y + 3
    for item in can.find_overlapping(x0, y0, x1, y1):
        if item in pion:
            num = item
            x, y = can.coords(num)
            break


def glisser(evt): #mouse dragging the hexagonal pawn
    global x, y, num
    if num == -1 :
        pass
    else :
        delta_x, delta_y = evt.x - x, evt.y - y
        can.coords(num, x + delta_x, y + delta_y)


def deposer(evt): #put/release the image (hexagonal pawn) on the screen
    global num

    if num == -1:
        return

    x0, y0, x1, y1 = evt.x - 3, evt.y - 3, evt.x + 3, evt.y + 3
    snap = None
    for item in can.find_overlapping(x0, y0, x1, y1):
        try:
            snap = centers[item]
            break
        except KeyError:
            pass        
    if num != -1 and snap is not None:
        xs, ys = snap
        can.coords(num, xs, ys)
    num = -1


def hexagone(origine, c): #draws the hexagones
    seg = c / 4
    x, y = origine[0], origine[1]
    center = center_x, center_y = (x + x+c) / 2, (y+seg + y+3*seg) / 2
    p = can.create_polygon(x, y+seg, x+2*seg, y, x+c, y+seg, x+c, y+3*seg , x+2*seg, y+c , x,y+3*seg, x,y+seg,
                       outline='black', width=1, fill="beige")
#     can.create_oval(center_x-2, center_y-2, center_x+2, center_y+2)
    centers[p] = center


def ligne_d_hexagones(x, y, c, n): #draws the hexagonal lines
    i = 0
    seg = c / 4
    while i < n:
        hexagone((x + 2, y + 2), c)  # +2 : 
        i += 1
        x += 4.25 * seg


def damier(c, nl, nc):
    # finally draws everything (the hexagonal game board)
    x = 2.08 # commencera la ligne
    y = 0.02
    i = 1
    for i in range(nc-1):
        ligne_d_hexagones(x * c, y * c, c, nc // 2)
        i+=1
        y = y + 0.79
        if i < 5:
            nc = nc + 2
            x = x - 0.52
        if i == 5:
            nc = nc - 2
            x = x + 0.52
        if i > 5:
            nc = nc - 2
            x = x + 0.52


centers = {}

c = 70  # size of the hexagones from the board
nl = 10  # number of lines 
nc = 10  # number of columns (this valuer will change)
dc = c//2
fen = Tk()
fen.title("HEX1010")

can = Canvas(fen, width=1000, height=700)
can.pack(side=TOP)
damier(c, nl, nc)
can.grid()

pion, x_pion, y_pion = [], [], []
f_pion = PhotoImage(file="HEX.png")
for i in range(3):
    idx, idy = 300*(i+1), 300
    x_pion.append(idx)
    y_pion.append(idy)
    pion.append(can.create_image(idx,idy,image=f_pion))

x, y, num = -1, -1, -1

can.bind('<Button-1>', selectioner)
can.bind('<B1-Motion>', glisser)
can.bind('<ButtonRelease-1>', deposer)

fen.mainloop()