Semester: IV
Course Code: G 601 DC 2.4 Course Title: Computer Multimedia and
Animation
Course Credits: 03 Hours/Week: 03
Total Contact Hours: 42 Formative Assessment Marks: 40
Exam Marks: 60 Exam Duration: 03 Hours
Learning Objective: To learn about various technologies in animation and virtual
reality system.
Learning Outcome: Students are able to draw primitive graphical shapes and perform
transformation techniques programmatically. They are also learning about various new
technologies developed and their applications.
Contents Hours
Unit - 1
Web Design: Origins and evolution of HTML, Basic syntax, Basic text markup, Images,
Lists, Tables, Forms, Frame, Overview and features of HTML5. CSS: Introduction, Levels
of style sheets, Style specification formats, Selector forms, Property value forms, Font
properties, List properties, Color, Alignment of text, The and tags; Overview and features 12
of CSS3.
JavaScript: Object orientation and JavaScript; General syntactic characteristics;
Primitives, operations, and expressions; Screen output and keyboard input.
Unit - 2
Introduction, Media and Data Streams, Audio Technology
10
Multimedia Elements; Multimedia Applications; Multimedia Systems Architecture;
Evolving Technologies for Multimedia Systems; Defining Objects for Multimedia
Systems; Multimedia Data Interface Standards; The need for Data Compression;
Multimedia Databases. Media: Perception Media, Representation Media, Presentation
Media, Storage Media, Transmission Media, Information Exchange Media, Presentation
Spaces &Values, and Presentation Dimensions; Key Properties of a Multimedia System:
Discrete & Continuous Media, Independence Media, Computer Controlled Systems,
Integration; Music and MIDI Standards; Speech Signals; Speech Output; Speech Input;
Speech Transmission.
Animation: What is an Animation? The Start and End States, Interpolation, Animations
in HTML. All About CSS Animations, Creating a Simple Animation, Detailed Look at
the CSS Animation Property, Keyframes, Declaring Multiple Animations, Wrap-up. All
About CSS Transitions, Adding a Transition, Looking at Transitions in Detail, The
Longhand Properties, Longhand Properties vs. Shorthand Properties, Working with
Multiple Transitions.
Unit - 3
HTML5 – SVG: Viewing SVG Files, Embedding SVG in HTML5, HTML5 − SVG Circle,
HTML5 − SVG Rectangle, HTML5 − SVG Line, HTML5 − SVG Ellipse, HTML5 − SVG
Polygon, HTML5 − SVG Polyline, HTML5 − SVG Gradients, HTML5 − SVG Star. 10
Unit - 4
HTML5 – CANVAS: The Rendering Context, Browser Support, HTML5 Canvas Examples,
Canvas - Drawing Rectangles, Canvas - Drawing Paths, Canvas - Drawing Lines, Canvas -
Drawing Bezier Curves, Canvas - Drawing Quadratic Curves, Canvas - Using Images, 10
Canvas - Create Gradients,
HTML5 - Styles and Colors, Canvas - Text and Fonts, Canvas - Pattern and Shadow,
Canvas - Save and Restore States, Canvas - Translation, Canvas - Rotation, Canvas -
Scaling, Canvas - Transforms, HTML5 Canvas - Composition, Canvas – Animations.
Text Book:
1. Rajesh K. Maurya, Computer Graphics with Virtual Reality Systems., 2nd Edition, Wiley
publication, 2014.
2. Donald Hearn, M. Pauline Baker, Computer Graphics - C version, 2nd Edition, LPE Pearson,
1996.
Reference Books:
1. Tay Vaughan, Multimedia: Making It Work, 8th Edition, Tata McGraw Hill, 2011.
2. Steven Harrington, Computer Graphics: A Programming Approach, McGraw Hill Education,
1987.
3. James D. Foley, Fundamentals of interactive computer graphics, Addison Wesley Longman
Publishing Co, 1982.
