Publicado el Deja un comentario

08 Pygame. Sigue el puntero del raton

En este video vemos como hacer que nuestro rectangulo se mueva siguiendo el puntero del raton.

# -*- coding: utf-8 -*-“””Created on Tue Aug 14 15:44:41 2018
@author: Jose“””
#importamos modulosimport pygame, sysfrom pygame.locals import *from random import randint
#init antes de usar pygamepygame.init()#declaramos ventana con alto anchoventana=pygame.display.set_mode((500,400))#titulopygame.display.set_caption(“Animacion, sigue puntero raton”)#variablescolorFondo=(25,150,70)colorRectangulo=(255,255,255)velocidad=10
posX,posY=randint(1,400),randint(1,300)#bucle ejecucion ventanawhile True:    ventana.fill(colorFondo)           pygame.draw.rect(ventana,colorRectangulo,(posX,posY,70,40))    #codigo seguir puntero raton    posX,posY=pygame.mouse.get_pos()    #lo centramos a rectangulo    posX=posX-35    posY=posY-20    #control de eventos    for evento in pygame.event.get():        if evento.type==QUIT:            pygame.quit()            sys.exit()        #actualizamos segun pulse tecla flechas        elif evento.type==pygame.KEYDOWN:             if evento.key==K_LEFT:                posX-=velocidad                if posX<0:                    posX=0            elif evento.key==K_RIGHT:                posX+=velocidad                if posX>(500-70):                    posX=500-70            elif evento.key==K_UP:                posY-=velocidad                if posY<0:                    posY=0            elif evento.key==K_DOWN:                posY+=velocidad                if posY>360:                    posY=360    #actualiza ventana    pygame.display.update()

Please follow and like us:
Publicado el Deja un comentario

07. CSS Enlaces

Modificamos propiedades de enlaces y puntero de raton mediante CSS.

El codigo HTML es:

<!doctype html>
<html lang=”ES”>
<head>
<link rel=”stylesheet” type=”text/css” href=”css/enlaces.css”>
<title>
Enlaces y cursor
</title>
</head>
<body>
<header>
<nav>
</nav>
</header>
<section>
<article>
<hgroup>
<h1>Titulo Principal</h1>
<h2>Titulo Secundario</h2>
</hgroup>
</article>
<p>Enlace sin subrayado <a class=”sinsubrayado” href=”#”>Enlace sin</a></p>
<p>Enlace normal <a class=”normal” href=”#”>Enlace normal</a></p>
<p>Enlace normal 2 <a class=”normal” href=”#”>Enlace normal 2</a></p>
</section>
<aside>
</aside>
<footer>
<h4>Pie de pagina</h4>
</footer>
</body>
</html>

El codigo CSS es:


/*www.ticoticotaa.es*/
/*@2016*/
*{
   
}
.sinsubrayado{
    text-decoration:none;
    border:none;
   
}
.normal{
    cursor:pointer; /*default  pointer*/
}
a:hover{
    color:red;
}
a:visited{
    color:yellow;
}
p:hover{
    color:pink;
}

Espero sea util, gracias.

Please follow and like us: