3D Game Programming All in One By Kenneth C. Finney.

Slides:



Advertisements
Similar presentations
Raster Graphics 2.01 Investigate graphic image design.
Advertisements

© 2011 Delmar, Cengage Learning Chapter 7 Importing and Modifying Graphics.
Web Design Vocab 3 PNG, JPG, GIF, MP3, MPEG.
L.Ghadah R. Hadba CT1514-L1.  Computer Graphics :refers to processing of creating a new image from Geometry, Lighting parameters, Materials and Textures.Using.
Chapter 17 Creating Images for the Web. Chapter Lessons Learn about Web features Optimize images for Web use Create a button for a Web page Create slices.
Multimedia for the Web: Creating Digital Excitement Multimedia Element -- Graphics.
Graphics CS 121 Concepts of Computing II. What is a graphic? n A rectangular image. n Stored in a file of its own, or … … embedded in another data file.
2.01 Understand Digital Raster Graphics
Copyright © 2006 by The McGraw-Hill Companies, Inc. All rights reserved. McGraw-Hill Technology Education Copyright © 2006 by The McGraw-Hill Companies,
Introduction to Computer Graphics
Ann Ware Digital Imaging 101. Digital Image Categories BITMAPVECTOR A bitmap is an image created with pixels (small squares of color) The number of pixels.
Photoshop: Designing Graphics for the Web Christine Vucinich & Vicki Weidler ITS Training Services 224 B Computer Building University Park, PA 16802
Manipulating Images Image A visual representation of something that is seen in real life. It can be two-dimensional or three-dimensional A visual representation.
File Formats By Jack Turner. Raster (Bitmap) Raster or bitmap is a dot matrix data structure, containing columns of dots and rows, of a graphics image.
Part A Multimedia Production Rico Yu. Part A Multimedia Production Ch.1 Text Ch.2 Graphics Ch.3 Sound Ch.4 Animations Ch.5 Video.
Web Design, 4 th Edition 5 Typography and Images.
Zinnia Bell. RAWimages are image files that have not yet processed, they contain minimally processed data from the image sensor of either a image scanner,
1 Creating Web Graphics Outline 2.1 Graphics Types 2.2 Vector Graphics 2.3Bitmapped Graphics 2.4Graphics for the Web 2.5 GIF (Graphics Interchange Format)
Web Design, 5 th Edition 5 Typography and Images.
Faculty of Sciences and Social Sciences HOPE Website Development Graphics Stewart Blakeway FML 213
COMP Bitmapped and Vector Graphics Pages Using Qwizdom.
Multimedia Specification Design and Production 2012 / Semester 1 / L4 Lecturer: Dr. Nikos Gazepidis
Lecture 4 - Introduction to Computer Graphics
JRN 302: Introduction to Graphics and Visual Communication - Raster and Vector Files Tuesday, 9/8/15.
Introduction to Textures and Skins Chapter 8 & 9 3D Game Programming All-in-One By Ken Finney.
8 Using Web Graphics Section 8.1 Identify types of graphics Identify and compare graphic formats Describe compression schemes Section 8.2 Identify image.
Digital Cameras And Digital Information. How a Camera works Light passes through the lens Shutter opens for an instant Film is exposed to light Film is.
Digital Multimedia, 2nd edition Nigel Chapman & Jenny Chapman Chapter 3 This presentation © 2004, MacAvon Media Productions Introduction to Computer Graphics.
CS- 375 Graphics and Human Computer Interaction Lecture 1: 12/4/1435 Fundamental Techniques in Graphics Lecturer: Kawther Abas.
2D Graphics Theory & Principles. Single Point Smallest addressable area on screen or digital image.
File Formats and Vector Graphics. File Types Images and data are stored in files. Each software application uses different native file types and file.
Digital Imaging 101 Ann Ware. Digital Image Categories BITMAP  A vector is created by using a series of mathematically defined lines and curves rather.
Adobe Photoshop CS3 Revealed – Chapter 16 FOR THE WEB CREATING IMAGES.
Digital Imaging 101 Ann Ware
BY CASEY KUCERA Multimedia. Vector Graphics Composed of objects not pixels Object oriented graphics = vector graphics Stores a series of mathematical.
Adobe photoshop digital image making. the basics Adobe PhotoShop is an image-editing program that lets you create and edit digital images. ◦PhotoShop.
Project Two Adding Web Pages, Links, and Images Define and set a home page Add pages to a Web site Describe Dreamweaver's image accessibility features.
Raster Graphics 2.01 Investigate graphic image design.
Chapter 8B Graphics and Multimedia. 8B-2 Graphic File Formats Bitmapped images –Most common image type –Also called raster images –Image is drawn using.
Image File Formats. What is an Image File Format? Image file formats are standard way of organizing and storing of image files. Image files are composed.
Exploring Web Design Chapter 1. Objectives Develop a new perspective of the WWW Learn what makes a website good or bad Discover how to apply objective.
CISC 110 Day 3 Introduction to Computer Graphics.
Introduction to Images & Graphics JMA260. Objectives Images introduction Photoshop.
Digital Graphics for Computer Games Pixels Types of Digital Graphics (Raster and Vector) Compression.
Image File Formats Harrow Computer Club – Wed, 1 Dec 2010 Bob Watson MA CMath MIMA MBCS.
Photoshop Basics: Extended Instructor: Vicki Weidler Assistant: Joaquin Obieta.
Graphics and Image Data Representations 1. Q1 How images are represented in a computer system? 2.
Efficient Game Graphics From Flash MX 2004 Game Design Demystified.
Bitmap vs. Vector How computers work with photographs and drawings.
2.01 Understand Digital Raster Graphics
2.01 Understand Digital Raster Graphics
Digital Imaging 101 Ann Ware.
Vector (Shapes) vs. Raster (Pixels)
2.01 Understand Digital Raster Graphics
Introduction to raster graphics
Image Formats.
2.01 Investigate graphic image design.
Raster Images CPSC 1030.
A computer display is made up of small squares, called pixels.
1.01 Investigate graphic types and file formats.
Introduction to Computer Graphics
2.01 Understand Digital Raster Graphics
2.01 Investigate graphic image design.
Creating Images for the Web
2.01 Understand Digital Raster Graphics
Vector (Shapes) vs. Raster (Pixels)
2.01 Investigate graphic image design.
Lecture 4 - Introduction to Computer Graphics
2.01 Investigate graphic image design.
Presentation transcript:

