pygame, making buttons, and drawing to screen

Ok, so first step to making the skull out of circles like I wanted to, was hell, I can make this a drawing program to just add the circles to screen i want with mouse clicks,  from there alter, manipulate it.

The progress so far:









Make it take button clicks... done...
Make it draw to screen.... done....
alter the choices with more then one button .... done
Much more to do, but it's a start, and hey maybe someone's looking up how to do this, so here's the code:
Question I'm asking myself is... Shouldn't all these global variables I'm making be in a container?  A class maybe, so they aren't just laying all over all... ugly, alterable, maybe getting clashed with another variable.  EH, I'll see what I can find, but it's easy to see this way for now.

Update: Put as much as I could into those handy python containers.
Runs the same, seems to be good.   Re-pasting code to update.
I need to make sure everything scales to screen size.  Will make a new post when I get this all doing what I want.
Found a bad error, fixing it... Then really, not updating until I get good working model.


#!usr/bin/python3
# -*- coding: utf-8 -*-
import pygame as pg
pg.init()

class SkullGlobals(object):
"""Class container for globally used variables """
    def __init__(self):
        self.WIDTH = 800
        self.HEIGHT = 800
        self.background_color = (110, 100, 110)
        self.BLUE = (40, 60, 200)
        self.LBLUE = (100, 100, 255)
        self.left_y = 0 + self.HEIGHT//100
        self.left_x = 0 + self.WIDTH//100
        self.right_y = self.HEIGHT - (self.left_y * 5)
        self.right_x = self.WIDTH - (self.left_x * 10)
        self.small_height = self.left_y * 5
        self.small_width = self.left_x * 10
        self.CENTER = (self.WIDTH//2, self.HEIGHT//2)
        self.MEDIUM_SIZE = (self.WIDTH//4 + self.HEIGHT//4)//2
        self.RED = (230, 50, 50)
        self.GREEN = (50, 230, 50)
        self.base_color = 150
## can not do this --> self.screen = pg.display.set_mode((globals.WIDTH, globals.HEIGHT))

globals = SkullGlobals()
screen = pg.display.set_mode((globals.WIDTH, globals.HEIGHT))
pg.display.set_caption(('Skull'))
screen.fill(globals.background_color)
animation_timer = pg.time.Clock()
pg.display.flip()

class ButtonXY(object):
""" class for a button object to draw to screen, and get x y coordinates of button """
    def __init__(self, my_screen, pos_x, pos_y, rect_width, rect_height, R, G, B, name):
        self.my_screen = my_screen
        self.pos_x = pos_x
        self.pos_y = pos_y
        self.width = rect_width
        self.height = rect_height
        self.R = R
        self.G = G
        self.B = B
        self.name = name

    def place_rect(self):
        """ pygame.draw.rect(screen, color, (x, y, width, height), width of outline) """
        color = (self.R, self.G, self.B)
        size = (self.pos_x, self.pos_y, self.width, self.height)
        pg.draw.rect(self.my_screen, color, size, 5)

    def get_rect_place(self):
        """ return the needed dimensions for button click check """
        end_x_pos = self.pos_x + self.width
        end_y_pos = self.pos_y + self.height
        rect_list_dims = [self.pos_x, self.pos_y, end_x_pos, end_y_pos]
        return rect_list_dims



class CircleXY(object):
""" Class for drawing circles onto screen """
    def __init__(self,my_screen, pos_x, pos_y, radius, R, G, B, speed, thickness):
        self.my_screen = my_screen
        self.pos_x = pos_x
        self.pos_y = pos_y
        self.radius = radius
        self.R = R
        self.G = G
        self.B = B
        self.x_change = speed
        self.y_change = speed
        self.thickness = thickness

    def draw_circle(self):
        """ place a circle at mouse position """
        color = (self.R, self.G, self.B)
        position = (self.pos_x, self.pos_y)
        pg.draw.circle(self.my_screen, color, position, self.radius, self.thickness)


class DrawIt(object):
""" class for defining and running the pygame screen creation/interaction"""
    def __init__(self):
        self.first_button = ButtonXY(screen, globals.left_x, globals.left_y, globals.small_width, globals.small_height, globals.base_color - 100, globals.base_color, globals.base_color - 100, "button1")

        self.second_button = ButtonXY(screen, globals.right_x, globals.right_y, globals.small_width, globals.small_height, globals.base_color, globals.base_color - 100, globals.base_color -100, "button2")

        self.rect_list = [self.first_button, self.second_button]

        self.ON = CircleXY(screen, globals.WIDTH//2, globals.HEIGHT//2, globals.MEDIUM_SIZE,  50, 230, 50, 1, 0)

        self.OFF = CircleXY(screen, globals.WIDTH//2, globals.HEIGHT//2, globals.MEDIUM_SIZE, 200, 50, 50, 1, 0)

        self.object_list = [self.ON, self.OFF]

        self.running = True

    def run_draw(self):
""" Running the pygame screen """
        while self.running:
            animation_timer.tick(45)
            screen.fill(globals.background_color)
            mousedown = False
            for event in pg.event.get():
                if event.type == pg.QUIT:
                    self.running = False
                if event.type == pg.MOUSEBUTTONDOWN:
                    mousedown = True
          
           for rects in self.rect_list:
                rects.place_rect()
                #print("placing rect =", rects.name) loops prints, delete when done
                if mousedown == True:
                    position = pg.mouse.get_pos()
                    # cbd = Current Button Dimensions
                    # list returned = [x position, y postion, x postion + width, y position + height]
                    cbd = rects.get_rect_place()
                    if cbd[0] < position[0] < cbd[2]:
                        if cbd[1] < position[1] < cbd[3]:
                            #print("IN BUTTON", rects.name)
                            if rects.name == "ON":
                                #self,my_screen, pos_x, pos_y, radius, R, G, B, speed, thickness
                                on = True
                                off = False
                            if rects.name == "OFF":
                                #print(" IN BUTTON", rects.name)
                                off = True
                                on = False

                        else:
                            pass

                if on:
                    item = self.object_list[0]
                    item.draw_circle()

                if off:
                    item = self.object_list[1]
                    item.draw_circle()
                #print(" object_list length ==========", len(self.object_list))
                pg.display.update()
drawing = DrawIt()
drawing.run_draw()



Comments

Post a Comment

Popular posts from this blog

JavaScript Ascii animation with while loops and console.log

I was working on figuring out while loops for an exercise in LearnJavaScriptTheHardWay  by Zed Shaw,  and I decided to do this: The red text console.logs were for debugging, and will take over the animation if the comments are removed. The bold red number is the point at which the loop stops.  My CPU didn't have too much trouble with that large number, but I'd recommend dialing it down if your CPU is slow. Also if your CPU is really fast, you'll have to change the pause to something much lower to see the animation better.  That too is in a loop, so the more that pause happens, the more loops your CPU is running.   Link: https://stackoverflow.com/questions/9006988/node-js-on-windows-how-to-clear-console To clear screen as described in link above, uncomment the bold purple comment I tried to comment the code to help learners see what I did,  any comments or suggestions, feel free to drop em in!                      ex16_ASCII.js //Trying to make a comma
Read more

playing with trigonometry sin in pygame

Image
Ok I am so far from understanding, so don't take this as any kind of math lesson. Also, every time I thought I knew what I was doing.... pygame would show me differently. Still a work in progress, but for now, something to play with. Update: SinWaveTime class added to produce that particular weaving effect Tinkering with the different sin wave variables: I wrote this piece separate from my 3D experiment to see how to manipulate the sin wave. While trying to use time as the factor to move my pygame draw circle on the x-axis, i got this crazy little doo-dad : I don't think it's drawing two circles at once, but if I figure out what the heck it's doing I'll let you know.  Or hey if you know, drop a comment.  I don't know if my comments are just not working, or no one wants to. So, here's some pygame code to play with the sin wave.  Alter the different variables to see it in action. picture of SinWave.move_with_time() see changes, SinWaveTime c
Read more

playing with color in powershell python

Here's a bit I'm working on.  I've discovered I love doing Ascii.  Examples of how to use the color changing escape.  I got a table from StackOverflow: https://stackoverflow.com/questions/287871/print-in-terminal-with-colors-using-python the charts are way at the bottom. So far accurate for me.  def prettyjunk ( self ): # 1 is bold, 0 is plain, 2 is dull text_red = ' \x1b [1;31;40m' stop_color = ' \x1b [0m' text_blue = ' \x1b [1;34;40m' text_green = ' \x1b [1;32;40m' text_purple = ' \x1b [1;35;40m' text_lightblue = ' \x1b [1;36;40m' text_white = ' \x1b [1;37;40m' a_green_at = ( f " { text_green } @ { stop_color } " ) a_red_at = ( f " { text_red } @ { stop_color } " ) print ( f " { text_red } This should be Red. { stop_color } " ) print ( f "
Read more