Как создать клон MS Paint с Python и Pygame - PullRequest
Новая
       52

Как создать клон MS Paint с Python и Pygame

12 голосов
/ 28 февраля 2009

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

Во-первых, нужно определить, когда мышь двигается, и нарисовать линию в том месте, где находится мышь, здесь показано . Однако проблема заключается в том, что при большом размере кисти между каждой «линией» появляется много промежутков, которые не являются прямыми, поскольку для создания толстых линий используется размер штрихов линии.

Другой способ - рисовать круги, когда мышь движется, как показано здесь . Проблема заключается в том, что между каждым кружком появляются пробелы, если мышь движется быстрее, чем компьютер обнаруживает ввод мыши.

Вот скриншот с моими проблемами с обоими:

http://imgur.com/32DXN.jpg

Каков наилучший способ реализации кисти, подобной кисти MS Paint, с прилично большим размером кисти без промежутков в штрихе линии или без промежутков между каждым кругом?

Ответы [ 4 ]

15 голосов
/ 28 февраля 2009

Почему бы не сделать оба?

Нарисуйте круг в каждой конечной точке и линию между ними.

РЕДАКТИРОВАТЬ rofl, просто не мог остановить себя.

На самом деле, вы не хотите использовать pygame.draw.line, потому что это обманывает. Он заполняет строку или столбец шириной 1 пиксель (в зависимости от угла атаки) пикселей. Если вы идете под примерно перпендикулярным углом, 0 или 90 градусов, это не проблема, но через 45 секунд вы заметите эффект string bean * 1012

Единственное решение - нарисовать круг на расстоянии каждого пикселя. Здесь ... 

import pygame, random

screen = pygame.display.set_mode((800,600))

draw_on = False
last_pos = (0, 0)
color = (255, 128, 0)
radius = 10

def roundline(srf, color, start, end, radius=1):
    dx = end[0]-start[0]
    dy = end[1]-start[1]
    distance = max(abs(dx), abs(dy))
    for i in range(distance):
        x = int( start[0]+float(i)/distance*dx)
        y = int( start[1]+float(i)/distance*dy)
        pygame.draw.circle(srf, color, (x, y), radius)

try:
    while True:
        e = pygame.event.wait()
        if e.type == pygame.QUIT:
            raise StopIteration
        if e.type == pygame.MOUSEBUTTONDOWN:
            color = (random.randrange(256), random.randrange(256), random.randrange(256))
            pygame.draw.circle(screen, color, e.pos, radius)
            draw_on = True
        if e.type == pygame.MOUSEBUTTONUP:
            draw_on = False
        if e.type == pygame.MOUSEMOTION:
            if draw_on:
                pygame.draw.circle(screen, color, e.pos, radius)
                roundline(screen, color, e.pos, last_pos,  radius)
            last_pos = e.pos
        pygame.display.flip()

except StopIteration:
    pass

pygame.quit()
3 голосов
/ 05 мая 2011

Отсутствие бликов на каждом шаге цикла может улучшить скорость рисования (использование этого кода, адаптированного из предыдущего, позволяет устранить проблему задержки на моей машине) 

import pygame, random

screen = pygame.display.set_mode((800,600))

draw_on = False
last_pos = (0, 0)
color = (255, 128, 0)
radius = 10

def roundline(srf, color, start, end, radius=1):
    dx = end[0]-start[0]
    dy = end[1]-start[1]
    distance = max(abs(dx), abs(dy))
    for i in range(distance):
        x = int( start[0]+float(i)/distance*dx)
        y = int( start[1]+float(i)/distance*dy)
        pygame.display.update(pygame.draw.circle(srf, color, (x, y), radius))

try:
    while True:
        e = pygame.event.wait()
        if e.type == pygame.QUIT:
            raise StopIteration
        if e.type == pygame.MOUSEBUTTONDOWN:
            color = (random.randrange(256), random.randrange(256), random.randrange(256))
            pygame.draw.circle(screen, color, e.pos, radius)
            draw_on = True
        if e.type == pygame.MOUSEBUTTONUP:
            draw_on = False
        if e.type == pygame.MOUSEMOTION:
            if draw_on:
                pygame.display.update(pygame.draw.circle(screen, color, e.pos, radius))
                roundline(screen, color, e.pos, last_pos,  radius)
            last_pos = e.pos
        #pygame.display.flip()

