Accueil > > > MANIPULATION À LA SOURIS D'UN GRAPHE SANS CIRCUIT (AVEC LA LIBRAIRIE PYGAME)
MANIPULATION À LA SOURIS D'UN GRAPHE SANS CIRCUIT (AVEC LA LIBRAIRIE PYGAME)
Information sur la source
Description
Dans l'optique de manipuler un assemblage d'images à la manière d'un pantin articulé, j'ai commencé par implémenter l'idée avec un graphe sans circuits, sous forme de segments articulés.
Ce module permet de déplacer à la souris chaque sommet du graphe, les distances entre les sommets sont respectées.
Le code est volontairement dépouillé afin de vous permettre de l'utiliser dans vos propres projets.
La partie la plus importante est l'algo qui calcule les nouvelles coordonnées des points.(methode move).
- La fonction s'appelle elle-même (récursivité). les nouvelles coordonnées des prédecesseurs et successeurs du point déplacé sont calculées récursivement avant la modification éffective du point. Cela évite d'implémenter une structure de données "pile" puisque les appels récursifs utilisent nativement une pile qui sauvegarde le contexte à la focntion lors de chaque appel.
- Le principe du calcul d'une nouvelle position d'un point A vers une position A' est le suivant :
pour chaque prédecesseur B du point A
calculer les coordonnées du point A de manière que B A et A' soient alignés et l'ancienne distance BA soit respectée
calculer en x et y les distances restant à parcourir au point A pour rejoindre la position A'.
Apliquer ce déplacement au point B
Enfin :
Amusez-vous avec, ajoutez des points modifier le graphe, mes gosses ont "bloqué" dessus pendant une heure !!
Source
- # -*- coding: cp1252 -*-
- #Jean-Christophe Bouvard Juillet 2007
- #nekochat@gmail.com
-
- #déplacement graphique d'un graphe sans circuits
- #a la manière d'un pantin articulé
- #le graphe peut contenir des sous-graphes non connexes
-
- import math
- import os
- import getopt
- import pygame
- from pygame.locals import *
-
-
- class SimpleGraph:
- def __init__(self,points ,arcs):
- #liste de couples (x,y) convertis en float pour conserver la précision
- self.points=points
- for p in range(0,len(self.points)-1):
- self.points[p] =intpoint2floatpoint(self.points[p])
- #liste de tuples représentant l'ensemble des index de points adjacents
- self.arcs=arcs
- self.taglist=[]
-
-
- #déplacer un point en déplacant l'ensemble des sommets de manière récursive
- def move(self,pointindex, newpos):
- mynewpos=intpoint2floatpoint(newpos)
- self.taglist=[]
- self.internalmove(pointindex, mynewpos)
- self.taglist=[]
-
- def internalmove(self,pointindex, mynewpos):
- if not pointindex in self.taglist:
- self.taglist.append(pointindex)
-
- #parcours des successeurs.
- for i in self.arcs[pointindex]:
- #calcul des coordonnées du prédecesseur
- #d'abord rotation du point autour du prédecesseur (en gardant la même distance) pour l'aligner
- #avec la postion de destination
- if i==pointindex:
- print "redondance !" + str(i)
- ivector=vectorfrom2points(self.points[i],mynewpos)
- #rotatepoint=rotatesegment(self.points[i],mynewpos,ivector[0])
- dist=distance(self.points[i],self.points[pointindex])
- rotatepoint=(self.points[i][0]+ math.cos(ivector[0])*dist,self.points[i][1]+ math.sin(ivector[0])*dist)
-
-
- #ensuite calcul des distances dx et dy à parcourir pour atteindre la position finale
- deltapoint=(mynewpos[0]-rotatepoint[0],mynewpos[1]-rotatepoint[1])
- #ajouter le mouvement de ce nouveau point dans la pile par un appel récursif à la fonction move
- self.internalmove(i,(self.points[i][0]+deltapoint[0],self.points[i][1]+deltapoint[1]))
- #parcour des predecesseurs
- for i in range(0, len(self.points)):
- if pointindex in self.arcs[i]:
- #calcul des coordonnées du prédecesseur
- #d'abord rotation du point autour du prédecesseur (en gardant la même distance) pour l'aligner
- #avec la postion de destination
- ivector=vectorfrom2points(self.points[i],mynewpos)
- dist=distance(self.points[i],self.points[pointindex])
- rotatepoint=(self.points[i][0]+ math.cos(ivector[0])*dist,self.points[i][1]+ math.sin(ivector[0])*dist)
-
- #ensuite calcul des distances dx et dy à parcourir pour atteindre la position finale
- deltapoint=(mynewpos[0]-rotatepoint[0],mynewpos[1]-rotatepoint[1])
-
- #ajouter le mouvement de ce nouveau point dans la pile par un appel récursif à la fonction internalmove
- self.internalmove(i,(self.points[i][0]+deltapoint[0],self.points[i][1]+deltapoint[1]))
- #... et enfin deplacer le point
- self.points[pointindex]=mynewpos
-
- #recherche du sommet le plus proche d'une position donnée (surtout utilisée pour le pointage à la souris)
- def nearestpoint(self,point):
- best=0
- for i in range(0, len(self.points)):
- if distance(self.points[i],point)<distance(self.points[best],point):
- best=i
- return best
-
- #Classe qui dessine une représentation d'une instance de notre SimpleGraph
- class SimpleGraphDrawing:
- def __init__(self,screen,simplegraph,arccolor=(0,0,0),pointcolor=(0,0,0)):
- self.screen=screen
- self.arccolor=arccolor
- self.pointcolor=pointcolor
- self.graph=simplegraph
-
- #dessiner le graphe
- def draw(self):
- for point in self.graph.points:
- indice=self.graph.points.index(point)
-
- for arc in self.graph.arcs[indice]:
- pygame.draw.line(self.screen, self.arccolor, floatpoint2intpoint(point),floatpoint2intpoint(self.graph.points[arc]), 1)
- #un petit cercle autour de notre sommet pour faire joli
- pygame.draw.circle(self.screen, self.pointcolor, floatpoint2intpoint(point), 5, 1)
-
- #-----------------------------------------------------------------------------------------------
- #Fonctions utiles dans la manipulation des sommets
-
- #transformer un coupe d'entier en un couple de float
- def intpoint2floatpoint(point):
- return (float(point[0]),float(point[1]))
-
-
- #...et un couple de float en entiers
- def floatpoint2intpoint(point):
- return (int(round(point[0])),int(round(point[1])))
-
-
- #le point1 est le centre du cercle, le point2 est sur le cercle
- #renvoie les coordonnées du point2 "déplacé" sur le cercle en accord avec l'angle
- def rotatesegment(point1,point2,angle):
- d=distance(point2,point1)
- return (point1[0]+math.cos(angle)*d,point1[1]+math.sin(angle)*d)
-
- #calculer la distance entre 2 points
- def distance(floatpoint1,floatpoint2):
- return abs(math.sqrt(math.pow(floatpoint2[0]-floatpoint1[0],2)+ math.pow(floatpoint2[1]-floatpoint1[1],2)))
-
-
- #le point1 est le centre du cercle, le point2 est sur le cercle
- #on renvoie les coordonnées polaires (angle, distance entre les 2 points)
- def vectorfrom2points(floatpoint1,floatpoint2):
- mydistance=distance(floatpoint1,floatpoint2)
- point=(floatpoint2[0]-floatpoint1[0],floatpoint2[1]-floatpoint1[1])
- if mydistance!=0.0:
- if point[0]==0.0:
- angle=(point[1]/abs(point[1]))*math.pi/2
- else:
- angle=math.atan(point[1]/point[0])
- if point[0]<0.0:
- angle=math.pi+angle
- else:
- print "distance=0 !"
- angle=0
- mydistance=0
- return (angle,mydistance)
-
- #-----------------------MAIN------------------------------------------------------------------------------------------------
-
- def main():
-
- pygame.init()
- screen = pygame.display.set_mode((640, 480))
- pygame.display.set_caption("manipuler un pantin")
-
-
- #Création du fond
- background = pygame.Surface(screen.get_size())
- background = background.convert()
- background.fill((250, 250, 250))
-
- #données du graphe
- points=[(75,125),(100,125),(150,175),(175,225),(200,175),(150,75),(200,100),(200,50), (320,250),(400,300),(425,450)]
- arcs=[[1],[2,5],[3,4],[],[],[6,7],[],[],[9],[10],[]]
-
- #création du graphe
- mongraphe=SimpleGraph(points,arcs)
- graphdraw=SimpleGraphDrawing(screen,mongraphe,(0,0,0),(250,45,45))
- graphdraw.draw()
- #Afficher le fond
- screen.blit(background, (0, 0))
- pygame.display.flip()
- #Préparation...
- clock = pygame.time.Clock()
- #Main Loop--------------------------------------------------------------
-
- #flag pour signifier que le déplacement d'un sommet est en cours
- mousedown=False
- while 1:
- clock.tick(60)
-
- #gestion des evennements
- for event in pygame.event.get():
- if event.type == QUIT:
- return
- #le bouton de la souris est enfoncée
- #si il était levé on selectionne le sommet le plus proche
- #qui suivra les mouvements de la souris jusqu'à qu'il soit relâché
- elif event.type==MOUSEBUTTONDOWN:
- if mousedown==False:
- selectpoint=graphdraw.graph.nearestpoint(pygame.mouse.get_pos())
- mousedown=True
- elif event.type==MOUSEBUTTONUP:
- mousedown=False
- if mousedown==True:
- graphdraw.graph.move(selectpoint,pygame.mouse.get_pos())
- #Re-dessiner tout
- screen.blit(background, (0, 0))
- graphdraw.draw()
- pygame.display.flip()
- #------------------------------------------------------------------------------
-
- #Appel de la fonction main lorsque le module est exécuté
- if __name__ == '__main__': main()
# -*- coding: cp1252 -*-
#Jean-Christophe Bouvard Juillet 2007
#nekochat@gmail.com
#déplacement graphique d'un graphe sans circuits
#a la manière d'un pantin articulé
#le graphe peut contenir des sous-graphes non connexes
import math
import os
import getopt
import pygame
from pygame.locals import *
class SimpleGraph:
def __init__(self,points ,arcs):
#liste de couples (x,y) convertis en float pour conserver la précision
self.points=points
for p in range(0,len(self.points)-1):
self.points[p] =intpoint2floatpoint(self.points[p])
#liste de tuples représentant l'ensemble des index de points adjacents
self.arcs=arcs
self.taglist=[]
#déplacer un point en déplacant l'ensemble des sommets de manière récursive
def move(self,pointindex, newpos):
mynewpos=intpoint2floatpoint(newpos)
self.taglist=[]
self.internalmove(pointindex, mynewpos)
self.taglist=[]
def internalmove(self,pointindex, mynewpos):
if not pointindex in self.taglist:
self.taglist.append(pointindex)
#parcours des successeurs.
for i in self.arcs[pointindex]:
#calcul des coordonnées du prédecesseur
#d'abord rotation du point autour du prédecesseur (en gardant la même distance) pour l'aligner
#avec la postion de destination
if i==pointindex:
print "redondance !" + str(i)
ivector=vectorfrom2points(self.points[i],mynewpos)
#rotatepoint=rotatesegment(self.points[i],mynewpos,ivector[0])
dist=distance(self.points[i],self.points[pointindex])
rotatepoint=(self.points[i][0]+ math.cos(ivector[0])*dist,self.points[i][1]+ math.sin(ivector[0])*dist)
#ensuite calcul des distances dx et dy à parcourir pour atteindre la position finale
deltapoint=(mynewpos[0]-rotatepoint[0],mynewpos[1]-rotatepoint[1])
#ajouter le mouvement de ce nouveau point dans la pile par un appel récursif à la fonction move
self.internalmove(i,(self.points[i][0]+deltapoint[0],self.points[i][1]+deltapoint[1]))
#parcour des predecesseurs
for i in range(0, len(self.points)):
if pointindex in self.arcs[i]:
#calcul des coordonnées du prédecesseur
#d'abord rotation du point autour du prédecesseur (en gardant la même distance) pour l'aligner
#avec la postion de destination
ivector=vectorfrom2points(self.points[i],mynewpos)
dist=distance(self.points[i],self.points[pointindex])
rotatepoint=(self.points[i][0]+ math.cos(ivector[0])*dist,self.points[i][1]+ math.sin(ivector[0])*dist)
#ensuite calcul des distances dx et dy à parcourir pour atteindre la position finale
deltapoint=(mynewpos[0]-rotatepoint[0],mynewpos[1]-rotatepoint[1])
#ajouter le mouvement de ce nouveau point dans la pile par un appel récursif à la fonction internalmove
self.internalmove(i,(self.points[i][0]+deltapoint[0],self.points[i][1]+deltapoint[1]))
#... et enfin deplacer le point
self.points[pointindex]=mynewpos
#recherche du sommet le plus proche d'une position donnée (surtout utilisée pour le pointage à la souris)
def nearestpoint(self,point):
best=0
for i in range(0, len(self.points)):
if distance(self.points[i],point)<distance(self.points[best],point):
best=i
return best
#Classe qui dessine une représentation d'une instance de notre SimpleGraph
class SimpleGraphDrawing:
def __init__(self,screen,simplegraph,arccolor=(0,0,0),pointcolor=(0,0,0)):
self.screen=screen
self.arccolor=arccolor
self.pointcolor=pointcolor
self.graph=simplegraph
#dessiner le graphe
def draw(self):
for point in self.graph.points:
indice=self.graph.points.index(point)
for arc in self.graph.arcs[indice]:
pygame.draw.line(self.screen, self.arccolor, floatpoint2intpoint(point),floatpoint2intpoint(self.graph.points[arc]), 1)
#un petit cercle autour de notre sommet pour faire joli
pygame.draw.circle(self.screen, self.pointcolor, floatpoint2intpoint(point), 5, 1)
#-----------------------------------------------------------------------------------------------
#Fonctions utiles dans la manipulation des sommets
#transformer un coupe d'entier en un couple de float
def intpoint2floatpoint(point):
return (float(point[0]),float(point[1]))
#...et un couple de float en entiers
def floatpoint2intpoint(point):
return (int(round(point[0])),int(round(point[1])))
#le point1 est le centre du cercle, le point2 est sur le cercle
#renvoie les coordonnées du point2 "déplacé" sur le cercle en accord avec l'angle
def rotatesegment(point1,point2,angle):
d=distance(point2,point1)
return (point1[0]+math.cos(angle)*d,point1[1]+math.sin(angle)*d)
#calculer la distance entre 2 points
def distance(floatpoint1,floatpoint2):
return abs(math.sqrt(math.pow(floatpoint2[0]-floatpoint1[0],2)+ math.pow(floatpoint2[1]-floatpoint1[1],2)))
#le point1 est le centre du cercle, le point2 est sur le cercle
#on renvoie les coordonnées polaires (angle, distance entre les 2 points)
def vectorfrom2points(floatpoint1,floatpoint2):
mydistance=distance(floatpoint1,floatpoint2)
point=(floatpoint2[0]-floatpoint1[0],floatpoint2[1]-floatpoint1[1])
if mydistance!=0.0:
if point[0]==0.0:
angle=(point[1]/abs(point[1]))*math.pi/2
else:
angle=math.atan(point[1]/point[0])
if point[0]<0.0:
angle=math.pi+angle
else:
print "distance=0 !"
angle=0
mydistance=0
return (angle,mydistance)
#-----------------------MAIN------------------------------------------------------------------------------------------------
def main():
pygame.init()
screen = pygame.display.set_mode((640, 480))
pygame.display.set_caption("manipuler un pantin")
#Création du fond
background = pygame.Surface(screen.get_size())
background = background.convert()
background.fill((250, 250, 250))
#données du graphe
points=[(75,125),(100,125),(150,175),(175,225),(200,175),(150,75),(200,100),(200,50), (320,250),(400,300),(425,450)]
arcs=[[1],[2,5],[3,4],[],[],[6,7],[],[],[9],[10],[]]
#création du graphe
mongraphe=SimpleGraph(points,arcs)
graphdraw=SimpleGraphDrawing(screen,mongraphe,(0,0,0),(250,45,45))
graphdraw.draw()
#Afficher le fond
screen.blit(background, (0, 0))
pygame.display.flip()
#Préparation...
clock = pygame.time.Clock()
#Main Loop--------------------------------------------------------------
#flag pour signifier que le déplacement d'un sommet est en cours
mousedown=False
while 1:
clock.tick(60)
#gestion des evennements
for event in pygame.event.get():
if event.type == QUIT:
return
#le bouton de la souris est enfoncée
#si il était levé on selectionne le sommet le plus proche
#qui suivra les mouvements de la souris jusqu'à qu'il soit relâché
elif event.type==MOUSEBUTTONDOWN:
if mousedown==False:
selectpoint=graphdraw.graph.nearestpoint(pygame.mouse.get_pos())
mousedown=True
elif event.type==MOUSEBUTTONUP:
mousedown=False
if mousedown==True:
graphdraw.graph.move(selectpoint,pygame.mouse.get_pos())
#Re-dessiner tout
screen.blit(background, (0, 0))
graphdraw.draw()
pygame.display.flip()
#------------------------------------------------------------------------------
#Appel de la fonction main lorsque le module est exécuté
if __name__ == '__main__': main()
Conclusion
...A venir, une appli de création de séquences animées basées sur une succession de postures données à un pantin articulé dont les différentes parties sont des images.
Je planche également sur une solution pour appliquer l'algo avec un graphe dans lequel il y a des cycles.
Historique
- 12 juillet 2007 10:34:49 :
- Quelques fautes d'orthographe corrigées et une petite explication complémentaire de l'algo.
Sources de la même categorie
Commentaires et avis
|
Derniers Blogs
[MIX 2010] - WINDOWS PHONE 7 EN SUPER STAR DU MICROSOFT MIX 2010 ![MIX 2010] - WINDOWS PHONE 7 EN SUPER STAR DU MICROSOFT MIX 2010 ! par redo
Me voici enfin arrivé au Microsoft Mix 2010, je dois vous avouer être arrivé un peu plus tard que d'habitude, ce qui explique que je n'ayez vu aucune info passer quant au premier keynote . certains événements sont plus importants que tout, ce qui était mo...
Cliquez pour lire la suite de l'article par redo [MIX 2010] - LIVRE GRATUIT SUR PROGRAMMER WINDOWS PHONE 7 SERIES ![MIX 2010] - LIVRE GRATUIT SUR PROGRAMMER WINDOWS PHONE 7 SERIES ! par redo
Disponible gratuitement : (153 pages) PDF Version : http://download.microsoft.com/download/7/C/8/7C820C6F-C205-4ECF-B9F3-1505DD13F9BF/ProgWinPhonePreview.pdf XPS Version : http://download.microsoft.com/download/E/3/5/E359FC51-1CF5-47F1-9BF3-74AB09D3339B/P...
Cliquez pour lire la suite de l'article par redo SQL SERVER : ESTIMER LE NOMBRE DE LIGNES RENVOYéES PAR UNE REQUêTE AVEC SQLCLRSQL SERVER : ESTIMER LE NOMBRE DE LIGNES RENVOYéES PAR UNE REQUêTE AVEC SQLCLR par christian
Dans certains cas très particuliers il peut être intéressant de savoir le nombre de ligne que va renvoyer une requête sans exécuter cette dernière. En effet les opérations de comptage sont généralement gourmande en ressource est très difficile à optim...
Cliquez pour lire la suite de l'article par christian [WF4] ACTIVITY AVEC VUE DéTAIL MASQUéE PAR DéFAUT, VIVE WPF![WF4] ACTIVITY AVEC VUE DéTAIL MASQUéE PAR DéFAUT, VIVE WPF! par JeremyJeanson
Le code suivant est destiné à répondre à une problématique courante en Workflow : Vous avez une activité dont le designer est complexe ou dont l'affichage prend une place importante à l'écran et la possibilité Collapse/Expand ne répond pas pleinement à vo...
Cliquez pour lire la suite de l'article par JeremyJeanson [SHAREPOINT 2010] CRéER ET PACKAGER UNE APPLICATION SILVERLIGHT POUR SHAREPOINT 2010[SHAREPOINT 2010] CRéER ET PACKAGER UNE APPLICATION SILVERLIGHT POUR SHAREPOINT 2010 par neodante
L'intégration native de Silverlight dans SharePoint 2010 représente une avancée majeure dans la conception des applications sur la plateforme SharePoint. Et pour cause, Silverlight repousse les limites du Web de SharePoint en offrant une expérience plus r...
Cliquez pour lire la suite de l'article par neodante
Logiciels
Xilisoft Convertisseur Vidéo Ultimate (5.1.39.0305)XILISOFT CONVERTISSEUR VIDéO ULTIMATE (5.1.39.0305)Xilisoft Convertisseur Vidéo Ultimate est un outil puissant de conversion vidéo, facile à utilise... Cliquez pour télécharger Xilisoft Convertisseur Vidéo Ultimate Xilisoft DVD Ripper Ultimate (5.0.64.0304)XILISOFT DVD RIPPER ULTIMATE (5.0.64.0304)Xilisoft DVD Ripper Ultimate est un logiciel excellent pour copier et convertir DVD vers presque ... Cliquez pour télécharger Xilisoft DVD Ripper Ultimate Rigs of Rods (63.3)RIGS OF RODS (63.3)c'est un jeu de multi-simulation camions,autobus voitures, avions, bateaux, hélicoptère avec défo... Cliquez pour télécharger Rigs of Rods Konvertor (4.00)KONVERTOR (4.00)Le logiciel est un gestionnaire multimedia affichant, jouant et convertissant plus de 2000 format... Cliquez pour télécharger Konvertor
|