Yingcai Xiao Game Development Interactive Animation.

Slides:



Advertisements
Similar presentations
COMPUTER GRAPHICS SOFTWARE.
Advertisements

Animating Speed Position and Orientation Presented by Kailash Sawant Hemanth Krishnamachari.
Computer Graphics Computer Animation& lighting Faculty of Physical and Basic Education Computer Science Dep Lecturer: 16 Azhee W. MD.
CSCE 441 Computer Graphics: Keyframe Animation/Smooth Curves Jinxiang Chai.
1 7M836 Animation & Rendering Animation Jakob Beetz Joran Jessurun
History of computer graphics CS Introduction to Computer Graphics Autumn quarter, 2000 Slides for September 28 lecture.
Game Development with Kinect
Graphical User Interface (GUI) Nelson Padua-Perez Chau-Wen Tseng Department of Computer Science University of Maryland, College Park.
Graphics Systems I-Chen Lin’s CG slides, Doug James’s CG slides Angel, Interactive Computer Graphics, Chap 1 Introduction to Graphics Pipeline.
Ch 1 Intro to Graphics page 1CS 367 First Day Agenda Best course you have ever had (survey) Info Cards Name, , Nickname C / C++ experience, EOS experience.
1 Case Study: Starting the Student Registration System Chapter 3.
Input and Interaction Dr. Yingcai Xiao. A good user interface allows users to perform interaction tasks with ease and joy. WYSIWYG (What you see is what.
Essentials of Interactive Computer Graphics: Concepts and Implementation K. Sung, P. Shirley, S. Baer Chapter 4 Chapter 4: Working with Graphics APIs.
SWE 423: Multimedia Systems
Computer-Based Animation. ● To animate something – to bring it to life ● Animation covers all changes that have visual effects – Positon (motion dynamic)
Objectives Machine language vs.. High-level language Procedure-oriented, object-oriented, and event- driven languages Background of Visual Basic VB Integrated.
Animation CMSC 435/634. Keyframe Animation From hand drawn animation – Lead animator draws poses at key frames – Inbetweener draws frames between keys.
Overview of Computer Graphics Chapter 1. Bird’s Eye View  Overview of Computer Graphics –Basic concept of computer graphics, system, programming platforms,
Zhang & Liang, Computer Graphics Using Java 2D and 3D (c) 2007 Pearson Education, Inc. All rights reserved. 1 Chapter 1 Overview of Computer Graphics.
1 7M836 Animation & Rendering Animation Jakob Beetz Joran Jessurun
Yingcai Xiao Interactive Visualization with NUI and Game Engines.
Lesson 1: Intro to Animation
INTRO TO COMPUTER GRAPHICS TEXT EDWARD ANGEL: EDITION 5 CS770/870
Business and Computing Deanery Multimedia Week 6 Animation.
Digital Multimedia, 2nd edition Nigel Chapman & Jenny Chapman Chapter 8 This presentation © 2004, MacAvon Media Productions Animation.
CHAPTER FOUR COMPUTER SOFTWARE.
Computer Graphics. Requirements Prerequisites Prerequisites CS 255 : Data Structures CS 255 : Data Structures Math 253 Math 253 Experience with C Programming.
1 Chapter 1 Overview of Computer Graphics  To understand the basic objectives and scope of computer graphics  To identify computer graphics applications.
Yingcai Xiao Voxel Game Engine Development. What do we need? What tools do we have? How can we design and implement? We will answer those questions in.
Passage Three Multimedia Application. Training target: In this part , you should try your best to form good reading habits. In order to avoid your ill.
ISP666 MVC & Design Patterns. Outline Review Event Programming Model Model-View-Controller Revisit Simple Calculator Break Design Patterns Exercise.
CHAPTER TEN AUTHORING.
Computer Graphics I, Fall : What is Computer Graphics?
Institute for Visualization and Perception Research 1 © Copyright 2000 Haim Levkowitz Introduction (Foley & Van Dam Ch 1) Uses of computer graphics … Some.
 The creation of moving pictures one frame at a time Literally 'to bring to life' e.g. make a sequence of drawings on paper, in which a character's position.
CSCE 121: Introduction to Program Design and Concepts, Honors Dr. J. Michael Moore Spring 2015 Set 15: GUIs 1.
MAE 152 Computer Graphics for Scientists and Engineers Fall 2003 Dr. Prashant V. Mahajan Senior Research Scientist AValonRF, Inc., El Cajon, CA.
3D animation is rendered clip of animated 3D objects in a 3D environment. An example: Examples of movies released in 3D are Toy Story, Cars, Shrek, Wall-E,
Yingcai Xiao Game Development Animation. Video Game Interactive animation: user-> interface (look) -> action (feel) -> feedback (A/V, haptic)
Lecture 6: 18/5/1435 Computer Animation(2) Lecturer/ Kawther Abas CS- 375 Graphics and Human Computer Interaction.
1 Angel: Interactive Computer Graphics 4E © Addison-Wesley 2005 What is Computer Graphics?
Yingcai Xiao Game Development with Unity3D. Outline IDE Engine Assets Tutorial Examples Inside.
Computer Graphics: Programming, Problem Solving, and Visual Communication Steve Cunningham California State University Stanislaus and Grinnell College.
CSCE 441 Computer Graphics: Keyframe Animation/Smooth Curves Jinxiang Chai.
Subject Name: Computer Graphics Subject Code: Textbook: “Computer Graphics”, C Version By Hearn and Baker Credits: 6 1.
UNC Chapel Hill M. C. Lin Basics of Motion Generation let X i = position,orient. of O i at t k = t 0,  i END = false while (not END) do display O i, 
Interactive Computer Graphics
CSCE 441 Computer Graphics: Keyframe Animation/Smooth Curves Jinxiang Chai.
Introduction to Game Programming Pertemuan 11 Matakuliah: T0944-Game Design and Programming Tahun: 2010.
Yingcai Xiao Event-driven Programming in Game Development Yingcai Xiao.
Yingcai Xiao Interactive Game Design Final Overview Yingcai Xiao.
3D Animation 1. Introduction Dr. Ashraf Y. Maghari Information Technology Islamic University of Gaza Ref. Book: The Art of Maya.
Procedural Animation and Physics Engine Yingcai Xiao.
Game Development with Unity3D
Interactive Animation
CSCE 441 Computer Graphics: Keyframe Animation/Smooth Curves
Computer Graphics.
Sai Goud Durgappagari Dr. Yingcai Xiao
Human Computer Interaction
Managed DirectX Joe Gavin.
Programming HCI Yingcai Xiao Yingcai Xiao.
Introduction to Game Development
Objective % Explain concepts used to create digital animation.
Game Development Animation
Prepared by: Engr . Syed Atir Iftikhar
Chapter I Introduction
Professional Environment
Computer Graphics Lecture 15.
Introduction to spagetti and meatballs
Presentation transcript:

Yingcai Xiao Game Development Interactive Animation

Video Game Interactive Animation: user-> interface (look) -> action (feel) -> feedback (A/V, haptic)

Video Game User Controller Display Game (Software)

Video Game Input Device Driver Display Device Driver (GDI) Display Device Driver (GDI) Game (Software)

Game Programming Components The Gang of Four (G4) for Interactive Animation 1.Controller (Input) 2.Game Objects (Geometry and Attributes) 3.Dynamics (Key Frame Animation) 4.Event-driven Programming (EDP: connects inputs to animation scripts) The Gang of Four (G4) for Interactive Animation 1.Controller (Input) 2.Game Objects (Geometry and Attributes) 3.Dynamics (Key Frame Animation) 4.Event-driven Programming (EDP: connects inputs to animation scripts)

Game controllers: input devices The evolution of input devices: CL (Commend Line Input) GUI (Graphical User Interface) NUI (Natural Interface) The evolution of input devices: CL (Commend Line Input) GUI (Graphical User Interface) NUI (Natural Interface)

Animation Animation: any change that has a visual effect. Motion Dynamics: movements (geometry change) Update Dynamics: attribute change (color, texture, …) Others: camera position, lighting, rendering techniques, … Animation: any change that has a visual effect. Motion Dynamics: movements (geometry change) Update Dynamics: attribute change (color, texture, …) Others: camera position, lighting, rendering techniques, …

Key-frame Animation Defining key-frames Inbetweening with interpolations: Lerping (linear interpolation) parabola interpolation Defining key-frames Inbetweening with interpolations: Lerping (linear interpolation) parabola interpolation

Key-frame Animation

Neighborhood skeletons: define interpolated shapes

Graphical languages P-curves (parametric representation of motion)

Animation Control Explicit: animator provides a description of everything that occurs in the animation. Tracking live action. Procedural: movement computed by a procedure. Actors (Object-oriented high-level procedural control) Kinematics: positions and velocities of points. Dynamics: physical laws that govern kinematics. Physically based: cloth draping, plastics bending, … Constraint-based: constraint movements. Explicit: animator provides a description of everything that occurs in the animation. Tracking live action. Procedural: movement computed by a procedure. Actors (Object-oriented high-level procedural control) Kinematics: positions and velocities of points. Dynamics: physical laws that govern kinematics. Physically based: cloth draping, plastics bending, … Constraint-based: constraint movements.

Double Buffering Why? To reduce flickering How? Draw to the invisible back buffer Copy to the visible front buffer. (Btblt)==>very fast with HW assistance Why? To reduce flickering How? Draw to the invisible back buffer Copy to the visible front buffer. (Btblt)==>very fast with HW assistance

Double Buffering – Pseudo Code void Draw() { useCanvas(bbfr); DrawObjects(); useCanvas(SCREEN_CANVAS); copyPixel(bbfr, viewing-rectagle); } void Draw() { useCanvas(bbfr); DrawObjects(); useCanvas(SCREEN_CANVAS); copyPixel(bbfr, viewing-rectagle); }

Separation of Development Tasks The Gang of Four (G4) for Interactive Animation 1.Controller (Input) 2.Game Objects (Geometry and Attributes) 3.Dynamics (Key Frame Animation) 4.Event-driven Programming (EDP: connects inputs to animation scripts) The Gang of Four (G4) for Interactive Animation 1.Controller (Input) 2.Game Objects (Geometry and Attributes) 3.Dynamics (Key Frame Animation) 4.Event-driven Programming (EDP: connects inputs to animation scripts)

Two Aspects of Game Development Look + Feel Look: Appearance Game Objects (Geometry and Attributes) can be created by artists though a visual interface like Blender and Maya or download prebuilt ones online (e.g. Look + Feel Look: Appearance Game Objects (Geometry and Attributes) can be created by artists though a visual interface like Blender and Maya or download prebuilt ones online (e.g.

Two Aspects of Game Development Feel: Controlled Animation animation scripts connected to input events via EDP implemented by programmers though a programming language or a visual interface like Unity3D Feel: Controlled Animation animation scripts connected to input events via EDP implemented by programmers though a programming language or a visual interface like Unity3D

Graphics HW and SW Layers ApplicationGameGraphics SW Application Initialization Utility Game IDE Application Library OS GUI API Event Loop Game Engine OS EQ InterfaceGraphics LibraryGraphics Engine Event QueueGDI OS GPU Graphics HW Graphics Card