Смещение треугольников, нарисованных с помощью холста tkinter

Question

Я написал эту функцию, которая рисует сетку из треугольников:

def create_triangles(side_length):
    result = []
    half_width = int(side_length / 2)
    # height = int(side_length * math.sqrt(3) / 2)
    height = side_length
    max_width = 15 * side_length
    max_height = 10 * height

    for i in range(0, max_height, height):
        if (i / height) % 2 == 0:
            for j in range(0, max_width-half_width, half_width):
                if j % side_length == 0:
                    triangle = (i-height/2, j-half_width, i+height/2, j, i-height/2, j+half_width)
                else:
                    triangle = (i-height/2, j, i+height/2, j+half_width, i+height/2, j-half_width)

                result.append(triangle)
        else:
            for j in range(half_width, max_width, half_width):
                if j % side_length == 0:
                    triangle = (i-height/2, j-2*half_width, i+height/2, j-half_width+2, i-height/2, j)
                else:
                    triangle = (i-height/2, j-half_width, i+height/2, j, i+height/2, j-2*half_width)

                result.append(triangle)

    return result

Токовый выход такой:

Как видите, некоторые треугольники смещены, но я не понимаю, почему.

Answer 1

Как уже упоминалось в комментариях, плавающие точки дают неверные результаты;Вы хотите убедиться, что общие точки, представляющие вершины двух смежных треугольников, совпадают.Простой подход состоит в том, чтобы уменьшить координаты точек до целых и организовать расчеты так, чтобы ошибки не суммировались.

В следующих примерах смещение исправляется, каждый треугольник на холсте представлен многоугольником,и в индивидуальном порядке;Поэтому на каждый треугольник можно ссылаться при наведении или обращении с помощью индекса или сопоставления (не реализовано).

import tkinter as tk
import math


WIDTH, HEIGHT = 500, 500


class Point:
    """convenience for point arithmetic
    """
    def __init__(self, x, y):
        self.x, self.y = x, y
    def __add__(self, other):
        return Point(self.x + other.x, self.y + other.y)
    def __iter__(self):
        yield self.x
        yield self.y


def tile_with_triangles(canvas, side_length=50):
    """tiles the entire surface of the canvas with triangular polygons
    """
    triangle_height = int(side_length * math.sqrt(3) / 2)
    half_side = side_length // 2
    p0 = Point(0, 0)
    p1 = Point(0, side_length)
    p2 = Point(triangle_height, half_side)

    for idx, x in enumerate(range(-triangle_height, WIDTH+1, triangle_height)):
        for y in range(-side_length, HEIGHT+1, side_length):
            y += half_side * (idx%2 + 1)
            offset = Point(x, y)
            pa, pb, pc = p0 + offset, p1 + offset,p2 + offset
            canvas.create_polygon(*pa, *pb, *pc, outline='black', fill='', activefill='red')

    p2 = Point(-triangle_height, half_side)  # flip the model triangle

    for idx, x in enumerate(range(-triangle_height, WIDTH+triangle_height+1, triangle_height)):
        for y in range(-side_length, HEIGHT+1, side_length):
            y += half_side * (idx%2 + 1)
            offset = Point(x, y)
            pa, pb, pc = p0 + offset, p1 + offset,p2 + offset
            canvas.create_polygon(*pa, *pb, *pc, outline='black', fill='', activefill='blue')


root = tk.Tk()
canvas = tk.Canvas(root, width=WIDTH, height=HEIGHT, bg='cyan')
canvas.pack()

tile_with_triangles(canvas) #, side_length=10)

root.mainloop()

Я добавил активное свойство заливки, которое будет изменять цвета каждого треугольника при нажатии мыши.более.