Como criar clone MS Paint com Python e pygame
Pergunta
A meu ver, há duas maneiras para eventos de mouse alça para tirar uma foto.
O primeiro é para detectar quando o rato se move e desenhar uma linha para onde o rato é, mostrado aqui . No entanto, o problema com isto é que com um grande tamanho do pincel, muitas lacunas aparecerem entre cada "linha" que não é reta, uma vez que está usando tamanho do traço da linha para criar linhas grossas.
A outra maneira é desenhar círculos quando o mouse se move como é mostrado aqui . O problema com isso é que as lacunas aparecem entre cada círculo, se o mouse se move mais rápido do que o computador detecta a entrada do mouse.
Aqui está uma imagem com os meus problemas com ambos:
Qual é a melhor maneira de implementar uma escova como o MS Paint, com um tamanho de pincel decentemente-big sem lacunas no curso da linha ou sem intervalos entre cada círculo?
Solução
Por que não fazer as duas coisas?
Desenhar um círculo em cada extremidade e uma linha entre os dois.
Editar rofl, simplesmente não conseguia me conter.
Na verdade, você não quer usar pygame.draw.line
porque engana. Ele enche uma vasta fileira um pixel ou coluna (dependendo do ângulo de ataque) de pixels. Se você vai fazer em um ângulo de aproximadamente perpendicular, 0 graus ou 90 graus, este não é um problema, mas em 45 de, você vai notar uma espécie de feijão de corda efeito.
A única solução é para desenhar um círculo à distância de cada pixel. Aqui ...
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()
Outras dicas
Não blitting em cada passo loop pode melhorar a velocidade do desenho (utilizando este código adaptado a partir do anterior permitem a remover problema atraso na minha máquina)
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()
Para o primeiro problema, você precisa ter um plano, mesmo se é apenas uma cor. Eu tive o mesmo problema com um jogo réplica pong eu fiz. Aqui está um exemplo de um programa de pintura replica que eu fiz, clique esquerdo para desenhar, clique direito de apagar, clique sobre a imagem de cores para escolher uma cor, e até botão para a tela clara:
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)
Aqui está uma versão simplificada de Matthew exemplo que infelizmente não é executável.
Quando o rato é movido, eventos pygame.MOUSEMOTION
são adicionadas à fila de eventos que contêm a posição e o movimento relativo. Você pode usá-los para calcular a posição anterior e, em seguida, passar os dois pontos para pygame.draw.line
.
eventos pygame.MOUSEMOTION
também têm um atributo buttons
que você pode usar para verificar qual botão do mouse é atualmente para baixo.
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()