L05- Graphics1.pdf - Pygame and Computer Graphics Part 1...

This preview shows page 1 - 9 out of 28 pages.

Pygame and Computer Graphics, Part 1
ObjectivesComputer Graphics IntroWhat is PygameInstalling PygameBasics of PygameDrawing on a Surface4/9/2020CS172 - Drexel University2
ReadingReadings from “Making Games with Python & PygameChapters 1 and 234/9/2020CS172 - Drexel University
CLI vs. GUICLI: Command Line Interface:User interacts with the program via textDisplayed on the screen / Entered via keyboardNo graphics, colors, or mouse inputGUI: Graphical User Interface:Windows with graphics, colors, images, soundsUser can interact with the program via the mouse, keyboard, and other devices.4/9/2020CS172 - Drexel University4
Computer GraphicsGoing from a command-line interface (CLI) to a graphical user interface (GUI) is non-trivial!It involves things like:Determining how to render pixels on a screen given primitive representationi.e. How to make the pixels of a line given its endpointsCovered in CS 430How to respond to eventsWhere was a mouse clicked? And on what?And a lot of these things are hardware and software dependentGraphics card capabilitiesOperating System4/9/2020CS172 - Drexel University5
Computer GraphicsAs computers became more mainstream in the 1980’s, the desire for a more graphical interface became necessaryGraphics APIs (application programming interface) try to take away some of the “under the hood” details of graphics at different levels of abstractionCovered in CS 432 OpenGL Programming4/9/2020CS172 - Drexel University6
Computer GraphicsComputer Graphics are a great application of object oriented programming since intrinsically there are various “objects” on the screen.As a sort of case study for this course, we’ll look at making graphic applications using a Python 2D graphics API, Pygame4/9/2020CS172 - Drexel University7
What is Pygame?Pygame is a Free and Open Source Python library for making multimedia applications like games and animations.

  • Left Quote Icon

    Student Picture

  • Left Quote Icon

    Student Picture

  • Left Quote Icon

    Student Picture