3D Game Programming All in One By Kenneth C. Finney

Chapter 8 Introduction to Textures

Introduction to Textures Textures establish look and feel Texture mapping is the process that applies textures to shapes Textures create appearance of sub-structure and detail Textures can reduce need for complex (high poly count) shapes Textures can be animated to give sense of motion

Introduction to Textures Textures are well suited for depicting high-tech devices Textures can have transparent or translucent sections Textures can be derived from artwork or photographs Textures are well suited for supplying subtle hints and cues

Introduction to Textures Paint Shop Pro: image manipulation creating original art supports all popular formats and many obscure formats includes built-in scanner and digital camera support as well as image analysis tools

Introduction to Textures Lab 1: Creating a texture –learn some simple PSP 8 operations –learn how PSP provides built-in texture creation capabilities –discover how different properties can affect a texture's appearance –Practice saving textures

Introduction to Textures Portable Network Graphics (PNG) files very efficient compression supports one alpha (transparency) layer in addition to image layer fairly new file format—support by imaging tools is very high, but not yet 100%

Introduction to Textures Joint Photographic Experts Group (JPEG) files widely available format very efficient compression lossy compression (some data is discarded when image is compressed) too much data loss can lead to compression artifacts in a JPEG image no layer support

Introduction to Textures Lab 2: PNG vs. JPG –learn how to add noise to an image –save a single image in different formats –use the Recent Files command –use the Zoom Tool –discover JPG compression artifacts –compare JPG and PNG versions of the same image

Introduction to Textures Bitmap versus Vector Images –bitmaps in PSP are called raster images, an older expression –bitmaps are pixels laid out on a grid –bitmap pixel values determine color in red, green, and blue (rgb) tuples –bitmaps are resolution-dependent

Introduction to Textures Bitmap versus Vector Images –vector images use procedural instructions for drawing an image –vector images have objects that are stored as drawing instructions –vector images are not dependant on resolution

Introduction to Textures Creating Alpha Channels –alpha channels describe transparent parts of an image –Used for GUI overlays and objects with empty parts –Alpha channel info saved with image in PNG formatted files –Alpha channels also describe translucency

Introduction to Textures Lab 3: Alpha Channel –learn the freehand selection tool –learn how alpha channel info is handled in PSP –witness results as displayed by Torque engine

Introduction to Textures PSP Features –materials –layers –tool options –paint brush –air brush –clone brush –eraser

Introduction to Textures PSP Features –Selection –Masks –Scaling –Rotating –Image sizing –Text

Summary Textures: –create and sustain the look and feel, or ambience, of a game –impart apparent properties to a 3D object –create the illusion of substructure and detail on 3D objects Textures are used in terrains, skies, clouds, storms, characters, weapons, vehicles, and many other 3D objects

Summary Paint Shop Pro—image processing tool—any similar tool can be used JPG (or JPEG)—no layer support, lossy compression, very common PNG—alpha transparency layer, non- lossy compression A vector image—series of procedural and mathematical instructions A bitmap image—an array of stored data specifying color and intensity of pixels