4 Perspective, Scene Design, and Basic Animation.

Slides:



Advertisements
Similar presentations
Wall from the Villa of Publius Fannius Sinistor Instructions: In the first three slides you are required to fill in the information and diagram where you.
Advertisements

YEARBOOK Layout and Design.
1-Point Perspective Drawings
**Develops the understanding of the Visual Elements: Shape and Form
Perspective, Scene Design, and Basic Animation
Composition Elements Com Tech 1 WJ. Veldhoen. Visual Composition Visual composition delivers interesting messages with text and artwork…
Chapter 2: Time and Space Lecturer: Norhayati Mohd Amin.
MECHANICAL DRAWING MULTIVIEW DRAWINGS.
CS 4363/6353 INTRODUCTION TO COMPUTER GRAPHICS. WHAT YOU’LL SEE Interactive 3D computer graphics Real-time 2D, but mostly 3D OpenGL C/C++ (if you don’t.
Elements of Design.
1 Lecture 11 Scene Modeling. 2 Multiple Orthographic Views The easiest way is to project the scene with parallel orthographic projections. Fast rendering.
Three-Dimensional Concepts
Vector vs. Bitmap SciVis V
Perspective, Scene Design, and Basic Animation
What is your favorite color? Castle Game-Part One February 7, 2013.
DIGITAL GRAPHICS & ANIMATION
V Obtained from a summer workshop in Guildford County July, 2014
Composition (The elements). What is Composition Composition is the arrangement of shapes (forms) in an image – their position, relationship to one another.
PRINCIPLES OF DESIGN PHOTOGRAPHY. BALANCE Visual center is above geometric center. Visual weight is determined by many variables Size Darkness – A strong.
MULTIMEDIA TECHNOLOGY SMM 3001 MEDIA - GRAPHICS. In this chapter how the computer creates, stores, and displays graphic images how the computer creates,
2D Techniques to Represent 3D
Elements of Art.
Design Elements Form & Value To understand and apply the design elements Form & Value.
The Elements of Art The elements of art are utilized by all artists, and a greater understanding of the principles which are used leads to a greater understanding.
Kinds of Graphics and Composition Vector Graphics Vs Bitmapped Graphics.
and how they impact our lives.
The Elements of Design Line Shape Value Color Space Texture.
Technology and Historical Overview. Introduction to 3d Computer Graphics  3D computer graphics is the science, study, and method of projecting a mathematical.
Grafis 3D. What is 3D?  3D Image x, y, z Tell a story, more information  2D Image x, y Communicate something simple (ie. cheat)
A skills approach © 2012 The McGraw-Hill Companies, Inc. All rights reserved. powerpoint 2010 Chapter 3 Formatting Presentations.
UniS CS297 Graphics with Java and OpenGL Introduction.
Lesson Two: Creating Sprites. What Are Sprites? Two-dimensional Image that is integrated into a larger graphics area. Sprites are everything that is visual.
Chapter 10 Creating 3D Objects. Extruding Objects The Extrude & Bevel effect makes two- dimensional objects three-dimensional. A two-dimensional object.
Elements of Art (pages 32-36)
I-1 Steps of Image Generation –Create a model of the objects –Create a model for the illumination of the objects –Create an image (render) the result I.
Vector vs. Bitmap
Computer Graphics Lecture 1 July 11, Computer Graphics What do you think of? The term “computer graphics” is a blanket term used to refer to the.
Composition: The Graphics Unit of Study. What is a camera angle? This is the angle from which the camera photographs a subject or scene. There are a great.
Graphics and Animation Multimedia Projects Part 2.
© 2011 Delmar, Cengage Learning Chapter 1: Motion Picture Language (part 2) Courtesy of Kendelyn Ouellette.
4 Perspective, Scene Design, and Basic Animation.
Composition: The Graphics Unit of Study. What is a camera angle? This is the angle from which the camera photographs a subject or scene. There are a great.
INT 840E Computer graphics Introduction & Graphic’s Architecture.
Autodesk VIZ Fundamentals Chapters 1-2 Ethier and Ethier PART ONE: Introduction To Computer Animation Chapters 1&2: Introduction to Three- Dimensional.
Student Camera Concepts Examples. Concepts The underlying principles that apply regardless of the camera you are using. The underlying principles that.
The Elements of Art.
PART 1 Elements of Art what artists use to create art.
Lighting a 3D Scene Guilford County Sci Vis V part 1.
Video Composition Media Concepts The Spill Resource Page.
Shade & Shadow Figure 1-3, Page 11
Anaglyph overview stereoscopic viewing technology.
Copyright © Curt Hill Meshes A Little More to Know.
© ExplorNet’s Centers for Quality Teaching and Learning 1 Objective % Understand concepts used to create digital graphics.
Feature Film Production Using 3D Computer Animation.
Guilford County SciVis V104.03
Chapter 3 The Visual Elements. The Elements of Art The basic components or tools of visual communication. What we use to “make” art.
Graphics Basic Concepts 1.  A graphic is an image or visual representation of an object.  A visual representation such as a photo, illustration or diagram.
9 Multiview Drawings Permission granted to reproduce for educational use only. © Goodheart-Willcox Co., Inc. Understand the principles of orthographic.
Story composition Pt. 2 Game Design.
Composition & Elements of Art and Principles of Design A artists toolbox.
Classic Graphic Design TheoryClassic Graphic Design Theory* * “classic theory” because it forms the basis for many decisions in design.
The Elements of Art …. and how they impact our lives.
Introduction to Computer Graphics
Objective % Explain design concepts used to create digital graphics.
Vector vs. Bitmap.
Dimensional Trivia Clark, Savon White, James Simpson, Sabrina
Perspective, Scene Design, and Basic Animation
Perspective & Scene Design Part 1 January 18, 2017
Elements and Principals of Design
Objective % Explain design concepts used to create digital graphics.
Presentation transcript:

4 Perspective, Scene Design, and Basic Animation

© Goodheart-Willcox Co., Inc. Permission granted to reproduce for educational use only. Explain game perspectives Describe the elements of a scene. Identify elements used to convey mood and theme.

© Goodheart-Willcox Co., Inc. Permission granted to reproduce for educational use only. Perspective How gameplay is displayed Position of player on screen First person Second person Third person

© Goodheart-Willcox Co., Inc. Permission granted to reproduce for educational use only. First-Person Perspective First-person perspective is seen through the eyes of the characterFirst-person perspective Like a head-mounted cameracamera (

© Goodheart-Willcox Co., Inc. Permission granted to reproduce for educational use only. Second-Person Perspective Second-person perspective is seen through the eyes of the opponentSecond-person perspective Very rarely used (

© Goodheart-Willcox Co., Inc. Permission granted to reproduce for educational use only. Second-Person Perspective In this game, the player is the batter and the computer is the pitcher

© Goodheart-Willcox Co., Inc. Permission granted to reproduce for educational use only. Third-Person Perspective Third-person perspective is seen through the eyes of a spectatorThird-person perspective Overhead Behind Profile or platform view Many other viewing angles

© Goodheart-Willcox Co., Inc. Permission granted to reproduce for educational use only. Third-Person Perspective These games have a classic platform view (

© Goodheart-Willcox Co., Inc. Permission granted to reproduce for educational use only. Third-Person Perspective This game has an overhead view (

© Goodheart-Willcox Co., Inc. Permission granted to reproduce for educational use only. Changeable Perspective “Switch view” button (player selects) Switch view due to game action (game determines); for example: Third person while running First person while in targeting mode

© Goodheart-Willcox Co., Inc. Permission granted to reproduce for educational use only. Changeable Perspective This game features a “switch view” button

© Goodheart-Willcox Co., Inc. Permission granted to reproduce for educational use only. Scenes Placement of game objects Attractive layout Obstacles Objectives Conveys story Conveys mood

© Goodheart-Willcox Co., Inc. Permission granted to reproduce for educational use only. Object Placement Foreground Background Active objects Background objects Backdrop objects Text objects or buttons

© Goodheart-Willcox Co., Inc. Permission granted to reproduce for educational use only. Scene Feature Examine the objects in this scene. Identify and discuss the scene elements that do not match. Why do these elements not match?

© Goodheart-Willcox Co., Inc. Permission granted to reproduce for educational use only. Design Objects Active objects Interactive Can move Background objects Not interactive, like the sky Backdrop objects Scene elements, like platforms and walls Player avatar The character

© Goodheart-Willcox Co., Inc. Permission granted to reproduce for educational use only. Design Objects Note the various types of objects in a game

© Goodheart-Willcox Co., Inc. Permission granted to reproduce for educational use only. Mood Through color palettecolor palette Red = passion Yellow = cheerful Blue = peaceful Gray = gloomy Through object shape Sharp edges = scary Soft edges = calming

© Goodheart-Willcox Co., Inc. Permission granted to reproduce for educational use only. Theme Through traditional or historic objects Cultural themes Historic periods Mythology Religion Holidays

© Goodheart-Willcox Co., Inc. Permission granted to reproduce for educational use only. Mood and Theme Feature Examine both scenes Similar objects appear in both How does color palette set the mood in each? How is theme established by use of traditional objects in each?

© Goodheart-Willcox Co., Inc. Permission granted to reproduce for educational use only. Scene Design Feature Consider the scene on the next slide: List five background objects List one foreground object List the active objects in the scene What is the mood of the scene? How does color palette help set that mood?

© Goodheart-Willcox Co., Inc. Permission granted to reproduce for educational use only. Scene Design Feature

© Goodheart-Willcox Co., Inc. Permission granted to reproduce for educational use only. Storyboards A plan to tell the game story Sketch important frames Describe important action

© Goodheart-Willcox Co., Inc. Permission granted to reproduce for educational use only. Active animation An object changes poses while moving on the screen. Active objects Objects in the game frame with which the player can interact; can be programmed. Backdrop objects Objects in a game frame that the player can touch or walk behind, but do not damage or reward the player. Background objects Objects in the game frame with which the player cannot interact.

© Goodheart-Willcox Co., Inc. Permission granted to reproduce for educational use only. Bounding box Invisible cube inside of which a 3D object completely fits; used as a reference to rescale the 3D object. Camera Displays the visual play area of the game and follows the player wherever the character goes. Clarity How clearly images are displayed with either line or pixel density.

© Goodheart-Willcox Co., Inc. Permission granted to reproduce for educational use only. Color palette Set of colors used throughout a scene to maintain mood and continuity. Dithering Computer process of scattering pixels of different colors to approximate a true color. Dots per inch (dpi) Number of pixels per square inch; the higher the dpi, the clearer the picture. Faces Flat surfaces on a 3D model.

© Goodheart-Willcox Co., Inc. Permission granted to reproduce for educational use only. First-person perspective Gameplay view where the players sees through the eyes of the character. Game frame All items programmed for a complete scene or level of a game. Hybrid Created by combining features from two different items.

© Goodheart-Willcox Co., Inc. Permission granted to reproduce for educational use only. Interpolation When resizing an image, the computer makes a decision to create a blended-color pixel where original pixels are moved. Mesh A 3D shape created with interconnecting polygons stuck together along their edges. Native poles Original pixels of an object before it was resized.

© Goodheart-Willcox Co., Inc. Permission granted to reproduce for educational use only. Pixels Picture elements; the smallest point or dot of color a computer screen can generate. Pixel shading Applying the principle of visual perspective such that as you move farther from the light source, things get darker. Pixilation Condition resulting in a blurry image; created by improper resizing.

© Goodheart-Willcox Co., Inc. Permission granted to reproduce for educational use only. Reading edge Line between two vertices on a 3D object that is used as a reference to rescale the object. Rendering Adding color and shading to represent a solid object. Scrolling Game frame is moved so the player is always in the visible play area. Second-person perspective Player sees the game as if the player were an opponent or intermediary; rarely used in video games.

© Goodheart-Willcox Co., Inc. Permission granted to reproduce for educational use only. Sprite character set Collection of poses for a single 2D asset. Static animation Object retains its original pose while moving. Tessellate Stretching of a color and texture map to apply a piece of the overall texture to each polygon of a 3D mesh. Third-person perspective Gameplay is viewed by a person who is not the player’s character or opponent, rather a neutral third person; spectator view.

© Goodheart-Willcox Co., Inc. Permission granted to reproduce for educational use only. Vanishing point Point in the background where the edges of all assets will meet at a single point if extended; the faraway point where an object seems to disappear as it becomes smaller. Visible play area The part of the game frame that is displayed on the video screen. Visual perspective Sense of depth using shading and narrowing to represent the third dimension of depth on a two- dimensional screen.

© Goodheart-Willcox Co., Inc. Permission granted to reproduce for educational use only. Wireframe View showing objects as if they are built with wire with visible edges and invisible faces.