CSC111 Programs for Week 10 2015
--D. Thiebaut (talk) 05:48, 6 April 2015 (EDT)
Contents
Skeleton Program for Displaying an Image
The program below will work with this image, named "catGlasses.gif". It should be located in the same directory where the program is saved.
# imageProcessingSkel.py
# D. Thiebaut
# A skeleton program to start doing image processing
# in Python
from graphics import *
# image geometry
# 424x18
# make the window the same geometry
WIDTH = 424
HEIGHT = 418
IMAGEFILENAME = "catGlasses.gif"
#----------------------------------------------------------------
def waitForClick( win, message ):
""" waitForClick: stops the GUI and displays a message.
Returns when the user clicks the window. The message is erased."""
# wait for user to click mouse to start
startMsg = Text( Point( win.getWidth()/2, win.getHeight()-15 ), message )
startMsg.draw( win ) # display message
win.getMouse() # wait
startMsg.undraw() # erase
def main():
# open the window
win = GraphWin( "Image Editor", WIDTH, HEIGHT )
# open the cat image
cat = Image( Point(WIDTH//2, HEIGHT//2), IMAGEFILENAME )
cat.draw( win )
waitForClick( win, "click to close" )
win.close()
main()
Skeleton Program for Processing an Image
# pixelProcessingSkel.py
# D. Thiebaut
# Simple skeleton program for processing
# the pixels of an image
from graphics import *
# image geometry
# 424x18
# make the window the same geometry
WIDTH = 424
HEIGHT = 418
IMAGEFILENAME = "catGlasses.gif"
#----------------------------------------------------------------
def waitForClick( win, message ):
""" waitForClick: stops the GUI and displays a message.
Returns when the user clicks the window. The message is erased."""
# wait for user to click mouse to start
startMsg = Text( Point( win.getWidth()/2, win.getHeight()-15 ), message )
startMsg.draw( win ) # display message
win.getMouse() # wait
startMsg.undraw() # erase
def makeRed( win, img ):
""" set the red component of all the pixels to 255, the
maximum value.
"""
global WIDTH, HEIGHT
for x in range( WIDTH ):
for y in range( HEIGHT ):
red, green, blue = img.getPixel( x, y )
img.setPixel( x, y, color_rgb(255, green, blue ) )
def main():
win = GraphWin( "Image Editor", WIDTH, HEIGHT )
img = Image( Point(WIDTH//2, HEIGHT//2), IMAGEFILENAME )
img.draw( win )
makeRed( win, img )
waitForClick( win, "click to close" )
win.close()
main()
Image Processing: Program developed in class
# pixelProcessingSkel.py
# D. Thiebaut
# Simple skeleton program for processing
# the pixels of an image
# This is the code we developed in class
from graphics import *
# image geometry
# make the window the same geometry
WIDTH = 424 #243
HEIGHT = 418 #207
IMAGEFILENAME = "catGlasses.gif" #"catHat.gif"
# other image we can play with
#WIDTH = 243
#HEIGHT = 207
#IMAGEFILENAME = "catHat.gif"
def waitForClick( win, message ):
""" waitForClick: stops the GUI and displays a message.
Returns when the user clicks the window. The message is erased."""
# wait for user to click mouse to start
startMsg = Text( Point( win.getWidth()/2, win.getHeight()-15 ), message )
startMsg.draw( win ) # display message
win.getMouse() # wait
startMsg.undraw() # erase
def saturate( x ):
"""given a color amount, 0-255, returns 0 if the amount is closer to 0 than 255,
and returns 255 if not."""
if x < 255//2:
return 0
else:
return 255
def makeRed( win, img ):
""" set the red component of all the pixels to 255, the
maximum value.
"""
global WIDTH, HEIGHT
for y in range( HEIGHT ):
win.update()
for x in range( WIDTH ):
red, green, blue = img.getPixel( x, y )
green, blue, red = red, green, blue
red = saturate( red )
green = saturate( green )
blue = saturate( blue )
img.setPixel( x, y, color_rgb(red, green, blue ))
def makeBlackAndWhite( win, img ):
""" Make the image black and white, by making each pixel
grey. A grey pixel has the same amount of red, green, and blue.
"""
global WIDTH, HEIGHT
for y in range( HEIGHT ):
win.update()
for x in range( WIDTH ):
red, green, blue = img.getPixel( x, y )
# make the pixel grey, and use the average of the 3 values
# as the amount of grey.
avg = (green+blue+red)//3
img.setPixel( x, y, color_rgb(avg, avg, avg ) )
def addBorder( win, img ):
"""add a red border at the top of the image"
for y in range( 0, 15 ):
for x in range( WIDTH ):
img.setPixel( x, y, color_rgb( 255, 0, 0 ) )
def main():
win = GraphWin( "Dominique Thiebaut", WIDTH, HEIGHT )
img = Image( Point(WIDTH//2, HEIGHT//2), IMAGEFILENAME )
img.draw( win )
makeRed( win, img )
addBorder( win, img )
waitForClick( win, "click to close" )
win.close()
main()
Playing Checkers
ChangeColorPiece.py
# changeColorPiece.py
# D. Thiebaut
# Create new checkers image with different color.
# based on piece.gif. New image saved in piece2.gif
#
from graphics import *
WIDTH = 80 # dimension of checkers piece
HEIGHT= 80
def main():
# open the window
win = GraphWin( "Checkers", WIDTH, HEIGHT )
# open image of black piece
piece = Image( Point( WIDTH//2, HEIGHT//2 ),
"piece.gif" )
piece.draw( win )
# change color of all the dark pixels
for x in range( WIDTH ):
for y in range( HEIGHT ):
r, g, b = piece.getPixel( x, y )
# don't change the color of the mostly white pixels
if r>255-10 and g>255-10 and b>255-10:
continue
# create a new color based on the r,g,b of the original pixel
newColor = color_rgb( r + (255-r)//2, g, b+(255-b)//2 )
piece.setPixel( x, y, newColor )
# save modified image into new file
piece.save( "piece2.gif" )
# close window
win.close()
main()
Checkers0.py
This program is the bare skeleton for display the board. You have to add the code inside the displayBoard() function.
# checkers0.py
# D. Thiebaut
# A first program to display an 8x8 chessboard
# in a graphic window.
#
from graphics import *
WIDTH = 600 # width of the window
HEIGHT= 600 # height of the window
SIDE = 600//8 # the side of a cell of the 8x8 board
def displayBoard( win ):
"""displays an 8x8 board in the graphic window. The board extends to the sides of the window'''
# add your code here...
return
def waitForClick( win, message ):
""" waitForClick: stops the GUI and displays a message.
Returns when the user clicks the window. The message is erased."""
# wait for user to click mouse to start
startMsg = Text( Point( win.getWidth()/2, win.getHeight()-15 ), message )
startMsg.draw( win ) # display message
win.getMouse() # wait
startMsg.undraw() # erase
def main():
# open the window
win = GraphWin( "Checkers", WIDTH, HEIGHT )
# display 8x8 checkers board
displayBoard( win )
# wait for user to click before closing everything...
waitForClick( win, "click to close" )
win.close()
main()
Display Checkers
This is a cleaned up version of the program we created in class on 4/08/15. It only displays the checkers pieces on black squares only, white pieces on the top 3 rows, black pieces on the bottom 3 rows.
# checkers4.py
# D. Thiebaut
# Displays the images for the checkers.
#
from graphics import *
WIDTH = 680
HEIGHT= 680
SIDE = 680 // 8
class CheckersPiece:
def __init__( self, col, ii, jj ):
self.color = col
self.i = ii
self.j = jj
if col=="white":
self.image = Image( Point( ii*SIDE + SIDE//2,
jj*SIDE + SIDE//2 ), "piece2.gif" )
else:
self.image = Image( Point( ii*SIDE + SIDE//2,
jj*SIDE + SIDE//2 ), "piece.gif" )
def draw( self, win ):
self.image.draw( win )
def undraw( self ):
self.image.undraw()
def isWhiteCell( i, j ):
"""returns True if the cell identified by (i,j) is
a white cell on the board. White cells correspond to
i+j being an even number."""
if (i+j) % 2 == 0:
return True
else:
return False
def displayBoard( win ):
"""display board with alternating black and white cells"""
for i in range( 0, 8 ):
for j in range( 0, 8 ):
x = i * SIDE
y = j * SIDE
rect = Rectangle( Point( x, y ), Point( x+SIDE, y+SIDE ) )
if isWhiteCell( i, j ):
rect.setFill( "white" )
else:
rect.setFill( "grey" )
rect.draw( win )
#Text( Point( x+side//2, y+side//2 ),
# "{0:1} {1:1}".format( i, j ) ).draw(win)
def displayCheckers( win ):
""" display checkers on black cells only, top and bottom 3 rows"""
checkers = []
for i in range( 8 ):
# top 3 rows
for j in range( 0, 3 ):
if isWhiteCell( i, j )==False:
piece = CheckersPiece( "white", i, j )
piece.draw( win )
checkers.append( piece )
# bottom 3 rows
for j in range( 5, 8 ):
if isWhiteCell( i, j )==False:
piece = CheckersPiece( "black", i, j )
piece.draw( win )
checkers.append( piece )
return checkers
def main():
# open the window
win = GraphWin( "Checkers", WIDTH, HEIGHT )
# display 8x8 checkers board
displayBoard( win )
# display the checkers on top of the board.
# 3 rows of white checkers on black cells
# and 3 rows of black checkers on white cells
checkers = displayCheckers( win )
win.getMouse()
win.close()
main()
Remove Checkers, One by One
# checkers00.py
# D. Thiebaut
# Displays checker board. Then displays 3 rows of white
# and black checkers pieces.
# Allows the user to remove checkers, one by one, by
# clicking on them.
#
from graphics import *
WIDTH = 680 # width of the window
HEIGHT= 680 # height of the window
SIDE = 680//8 # the side of a cell of the 8x8 board
class Piece:
def __init__( self, ii, jj, col ):
self.i = ii
self.j = jj
self.color = col
x = ii * SIDE + SIDE//2
y = jj * SIDE + SIDE//2
"""
self.circ1 = Circle( Point( x, y ), SIDE//2 )
if col=="white":
self.circ1.setFill( color_rgb( 250, 250, 250 ) )
else:
self.circ1.setFill( color_rgb( 10, 10, 10 ) )
self.circ2 = Circle( Point( x, y ), SIDE//2 - 5 )
if col=="white":
self.circ2.setFill( color_rgb( 230, 230, 230 ) )
else:
self.circ2.setFill( color_rgb( 50, 50, 50 ) )
"""
if col=="white":
self.image = Image( Point( x, y ), "piece2.gif" )
else:
self.image = Image( Point( x, y ), "piece.gif" )
def __str__( self ):
return "Piece: ({0:1},{1:1}) {2:1}".format( self.i, self.j, self.color )
def draw( self, win ):
"""
self.circ1.draw( win )
self.circ2.draw( win )
"""
self.image.draw( win )
def undraw( self ):
self.image.undraw()
def getI( self ):
return self.i
def getJ( self ):
return self.j
def moveToSquare( self, i, j, win ):
destX = i * SIDE + SIDE//2
destY = j * SIDE + SIDE//2
currentX = self.i * SIDE + SIDE//2
currentY = self.j * SIDE + SIDE//2
deltaX = destX - currentX
deltaY = destY - currentY
self.image.undraw()
self.image._move( deltaX, deltaY )
self.image.draw( win )
self.i = i
self.j = j
def displayBoard( win ):
"""display an 8x8 board"""
for i in range( 8 ):
for j in range( 8 ):
x = i*SIDE
y = j*SIDE
rect = Rectangle( Point( x, y ), Point( x+SIDE, y+SIDE ) )
if (i+j)%2 == 0:
rect.setFill( color_rgb( 255, 255, 255 ) )
else:
rect.setFill( color_rgb( 100, 100, 100 ) )
rect.draw( win )
def isBlack( i, j ):
if (i+j)%2 == 0:
return False
else:
return True
def displayCheckers( win ):
checkers = []
for i in range( 8 ):
for j in range( 3 ):
if isBlack( i, j ):
piece = Piece( i, j, "white" )
piece.draw( win )
checkers.append( piece )
for i in range( 8 ):
for j in range( 5, 8 ):
if isBlack( i, j ):
piece = Piece( i, j, "black" )
piece.draw( win )
checkers.append( piece )
return checkers
def getCheckerPieceAt( i, j, checkers ):
for piece in checkers:
if piece.getI() == i and piece.getJ() == j:
return piece
return None
def main():
# open the window
win = GraphWin( "Checkers", WIDTH, HEIGHT )
# display 8x8 checkers board
displayBoard( win )
checkers = displayCheckers( win )
# -----------------------------------------------
# Animation Loop
# -----------------------------------------------
while len( checkers ) > 0:
# see if the user clicked the mouse
mouseClick = win.checkMouse()
# if not, then keep looping and do nothing
if mouseClick == None:
continue
# mouseClick is the point that was clicked.
# transform the x and y of the point into i and j
# identifying the squares of the checkerboard
i = mouseClick.getX() // SIDE
j = mouseClick.getY() // SIDE
print( "User clicked on cell", i, ", ", j )
# check to see if a checkers piece was clicked
piece = getCheckerPieceAt( i, j, checkers )
if piece != None:
# yes, a piece was clicked! Remove it.
print( "User clicked on a checkers piece", piece )
piece.undraw()
checkers.remove( piece )
win.close()
main()
Move Checkers
Here the user moves the checkers, one by one, to any place on the board.
# checkers4.py
# D. Thiebaut
# Displays the images for the checkers.
#
from graphics import *
WIDTH = 680
HEIGHT= 680
SIDE = 680 // 8
class CheckersPiece:
def __init__( self, col, ii, jj ):
self.color = col
self.i = ii
self.j = jj
if col=="white":
self.image = Image( Point( ii*SIDE + SIDE//2,
jj*SIDE + SIDE//2 ), "piece2.gif" )
else:
self.image = Image( Point( ii*SIDE + SIDE//2,
jj*SIDE + SIDE//2 ), "piece.gif" )
def getI( self ):
return self.i
def getJ( self ):
return self.j
def draw( self, win ):
self.image.draw( win )
def undraw( self ):
self.image.undraw()
def moveToCell( self, ii, jj ):
self.image.move( (ii-self.i)*SIDE, (jj-self.j)*SIDE )
def __str__( self ):
s = "Piece ({0:1},{1:1}) {2:1}".format( self.i, self.j, self.color)
return s
def isWhiteCell( i, j ):
"""returns True if the cell identified by (i,j) is
a white cell on the board. White cells correspond to
i+j being an even number."""
if (i+j) % 2 == 0:
return True
else:
return False
def displayBoard( win ):
"""display board with alternating black and white cells"""
for i in range( 0, 8 ):
for j in range( 0, 8 ):
x = i * SIDE
y = j * SIDE
rect = Rectangle( Point( x, y ), Point( x+SIDE, y+SIDE ) )
if isWhiteCell( i, j ):
rect.setFill( "white" )
else:
rect.setFill( "grey" )
rect.draw( win )
#Text( Point( x+side//2, y+side//2 ),
# "{0:1} {1:1}".format( i, j ) ).draw(win)
def displayCheckers( win ):
""" display checkers on black cells only, top and bottom 3 rows"""
checkers = []
for i in range( 8 ):
# top 3 rows
for j in range( 0, 3 ):
if isWhiteCell( i, j )==False:
piece = CheckersPiece( "white", i, j )
piece.draw( win )
checkers.append( piece )
# bottom 3 rows
for j in range( 5, 8 ):
if isWhiteCell( i, j )==False:
piece = CheckersPiece( "black", i, j )
piece.draw( win )
checkers.append( piece )
return checkers
def getCheckersAt( i, j, checkers ):
for piece in checkers:
if piece.getI()==i and piece.getJ()==j:
return piece
return None
def main():
# open the window
win = GraphWin( "Checkers", WIDTH, HEIGHT )
# display 8x8 checkers board
displayBoard( win )
# display the checkers on top of the board.
# 3 rows of white checkers on black cells
# and 3 rows of black checkers on white cells
checkers = displayCheckers( win )
# animation loop
clickedPiece = None
while True:
# check if use clicked on board
# if not, keep looping
p = win.checkMouse()
if p==None:
continue
i = p.getX()//SIDE
j = p.getY()//SIDE
print( "user clicked on Cell", i, ",", j )
piece = getCheckersAt( i, j, checkers )
# is it on a piece?
if piece != None:
# if so, remember that piece as the clicked-piece
print( "Clicked on", piece )
clickedPiece = piece
print( "clickedPiece is now", clickedPiece )
else:
# if not on a piece, then clicked an empty cell
# if the clicked-piece exists,
if clickedPiece != None:
# then move it to the empty cell
clickedPiece.moveToCell( i, j )
print( "Moved piece", clickedPiece, "to", i,",", j )
# un-remember the cliked-piece
clickedPiece = None
else:
# if the clicked-piece does not exist
# then do nothing
continue
win.getMouse()
win.close()
main()
Aquarium
# aquarium.gif
# D. Thiebaut
# Displays 4 fish on the image, making them move randomly around the aquarium.
#
from graphics import *
import random # because the fish should move randomly, horizontally and vertically.
WIDTH = 700 # geometry of tank2.gif
HEIGHT = 517
class Fish:
"""A class for the fish. Build it so that it looks as much as possible the
other graphics objects in Zelle's library."""
def __init__( self, fileNm, xx, yy ):
self.fileName = fileNm
self.x = xx
self.y = yy
self.image = Image( Point( xx, yy ), fileNm )
def draw( self, win ):
"""draws the image on the graphic window."""
self.image.draw( win )
def moveRandom( self ):
"""move the fish to the left.
deltax = - random.randrange( 10 )
deltay = random.randrange( -3, 3 )
self.image.move( deltax, deltay )
x = self.image.getAnchor().getX()
if x < -50:
self.image.move( WIDTH+100, 0 )
def main():
# open the window
win = GraphWin( "CSC Aquarium", WIDTH, HEIGHT )
# display background
background = Image( Point( WIDTH//2, HEIGHT//2 ), "tank2.gif" )
background.draw( win )
fishList = []
for i in range( 4 ):
fish = Fish( "fish0.gif", i*100, 350 )
fish.draw( win )
fishList.append( fish )
# animation loop
while True:
# move all fish
for fish in fishList:
fish.moveRandom()
win.getMouse()
win.close()
main()