except StopIteration:
    pass

pygame.quit()
2 голосов
/ 17 апреля 2011

Для первой проблемы вам нужен фон, даже если это просто цвет. У меня была такая же проблема с игрой-репликой-понгом, которую я сделал. Вот пример созданной мной программы рисования реплик, щелкните левой кнопкой мыши, чтобы нарисовать, щелкните правой кнопкой мыши, чтобы стереть, щелкните цветное изображение, чтобы выбрать цвет, и нажмите кнопку вверх, чтобы очистить экран: 

import os
os.environ['SDL_VIDEO_CENTERED'] = '1'
from pygamehelper import *
from pygame import *
from pygame.locals import *
from vec2d import *
from math import e, pi, cos, sin, sqrt
from random import uniform

class Starter(PygameHelper):
    def __init__(self):
        self.w, self.h = 800, 600
        PygameHelper.__init__(self, size=(self.w, self.h), fill=((255,255,255)))

        self.img= pygame.image.load("colors.png")
        self.screen.blit(self.img, (0,0))

        self.drawcolor= (0,0,0)
        self.x= 0

    def update(self):
        pass

    def keyUp(self, key):
        if key==K_UP:
            self.screen.fill((255,255,255))
            self.screen.blit(self.img, (0,0))




    def mouseUp(self, button, pos):
        pass

    def mouseMotion(self, buttons, pos, rel):
        if pos[1]>=172: 
            if buttons[0]==1:
                #pygame.draw.circle(self.screen, (0,0,0), pos, 5)
                pygame.draw.line(self.screen, self.drawcolor, pos, (pos[0]-rel[0], pos[1]-rel[1]),5)                
            if buttons[2]==1:
                pygame.draw.circle(self.screen, (255,255,255), pos, 30)
            if buttons[1]==1:
                #RAINBOW MODE
                color= self.screen.get_at((self.x, 0))
                pygame.draw.line(self.screen, color, pos, (pos[0]-rel[0], pos[1]-rel[1]), 5)

                self.x+= 1
                if self.x>172: self.x=0

        else:
            if pos[0]<172:
                if buttons[0]==1:
                    self.drawcolor= self.screen.get_at(pos)
                    pygame.draw.circle(self.screen, self.drawcolor, (250, 100), 30)

    def draw(self):
        pass
        #self.screen.fill((255,255,255))
        #pygame.draw.circle(self.screen, (0,0,0), (50,100), 20)

s = Starter()
s.mainLoop(40)
1 голос
/ 27 апреля 2018

Вот упрощенная версия примера Мэтью , который, к сожалению, не работает.

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

События

pygame.MOUSEMOTION также имеют атрибут buttons, который можно использовать для проверки, какая кнопка мыши в данный момент не работает. 

import os
import random

import pygame as pg


class App:

    def __init__(self):
        os.environ['SDL_VIDEO_CENTERED'] = '1'
        pg.init()
        self.w, self.h = 800, 600
        self.screen = pg.display.set_mode((self.w, self.h))
        self.screen.fill(pg.Color('white'))
        self.clock = pg.time.Clock()
        self.drawcolor = (0, 0, 0)

    def mainloop(self):
        while True:
            for event in pg.event.get():
                if event.type == pg.QUIT:
                    return
                elif event.type == pg.MOUSEBUTTONDOWN:
                    if event.button == 2:  # Color picker (middle mouse button).
                        self.drawcolor = self.screen.get_at(pos)
                        # Pick a random color.
                        # self.drawcolor = [random.randrange(256) for _ in range(3)]
                elif event.type == pg.MOUSEMOTION:
                    pos, rel = event.pos, event.rel
                    if event.buttons[0]:  # If the left mouse button is down.
                        # Draw a line from the pos to the previous pos.
                        pg.draw.line(self.screen, self.drawcolor, pos, (pos[0]-rel[0], pos[1]-rel[1]), 5)
                    elif event.buttons[2]:  # If the right mouse button is down.
                        # Erase by drawing a circle.
                        pg.draw.circle(self.screen, (255, 255, 255), pos, 30)

            pg.display.flip()
            self.clock.tick(30)


if __name__ == '__main__':
    app = App()
    app.mainloop()
    pg.quit()
...