def makeModel(data):
    # Set up your simulation components here
    data["cx"] = 200
    data["cy"] = 200
    data["size"] = 50
    data["color"] = "cyan"
    #make sure you understand how data["dir"] is being used to keep track of the circle's direction!
    data["dir"] = "right"
    #HINT: you may need to add an additional value here

def makeView(data, canvas):
    # The simulation view is written here, using the Tkinter canvas
    canvas.create_oval(data["cx"] - data["size"], data["cy"] - data["size"], data["cx"] + data["size"], data["cy"] + data["size"], fill=data["color"])

def runRules(data, call):
    # You can update simulation rules here, by changing or using data
    if data["dir"] == "right":
        data["cx"] = data["cx"] + 10
        if data["cx"]>340: #we want to make sure the canvas does not go off the page, so 400-data["size"]-10=340
            data["dir"] = "left"
    else:
        data["cx"] = data["cx"] - 10
        if data["cx"]<60: #we want to make sure the canvas does not go off the page, so 0+data["size"]+10=60
            data["dir"] = "right"

def keyPressed(data, event):
    # Use event.keysym to for "Return", "Up", and "Down"
    # (you could also use event.char to get other characters pressed)
    pass


def mousePressed(data, event):
    # You could additional elements to the simulation based on mouse clicks in this function!
    # Use event.x and event.y to get the (x,y) location of the clicked pixel
    pass

# You do not need to be able to write the following functions;
# just modify the five functions above.

from tkinter import *

def timeLoop(data, canvas, call):
    runRules(data, call)

    canvas.delete(ALL)
    makeView(data, canvas)
    canvas.update()

    canvas.after(data["timeRate"], timeLoop, data, canvas, call + 1)

def keyEventHandler(data, canvas, event):
    keyPressed(data, event)
    
    canvas.delete(ALL)
    makeView(data, canvas)
    canvas.update()
    
def mouseEventHandler(data, canvas, event):
    mousePressed(data, event)
    
    canvas.delete(ALL)
    makeView(data, canvas)
    canvas.update()
    
def runSimulation(w, h, timeRate):
    data = { }
    data["timeRate"] = int(timeRate * 1000) # call will be in ms
    makeModel(data)
    
    root = Tk()
    canvas = Canvas(root, width=w, height=h)
    canvas.configure(bd=0, highlightthickness=0)
    canvas.pack()
    makeView(data, canvas)
    
    canvas.after(data["timeRate"], timeLoop, data, canvas, 1)
    
    root.bind("<Key>", lambda event : keyEventHandler(data, canvas, event))
    root.bind("<Button-1>", lambda event : mouseEventHandler(data, canvas, event))
    
    root.mainloop()

runSimulation(400, 400, 0.1)