saniya
Uploaded by
9 SLIDES
244 VUES
100LIKES

Introduction to 2D Drawing Basics in XNA for CSE 3902

DESCRIPTION

This overview discusses the fundamentals of 2D drawing in XNA, focusing on coordinate systems and raster images. It covers essential components like the origin and 2-tuple positioning relative to the origin. The guide illustrates different 2D coordinate systems, including Cartesian and Polar coordinates, and elaborates on raster image types such as PPM, GIF, JPEG, and PNG. Additionally, it explains the SpriteBatch class in XNA, highlighting methods for sprite drawing, including Begin, Draw, and End, as well as how to utilize the Texture2D class for rendering graphics.

1 / 9

Télécharger la présentation

Introduction to 2D Drawing Basics in XNA for CSE 3902

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 2D drawing basics For CSE 3902 By: Matt Boggus

  2. Overview • 2D coordinate systems • Raster images • Sprite drawing in XNA

  3. Coordinate system • A coordinate system is a system which uses one or more numbers, or coordinates, to uniquely determine the position of a point • For a 2D coordinate system, we need • Origin • 2-Tuple of position relative to the origin

  4. 2D coordinate system examples Cartesian Coordinates (http://en.wikipedia.org/wiki/File:Cartesian-coordinate-system.svg) Polar Coordinates (http://en.wikipedia.org/wiki/File:CircularCoordinates.svg)

  5. XNA’s coordinate system

  6. Raster images http://en.wikipedia.org/wiki/File:Rgb-raster-image.svg

  7. Raster image types • PPM • Uncompressed, human readable • GIF • 8 bits per pixel per channel (RGB) • JPEG • Lossy data compression • PNG • Lossless data compression

  8. Sprite drawing in XNA • SpriteBatch object • Begin (call once to start specifying sprites to draw) • Draw (each call specifies another sprite to draw) • End (call once to finish specifying sprites to draw)

  9. SpriteBatch Draw methods Example Image File / Texture2D public void Draw ( Texture2D texture, Rectangle destinationRectangle, Color color ) public void Draw ( Texture2D texture, Rectangle destinationRectangle, Nullable<Rectangle> sourceRectangle, Color color ) Drawing window XNA rectangle object

More Related