Chapter 7

Computer Animation and Visualization

Introduction
Computer animation is the field or the technique that involves
creating moving (animated) images. It involves designing,
modeling, and rendering objects in a sequence to simulate motion.
Computer visualization is the field that represents data in visual
content using computers. It is the process of representing data,
models, or objects in a way that is understandable and interactive
visual content.
Computer animation and visualization are widely used in
entertainment, education, healthcare, engineering, scientific
research and etc.
Computer Animation
Computer animation is the process of creating the illusion of
movement by displaying a series of images (frames) in rapid
succession.
Computer animation techniques are methods used to create motion
in digital graphics, ranging from simple 2D animations to complex
3D simulations. It involves different types of techniques like
frame-ny-frame, key frame, procedural animation etc. to achieve
lifelike of stylized motion.
Different types of animation techniques:
1. Cel (Frame-by-Frame) Animation
In this method every frame is drawn manually, creating a smooth
animation sequence. It is used in traditional 2D animation, hand-
drawn styles. For example, classic 2D cartoons (e.g., Looney
Tunes). Pixel art games (e.g., Cuphead), classic Disney films like
Snow White etc.

Computer Animation and Visualization |1|

Each frame is created manually, simulating motion by sequencing
individual images (like a flipbook). Artists draw every frame to
depict incremental changes in movement or appearance.
2. Keyframe Animation
Keyframes are the frames that define critical positions, shapes, or
transformations of an object. Software generates intermediate
frames between keyframes set by the animator.
In keyframe animation the animator sets key poses at specific
frames, and the software interpolates the movement between them.
In this method start and end points of an animation sequence are
defined and the computer interpolates the in-between frames.
Types of Tweening (In-Betweening):
o Motion Tween: Smooth movement between
positions (e.g., a ball bouncing).
o Shape Tween: Morphing one shape into another
(e.g., a circle becoming a square).
It is faster and less labor-intensive than frame-by-frame and
smaller file sizes (only keyframes are stored). It is used in modern
2D animations, simple UI/UX animations (e.g., button hover
effects) etc.
3. Procedural Animation
It uses algorithms and physics-based rules to generate movement
automatically. It is used in simulating crowds, weather effects,
natural movements. For example, AI-driven character movement in
video games, Physics simulations (e.g., cloth or fluid dynamics),
AI-driven NPC behavior.
Animations generated algorithmically in real-time using rules,
physics, or AI. In his method code defines behaviors (e.g., gravity,
wind, crowd movement). Animations adapt dynamically.
4. Motion Capture (MoCap)

|2| Insights on Computer Graphics

It captures real-life movements from actors using sensors and
applies them to digital models. It is used by recording real-world
movements and applying them to digital characters. It is used in
realistic character animation, film, video games. : For example,
Gollum in The Lord of the Rings, sports games like FIFA.
Importance of Animation:
Entertainment

 Used in movies, TVshows, and games to create engaging

stories. Examples: Pixar’s Toy Story (3D animation),
Disney’s Lion King (traditional 2D), anime (Japanese
animation). Use of software: Blender, Maya, Adobe
Animate.

Education

 learning, tutorials, and simulations for better

understanding.

Computer Animation and Visualization |3|

Advertising and Marketing

 Used in commercials, animated logos, and social media

promotions.

Scientific Visualization

 Assists in medicine, engineering, and research by

simulating complex processes (e.g., anatomy animations).
User Interface (UI) Design

 Improves user experience through interactive elements like

animated buttons, loaders, and transitions.

Visualization
Visualization involves creating graphical representations of data or
concepts to make them easier to understand and analyze. It is used
to communicate complex information effectively.
Types of Visualization:
1. Scientific Visualization:
o Focuses on representing scientific data, such as
weather patterns, medical imaging, or fluid
dynamics.
|4| Insights on Computer Graphics
 o Examples: MRI scans, molecular models, climate
simulations.

2. Information Visualization:
o Focuses on abstract data, such as graphs, charts,
and maps.
o Examples: Bar charts, network diagrams,
infographics.
3. Visual Analytics:
o Combines visualization with data analysis to
support decision-making.
o Examples: Interactive dashboards, real-time data
monitoring.

Computer Animation and Visualization |5|

Applications of Computer Animation and Visualization
1. Entertainment:
o Movies (e.g., Pixar films, CGI in live-action
movies).
o Video games (e.g., character animation,
environment design).
o Virtual reality experiences.
2. Education and Training:
o Interactive simulations for learning.
o Medical training (e.g., surgical simulations).
3. Scientific Research:
o Visualizing complex data, such as protein
structures or astronomical phenomena.
o Simulating physical processes (e.g., weather
forecasting).
4. Engineering and Design:
o Prototyping and testing designs (e.g., CAD
models).
o Visualizing architectural structures.
5. Healthcare:
o Medical imaging (e.g., MRI, CT scans).
o Patient education through 3D models.

|6| Insights on Computer Graphics

 6. Business and Data Analysis:
o Creating dashboards and infographics.
o Visualizing trends and patterns in data.

7.1 Computer Animation functions

Computer animation functions involve various techniques
and processes used to create motion in digital images, characters,
or objects. Computer animation is a set of computer programs that
allow to create images or objects that move through time in a
realistic manner. It involves a variety of functions and processes to
create the illusion of motion and bring digital characters, objects,
and scenes to life.
Computer animation involves several essential functions that
help in creating lifelike motion and visual effects. These functions
include:
Object Definition:
 Creating and defining objects, characters, and
environments.
 Using 2D and 3D models.
Scene Composition:
 Positioning objects, backgrounds, and lights.

Computer Animation and Visualization |7|

  Organizing objects in layers.
Frame Generation:
 Defining the sequence of frames that create animation.
 Ensuring smooth transitions between frames.
Rendering and Display:
 Applying colors, textures, and lighting effects.
 Converting wireframe models into final images.
Animation Control:
 Using algorithms to control object movement and
interactions.
 Implementing physics-based motion.

Computer animation functions are varied and complex,

involving multiple stages to bring digital scenes or characters to
life. These functions are implemented in animation software and
pipelines, and they can be broadly categorized into pre-
production, production, and post-production stages.
1. Pre-Production Functions
These functions focus on planning and designing the
animation before actual creation begins.
 Storyboarding:
o Creating a visual script of the animation using
sketches or digital drawings.
o Helps plan scenes, camera angles, and transitions.
 Concept Art:
o Designing characters, environments, and props.
o Establishes the visual style and mood of the
animation.
 Scriptwriting:

|8| Insights on Computer Graphics

 o Writing the narrative and dialogue for the
animation.
 Animatics:
o Creating a rough version of the animation using
storyboards and temporary audio.
o Helps visualize timing and pacing.

2. Production Functions
These functions involve the actual creation of the animation.
 Modeling:
o Purpose: Create digital representations of objects,
characters, and environments in 3D or 2D.
o Process: Using software, artists design models by
defining their shape, texture, and structure.
o Techniques: Polygon modeling (using vertices,
edges, and faces), sculpting (for organic shapes
like characters), and procedural modeling (for
complex structures like landscapes).
3D Modeling:
o Creating 3D objects, characters, and environments
using polygons, NURBS, or subdivision surfaces.
o Tools: Blender, Autodesk Maya, ZBrush.
2D Asset Creation:
o Designing 2D characters, backgrounds, and props
for 2D animation.
 Texturing:
o Applying surface details (colors, patterns, and
materials) to 3D models.
o Techniques: UV mapping, procedural texturing,
image-based texturing.

Computer Animation and Visualization |9|

  Rigging:
o Purpose: Set up a skeletal structure for models that
allows them to move. Creating a skeleton
(armature) for 3D models to enable movement.
o Adding controls for animators to manipulate the
model (e.g., IK/FK systems).
o Process: Create a ―rig‖ (skeleton) with joints and
bones, and attach it to the model. This rig is used
to control the movement of the model.
o Techniques: Includes inverse kinematics (IK) and
forward kinematics (FK) to allow realistic
movement of joints and limbs.
o Tools: Autodesk Maya, Blender.
 Animation:
Keyframe Animation:
o Defining key poses or positions, with the software
interpolating the in-between frames.
Motion Capture:
o Recording real-world movements and applying
them to digital characters.
Procedural Animation:
o Using algorithms to generate motion (e.g.,
physics-based simulations).
Character Animation:
o Animating characters' movements, facial
expressions, and lip-syncing.
Camera Animation:
o Controlling the movement and focus of the virtual
camera.
 Simulation:

|10| Insights on Computer Graphics

 o Purpose: Bring the rigged models to life by
moving and deforming them over time.
Types:
o Keyframe Animation: Animators manually set
specific frames, and the software fills in the in-
between frames.
o Motion Capture: Capturing real-world movement
of actors and mapping it to digital characters.
o Procedural Animation: Uses algorithms to
automatically generate motion, often for non-
human characters, particles, or effects.
o Simulating real-world phenomena like cloth, hair,
fluids, and particles.
o Tools: Houdini, Blender, Maya.
 Lighting:
o Purpose: Mimic real-world lighting to create
mood, depth, and realism in the scene.
o Process: Position light sources, adjust their
intensity, color, and falloff, and calculate shadows
and reflections.
o Types: Includes global illumination, point lights,
directional lights, ambient lighting, and high
dynamic range (HDR) lighting.
o Adding virtual lights to the scene to create mood,
depth, and realism.
o Techniques: Global illumination, ray tracing,
ambient occlusion.
 Texturing and Shading
o Purpose: Give surfaces of models a realistic or
stylized look.

Computer Animation and Visualization |11|

 o Process: Apply materials and textures to models,
defining their color, reflectivity, transparency, and
texture.
o Techniques:
o UV Mapping: Wraps 2D textures onto a 3D
surface.
o Shaders: Algorithms that control how surfaces
interact with light, creating effects like metallic
sheen, gloss, or roughness.
 Rendering:
o Purpose: Generate the final visual output from the
digital scene.
o Process: Using software to convert 3D models,
textures, lighting, and animations into 2D images
or videos.
Techniques:
o Real-time Rendering: Used in video games and
interactive media, where frames are rendered
quickly to support live interaction.
o Ray Tracing: A slower, highly accurate method
that simulates light paths for realistic shadows,
reflections, and refractions.
o Path Tracing: A more advanced method that
produces high-quality, photorealistic images.
Converting 3D models and scenes into 2D images
or frames.
Techniques: Rasterization, ray tracing, path
tracing.
Tools: Arnold, V-Ray, Cycles.
 Simulation and Physics

|12| Insights on Computer Graphics

 o Purpose: Create realistic behaviors and effects
that follow physical laws.
o Process: Uses physics engines to simulate
behaviors like gravity, collision, fluid dynamics,
and cloth simulation.
o Types: Includes particle systems (for explosions,
smoke), soft body physics (for cloth or flesh), and
rigid body dynamics (for solid objects).

3. Post-Production Functions
These functions focus on refining and finalizing the
animation.
 Compositing:
o Combining rendered layers (e.g., characters,
backgrounds, effects) into a final image.
o Tools: Adobe After Effects, Nuke.
 Editing:
o Assembling and trimming animation sequences to
create a cohesive story.
o Tools: Adobe Premiere Pro, Final Cut Pro.
 Sound Design:
o Adding sound effects, music, and dialogue to the
animation.
 Color Grading:
o Adjusting colors and tones to enhance the visual
style and mood.
 Special Effects (VFX):
o Adding effects like explosions, smoke, or magic to
the animation.

Computer Animation and Visualization |13|

 Each function in computer animation relies on both technical
knowledge and artistic skill to create visually engaging and
believable animated sequences. Advances in artificial intelligence
and machine learning are also increasingly being integrated into
these functions, allowing for faster, more efficient, and more
realistic animation.

7.2 Raster Animation

Raster animation is a technique that involves creating and
displaying sequences of raster images (or bitmap images) to
produce the illusion of movement. Each image in a raster
animation consists of a grid of pixels, with each pixel assigned a
specific color to collectively create the desired visual.
Raster vs. Vector Animation:
o Raster animation uses pixel-based images,
meaning that the quality is fixed to a specific
resolution. Scaling up a raster animation may
cause pixelation.
o Vector animation, in contrast, uses mathematical
equations to define shapes, which allows for
scalable animations without losing quality.
o Raster animation is often used when a high level
of detail is needed in each frame (like in realistic
scenes or detailed textures), while vector
animation is common for simpler, more stylized
animations.
Techniques in Raster Animation:
o Frame-by-Frame Animation: Each frame is a
unique raster image. Traditional hand-drawn
animation, digital painting, and stop-motion fall
into this category.
o Sprite Animation: Used commonly in 2D games,
sprites are small raster images representing

|14| Insights on Computer Graphics

 characters or objects that move independently
across the screen.
o Cel Animation: A method where only parts of the
image that change from frame to frame are
redrawn, saving time and resources. Layers of
transparent sheets (cels) can be combined to create
scenes with static backgrounds and moving
elements. A celluloid animation is a traditional
form of animation used in the production of
cartoons or animated movies where each frame of
the scene is drawn by hand.
o Onion Skinning: An animation tool that allows
animators to see multiple frames at once to track
motion and make smooth transitions.
Software and Tools:
o Adobe Animate and Toon Boom Harmony are
popular for 2D raster animation, providing tools
for drawing, onion skinning, and timeline editing.
o Photoshop can be used to create raster animations
by organizing frames on a timeline.
o Sprite editors like Aseprite and Piskel are
commonly used for creating pixel art sprites for
raster animation in games.
Applications of Raster Animation:
o 2D Animated Films and Cartoons: Raster
animation is widely used in traditional 2D
animation, where artists draw each frame.
o Pixel Art and Retro Video Games: Classic and
indie video games often use raster-based sprite
animation for characters, backgrounds, and effects.
o GIFs and Web Animations: Animated raster
images (GIFs) are popular on the web for sharing
short, looping animations.

Computer Animation and Visualization |15|

Limitations of Raster Animation:
o Resolution Dependency: Since raster images are
made up of pixels, scaling up the animation can
result in pixelation and loss of quality.
o Storage Requirements: High-resolution raster
animations require a lot of storage space due to the
size of each frame.
o Manual Work: Traditional frame-by-frame raster
animation can be time-intensive, as each frame
must be crafted individually, though some of this
can be streamlined with onion skinning and
layering techniques.
Raster animation, also known as bitmap animation, is a
type of animation that uses raster graphics (also called bitmap
images) to create motion. Raster graphics are composed of a grid
of individual pixels, each with its own color value. When these
images are displayed in sequence at a high speed, they create the
illusion of movement.
Raster animation is commonly used in 2D animation, video
games, and multimedia applications. It contrasts with vector
animation, which uses mathematical equations to define shapes
and lines, allowing for scalability without loss of quality.
Raster-based animation method:
1.Pixel block transfers (bitmap manipulation)
2. Color-table transformations
1. Pixel Block Transfers (Bitmap Manipulation)
 Pixel block transfer, often called bit blitting (bit-block
transfer or bitblt), is the process of copying rectangular
areas of pixels from one location to another within a raster
image.
 It is commonly used in sprite animationswhere objects
(characters, UI elements) move without redrawing the
entire screen

|16| Insights on Computer Graphics

 How It Works
 A source bitmap (sprite) is stored in memory.
 The bitmap is copied (blitted) onto a display buffer at the
desired location.
 The previous frame may be erased or replaced by a
background image before copying the new frame.
 This process repeats for every frame to create the illusion
of movement.
Advantages
 Fast and efficient–Redraws only changed areas rather
than the whole screen.
 Memory-efficient–Uses stored bitmaps instead of
redrawing sprites pixel by pixel.
 Common in game engines–Used in early 2D games and
UI transitions.
Examples of Pixel Block Transfers in Use
 Classic 2D Games: Super Mario Bros., Pac-Man (moving
characters on a static background).

2. Color-Table Transformations

Computer Animation and Visualization |17|

  Color-table transformations manipulate color indices in
a palette-based displayrather than modifying pixel values
directly.
 Instead of redrawing objects, the system changes the color
mappings in the lookup table to create animation effects.

How It Works
 Indexed Color Mode: The display uses a color lookup table
(CLUT or palette)where each pixel stores an index
pointing to a specific color in the table.
 Color Remapping: The system modifies the color table
entries, rather than the pixel data itself, to create
animations.
 Efficiency: Changing the palette is computationally faster
than modifying pixel valuesin large images.
Advantages
 Extremely fast–Only modifies a small color lookup table
instead of an entire image.
 Efficient for simple effects–Used for blinking text, fades,
water ripple effects.
 Memory-saving–Requires storing a palette instead of large
image frames.
Examples of Color-Table Transformations

|18| Insights on Computer Graphics

 Day/Night Cycle in Games: Changing the palette
transforms a bright daytime scene into night without
redrawing anything.
 Flashing Effects: Old arcade games used palette cycling to
create blinking lights, explosions, or glowing effects.

Different types of Raster Animation

1. Frame-by-Frame Animation:
o Each frame of the animation is a separate raster
image.
o Animators create or edit individual frames, and
when played in sequence, they produce motion.
o Example: Traditional hand-drawn cartoons.
2. Sprite Animation:
o A "sprite" is a 2D bitmap image or a series of
images that represent a character or object.
o Sprites are moved and manipulated on a
background to create animation.
o Commonly used in 2D video games (e.g., classic
platformers like Super Mario).
3. Onion Skinning:
o A technique used in raster animation software
where semi-transparent versions of previous and
next frames are shown to help animators create
smooth transitions.
4. Tweening (Interpolation):
o While tweening is more common in vector
animation, some raster animation tools allow for
basic interpolation between keyframes to reduce
the workload of drawing every frame manually.

Computer Animation and Visualization |19|

 Raster Animation vs. Vector Animation
Aspect Raster Animation Vector Animation
Math-based (lines and
Image Type Pixel-based (bitmap)
curves)
Loses quality when Infinitely scalable without
Scalability
scaled up quality loss
File Size Larger file sizes Smaller file sizes
Clean, sharp lines and
Detail High detail and realism
shapes
Common Use 2D cartoons, pixel art, Motion graphics, logos,
Cases video games UI animations
Photoshop, Krita, Adobe Animate, After
Tools
Aseprite Effects, Blender

7.3 Key frame systems

Keyframe systems are a fundamental part of computer
animation, enabling animators to create smooth and controlled
motion by defining specific points in time (keyframes) where the
properties of an object or character are set. The software then
automatically interpolates the values between these keyframes to
generate the in-between frames, a process known as tweening.
Keyframe systems are widely used in both 2D and 3D
animation and are essential for creating realistic and dynamic
motion.

|20| Insights on Computer Graphics

 Keyframe Systems steps
1. Keyframes:
o Keyframes are the frames that define critical
positions, shapes, rotation, scale, color or
transformations of an object.
o Define the start and end points of an animation
sequence
o Only major movements are specified.

o For example, in a bouncing ball animation,

keyframes might define the ball at the top of its arc
and at the moment it hits the ground.
2. Interpolation (Tweening):
o The software calculates and fills in the frames
between keyframes
o The intermediate frames between keyframes to
create smooth transitions.
o Interpolation can be linear (constant speed) or use
curves (easing in/out for more natural motion).
o Tweening is the process of filling in these in-
between frames.
3. Animation Curves:
o Keyframe systems often use animation
curves (splines) to represent how properties
change over time.
o Animators can adjust these curves to control the
timing and easing of motion.

Applications of Keyframe Systems

Computer Animation and Visualization |21|

Applications of Keyframe Systems
 Character Animation: In both 2D and 3D, keyframes
define poses, facial expressions, and body movements,
commonly used in films, games, and cartoons.
 Motion Graphics: Used in digital media and advertising
for animating text, shapes, and effects.

 Visual Effects: Keyframe systems are used to control

effects like fading, transformations, and camera
movement, often layered with live-action footage.
Steps in Creating Keyframe Animations
1. Set Key Poses: Place keyframes to define the start and end
positions of an object or character.
2. Adjust Timing: Place keyframes on the timeline at
appropriate intervals to define the pacing.
3. Fine-Tune Motion: Use the graph editor to adjust
interpolation curves, adding ease-in and ease-out effects or
creating custom motion paths.
4. Preview and Refine: Playback the animation, adjust
keyframe positions and curves as needed for smoother or
more realistic motion.
Tools with Keyframe Systems
1. 3D Animation Software:
o Autodesk Maya: Industry-standard for 3D
animation with robust keyframe tools.

|22| Insights on Computer Graphics

 o Blender: Free and open-source 3D software with
advanced keyframe animation features.
o Cinema 4D: Popular for motion graphics and 3D
animation.
2. 2D Animation Software:
o Adobe Animate: Supports keyframe animation for
2D vector and raster graphics.
o Toon Boom Harmony: Professional 2D
animation software with keyframe systems.
3. Video Editing and Motion Graphics:
o Adobe After Effects: Keyframe-based animation
for motion graphics and visual effects.
o Apple Motion: Keyframe animation for video
editing and motion graphics.
4. Game Engines:
o Unity: Supports keyframe animation for game
objects and characters.
o Unreal Engine: Includes keyframe tools for
cinematic sequences and gameplay.

Advantages of Keyframe Systems

 Control: Animators have precise control over the motion
and timing of objects.
 Efficiency: Automates the creation of in-between frames,
saving time.
 Flexibility: Can be used for both simple and complex
animations.
 Realism: Allows for natural-looking motion through
easing and curve editing.

Computer Animation and Visualization |23|

Disadvantages of Keyframe Systems
 Learning Curve: Mastering keyframe animation requires
practice and understanding of timing and motion.
 Complexity: Complex animations (e.g., character rigs) can
involve many keyframes and curves, making them difficult
to manage.
 Computational Cost: High numbers of keyframes and
complex interpolations can increase rendering times.

Example of Keyframe Animation

Imagine animating a bouncing ball:
1. Set a keyframe at the ball's highest point.
2. Set another keyframe at the ball's lowest point (when it hits
the ground).
3. The software interpolates the frames in between, creating
the bounce.
4. Adjust the animation curve to add easing (slower at the
top, faster at the bottom).

7.4 Motion Specifications

Motion specification in computer animation defines how
objects or characters move over time. Motion specification is the
process of defining and controlling how objects, characters, or
elements move in an animation or simulation. It involves
determining the position, rotation, scale, and other properties of
objects over time to create the desired motion. Motion specification
is a critical step in animation, as it directly impacts the realism,
expressiveness, and quality of the final output.
Motion specifications in animation and computer graphics
refer to the detailed parameters and characteristics that define how
objects or characters move within a scene. These specifications
guide the animation process, ensuring that movements are realistic,
fluid, and synchronized with the overall animation narrative.

|24| Insights on Computer Graphics

 There are several methods and techniques for specifying
motion, each suited to different types of animation and workflows.
There are three major methods:
1.Direct-motion specifications
2.Goal-directed systems
3.Kinematics & Dynamics.

7.4.1 Direct Motion Specifications

In direct motion specification method, motion is defined
explicitly by describing position, orientation, and transformation at
each frame.
The animator directly controls the movement rather than
relying on automated computation.
Direct motion specification is a method of defining and
controlling motion in animation or simulation where the animator
explicitly sets the properties of an object or character at specific
points in time or space. This approach provides precise control
over the motion and is often used in keyframe animation, path-
based animation, and other techniques where the animator directly
manipulates the object's attributes.
Direct motion specifications are a straightforward method of
defining motion in animation where movements are controlled
directly without relying on interpolations or complex systems like
keyframes. This approach involves explicitly setting each frame or
directly manipulating an object's properties to achieve the desired
movement, making it more precise but often more labor-intensive.
It is time-consuming, and requires more work. For example,
2D Sprite (a technique that uses a sequence of two-dimensional
images to create the illusion of motion) Animation in Games like
Classic 2D games (e.g.,SuperMario) use direct-motion techniques
to control character movement frame by frame.
Example of Direct Motion Specification
Imagine animating a character waving their hand:

Computer Animation and Visualization |25|

 1. Set a keyframe at the starting position (hand down).
2. Set a keyframe at the highest point of the wave (hand up).
3. Set another keyframe at the end of the wave (hand down).
4. Adjust the animation curves to add easing, making the
motion look natural.
5. Add secondary motion, like slight rotation of the wrist or
overlapping movement of the arm.

Key Features of Direct Motion Specifications

1. Manual Frame-by-Frame Control
o Description: Each frame is individually defined,
so the animator has complete control over every
aspect of the object’s motion from one frame to
the next.
o Application: Commonly used in traditional
animation or when subtle, detailed changes in
motion are needed, such as facial expressions or
intricate movements in hand-drawn or 2D
animations.
2. Direct Manipulation of Object Properties
o Description: Instead of setting keyframes and
interpolating between them, animators directly
specify values like position, rotation, scale, and
orientation at each point in time.
o Application: Useful for simple or repetitive
movements that don't require complex easing or
timing adjustments, such as basic object
translations or rotations.
3. Real-Time Adjustment
o Description: Changes to motion are immediate
and can be seen instantly without relying on pre-
set keyframes or motion paths.

|26| Insights on Computer Graphics

 o Application: Ideal for real-time applications like
interactive animations, virtual reality (VR), or
augmented reality (AR), where user input directly
affects the movement.
4. Incorporation of Physics-Based Controls
o Description: Instead of interpolating motion,
direct specifications can involve physics-based
adjustments that allow movements to follow
physical rules, like gravity or collision forces.
o Application: Often used in simulations where an
object’s movement needs to appear physically
accurate but is still controlled directly.
5. Scripting and Coding
o Description: Direct control over motion can also
be implemented programmatically. Animators or
developers can write scripts to adjust properties
over time without relying on visual keyframe-
based controls.
o Application: Useful in game development and
procedural animation where actions are generated
based on algorithms or user interactions.
Advantages of Direct Motion Specifications
 Precise Control: Offers complete control over every
frame, making it easier to achieve highly detailed or
unique movements.
 Ideal for Non-Interpolated Movement: Allows for jerky,
stylized, or intentionally unnatural motions that can be
difficult to achieve with interpolated keyframes.
 Real-Time Response: In interactive settings, direct motion
specification provides immediate feedback, ideal for user-
driven applications like VR/AR or real-time simulations.

Computer Animation and Visualization |27|

  Customization: Direct motion specifications allow
animators to customize movement styles beyond what
standard easing and interpolation functions might provide.
Limitations of Direct Motion Specifications
 Time-Consuming: Since each frame or step in the motion
path is manually defined, it can be much slower than
keyframe-based animation.
 Requires Precision: Every motion must be specified
carefully to avoid inconsistencies or unwanted motion
artifacts.
 Less Flexibility for Complex Motions: Without
interpolation, achieving smooth, complex, or fluid
movement is more challenging and requires more
meticulous adjustments.
Applications of Direct Motion Specifications
1. Traditional and Hand-Drawn Animation: Frame-by-
frame animation is central to traditional methods, as each
frame is drawn by hand without interpolation.
2. Interactive Experiences: Real-time applications, such as
VR or AR, often use direct motion controls to allow user
inputs to affect motion instantly.
3. Game Development: Direct motion controls are used to
customize movements, especially in character animations
or object responses to player actions.
4. Stop-Motion Animation: Since each frame is
photographed independently, stop-motion animations use
direct motion specification to achieve desired poses and
adjustments without interpolation.
Example Scenarios of Direct Motion Specifications
1. 2D Frame-by-Frame Animation: An animator manually
draws or places each frame, specifying exactly how an
object changes from one frame to the next.

|28| Insights on Computer Graphics

 2. Real-Time Object Movement in VR: A virtual object
moves in direct response to user input, like a hand moving
to pick up an item in VR, where the system immediately
reflects the user's actions.
3. Scripting-Based Animation: A script adjusts an object’s
position over time without using pre-defined keyframes,
controlling its motion frame-by-frame based on specific
conditions or parameters.

7.4.2 Goal Directed Systems

Goal-directed systems define animation by specifying the
desired outcome instead of explicitly defining movement.
Goal-directed systems in animation and computer graphics
are systems that define motion by setting a desired outcome or
"goal" and allowing the computer to calculate the necessary steps
to reach that goal. Rather than specifying exact frame-by-frame
motion or keyframes, goal-directed systems use rules, constraints,
and algorithms to create motion that is natural and adaptive. This
approach is especially useful in simulations, AI-driven animations,
and interactive applications where behavior needs to adapt
dynamically to changing conditions.
Goal-directed system in animation and simulation is a
system where motion or behavior is driven
by goals or objectives rather than being explicitly defined by the
animator. These systems use algorithms, rules, or AI to determine
how objects or characters should move to achieve a specific goal.
Goal-directed systems are widely used in character
animation, robotics, crowd simulations, and interactive
applications like video games.
Characteristics:
AI-Based Animation:
 Uses artificial intelligence to guide object movement.
 Example: A robot character navigating towards a goal.
Rule-Based Systems:

Computer Animation and Visualization |29|

  Objects follow predefined rules and constraints.
 Example: Crowd simulation in video games.
Inverse Kinematics (IK):
 Instead of defining joint angles, the desired end position is
set, and the system calculates necessary movements.
 Used in character animation (e.g., making a character
reach for an object).
Goal-directed systems reduce manual effort and allow for
realistic movements.

Example of a Goal-Directed System

Imagine a video game where an NPC needs to navigate a
city to deliver a package:
1. Goal: Deliver the package to a specific location.
2. Pathfinding: The system calculates the shortest route,
avoiding obstacles like buildings and cars.
3. Behavior: The NPC adjusts its speed and path dynamically
if obstacles appear (e.g., a car blocks the road).
4. Execution: The NPC walks, runs, or uses vehicles to reach
the goal, with animations generated in real time.

Key Features of Goal-Directed Systems

|30| Insights on Computer Graphics

1. Goals as Targets
o Definition: Instead of animating exact movements,
a goal (final state or position) is defined, and the
system automatically calculates the best way to
reach it.
o Application: Commonly used in character
navigation (like finding a path to a target point),
robotic simulations, or other scenarios where an
object or character needs to reach a specific
location.
2. Rules and Constraints
o Definition: Rules define how an object behaves
and interacts with its environment, while
constraints limit or direct its movement.
o Application: Constraints can include physical
rules (gravity, collision boundaries) or other
properties that govern interactions (such as
avoiding obstacles).
3. Pathfinding Algorithms
o Definition: Algorithms calculate an efficient or
realistic path from the starting point to the goal,
avoiding obstacles and adjusting to environmental
changes.
o Techniques: Pathfinding techniques like A* (A-
star), Dijkstra’s algorithm, or other heuristic
approaches are often used in 3D animations,
games, and robotics.
4. Inverse Kinematics (IK)
o Definition: IK is a goal-directed approach in
character animation where the animator sets the
target position of a character's hand, foot, or other
part, and the system calculates the joint angles
needed to reach it.

Computer Animation and Visualization |31|

 o Application: Used to achieve realistic limb
movements in characters, like reaching for an
object or walking, and often combined with
physics-based rules.
5. Behavioral Modeling
o Definition: Involves creating complex, goal-
directed behaviors, often using rules and AI.
o Application: Behavioral modeling is widely used
for crowd simulations, autonomous characters in
games, and animals or entities that need to exhibit
lifelike behaviors like flocking, chasing, or
escaping.
6. Physics-Based Goal Systems
o Definition: Uses physics simulations to help
objects or characters reach a goal in a realistic
way.
o Application: For example, in a ball-throwing
animation, physics-based goal systems calculate
the trajectory needed to make the ball hit a target,
accounting for gravity and other forces.
Advantages of Goal-Directed Systems
 Adaptability: Allows characters or objects to adjust their
paths and behaviors in real time in response to
environmental changes.
 Realism: Produces more natural-looking motion, as the
system calculates movements based on real-world physics
or biological behaviors.
 Efficiency: Reduces the need for frame-by-frame or
keyframe-based animation, as the system determines the
movement automatically.
 Ideal for Interactive Applications: Especially useful in
games, VR, and simulations, where dynamic responses are

|32| Insights on Computer Graphics

 necessary for user interaction or real-time environmental
changes.
Applications of Goal-Directed Systems
1. Character Animation in Games and Film:
o AI-driven characters in games use goal-directed
systems to navigate around obstacles, engage in
combat, or interact with the environment in a
believable way.
o In films, goal-directed systems are often used for
crowd scenes, where each character follows a set
of behaviors to move toward a goal, like escaping
danger or chasing an object.
2. Robotics and Autonomous Vehicles:
o Robots and autonomous vehicles use goal-directed
pathfinding algorithms and behavior modeling to
navigate toward a target while avoiding obstacles.
3. Physics Simulations and Effects:
o Simulating particles, fluids, or rigid bodies often
involves setting a goal, such as particles moving
toward a target or fluids flowing into a container,
with physics-based constraints guiding their
behavior.
4. Crowd and Flocking Simulations:
o For crowd simulations, each agent (character) has
a goal, like moving from one point to another,
while avoiding collisions and maintaining social
spacing.
5. Inverse Kinematics in Character Animation:
o Used extensively in 3D character rigging and
animation to ensure that character joints move
realistically when reaching for targets or adjusting
to different terrains.

Computer Animation and Visualization |33|

Key Techniques and Algorithms
 A and Dijkstra’s Pathfinding*: Calculates the shortest or
most efficient path to a goal, commonly used for
navigation in games.
 Fuzzy Logic and Rule-Based Systems: Defines behaviors
in situations with ambiguity or incomplete information,
useful in dynamic environments.
 Finite State Machines (FSMs): Used to model character
or object behavior by breaking it down into states (e.g.,
idle, moving, attacking), with each state having its own
goal.
 Boids Algorithm for Flocking: Defines rules for each
entity to achieve flocking behavior by maintaining a
balance between alignment, cohesion, and separation.

7.4.3 Kinematics and Dynamics

Kinematics and dynamics are two fundamental branches of
physics that deal with the motion of objects.
They are essential in fields like animation, robotics, game
development, and engineering. While kinematics focuses on
the description of motion (e.g., position, velocity,
acceleration), dynamics deals with the causes of motion (e.g.,
forces, torques, energy).
Kinematics is the study of motion without considering the
forces that cause it. It describes how objects move in terms of
position, velocity, acceleration, and time.
1. Kinematics (Motion Without Forces)
 Kinematics describes motion using position, velocity, and
acceleration without considering the forces that cause it.
Key Concepts in Kinematics
1. Position:
o The location of an object in space, often
represented as coordinates (x, y, z) in 3D space.

|34| Insights on Computer Graphics

2. Velocity:
o The rate of change of position with respect to time
(speed + direction).
3. Acceleration:
o The rate of change of velocity with respect to time.
4. Trajectory:
o The path followed by an object in motion.
5. Equations of Motion:
o Mathematical formulas that describe the
relationship between position, velocity,
acceleration, and time.
o For example, s=ut+1/2at2
Types of Kinematics
1. Forward Kinematics (FK):
o Calculates the position of an end effector (e.g., a
robot's hand) based on joint angles and limb
lengths.
o Example: Determining the position of a character's
hand based on the angles of its shoulder, elbow,
and wrist joints.
2. Inverse Kinematics (IK):
o Calculates the joint angles required to position an
end effector at a specific location.
o Example: Positioning a character's hand to grab an
object by adjusting its shoulder, elbow, and wrist
joints.
Applications of Kinematics
 Character Animation:
o Animating the movement of characters' limbs
using FK or IK.

Computer Animation and Visualization |35|

  Robotics:
o Controlling the motion of robotic arms and legs.
 Game Development:
o Simulating realistic movements for characters and
objects.
 Physics Simulations:
o Calculating trajectories for projectiles or vehicles.

2. Dynamics (Motion With Forces)

Dynamics is the study of motion and the forces that cause it.
It explains why objects move the way they do by analyzing forces,
torques, mass, and energy.
Dynamics considers the forces that cause motion, based on
physical laws.

Key Concepts in Dynamics

1. Force:
o A push or pull that causes an object to accelerate
(measured in Newtons).
o Example: Gravity, friction, or applied force.
2. Torque:
o A rotational force that causes an object to rotate
(measured in Newton-meters).
o Example: Turning a wrench or a character rotating
their arm.
3. Mass:
o The amount of matter in an object, which
determines its resistance to acceleration.
4. Energy:

|36| Insights on Computer Graphics

 o The capacity to do work, including kinetic energy
(energy of motion) and potential energy (stored
energy).
5. Newton's Laws of Motion:
o First Law (Inertia): An object remains at rest or
in uniform motion unless acted upon by a force.
o Second Law: F=ma (force equals mass times
acceleration).
o Third Law: For every action, there is an equal and
opposite reaction.
Types of Dynamics
1. Linear Dynamics:
o Deals with motion in a straight line (e.g., a car
accelerating on a road).
2. Rotational Dynamics:
o Deals with rotational motion (e.g., a spinning top
or a rotating wheel).
3. Rigid Body Dynamics:
o Simulates the motion of solid objects that do not
deform.
4. Soft Body Dynamics:
o Simulates the motion of deformable objects (e.g.,
cloth, fluids, or jelly).
Applications of Dynamics
 Physics Simulations:
o Simulating realistic motion in games, films, and
engineering (e.g., collisions, explosions).
 Robotics:
o Designing robots that can move and interact with
their environment.

Computer Animation and Visualization |37|

  Engineering:
o Analyzing the forces acting on structures, vehicles,
or machinery.
 Animation:
o Creating realistic motion for characters, objects,
and effects (e.g., cloth, hair, fluids).
Key Concepts in Dynamics:
Forces Affect Motion: Forces like gravity, friction, and
electromagnetism change an object's velocity.
Newton’s Second Law: F=ma
 Example: If a force (F)is applied to an object, it
accelerates based on its mass (m).
Physically-Based Modeling:
 Used for realistic animations in physics-based simulations
(e.g., cloth, fluids, rigid bodies).
 Uses equations like Newton’s laws, Navier-Stokes
equations (fluids), Maxwell’s equations
(electromagnetism).
Inverse Dynamics:
 Given start and end positions, we calculate the forces
needed to create that motion.
 Example: Rocket movement, where fuel mass decreases
over time.

|38| Insights on Computer Graphics

 Aspect Kinematics Dynamics

Study of motion Study of motion

Definition
without forces considering forces

Position, velocity, Forces, mass,

Key Focus
and acceleration and interactions

Forward
Main Rigid Body, Soft
Kinematics, Inverse
Techniques Body, Fluid Dynamics
Kinematics

Character poses, Realistic object

Applications
robotic arms, animations motion, special effects

High control over Limited control,

Control
motion physics-based behavior

High, especially
Computation Low to moderate for complex
simulations

Can look artificial

Very realistic,
Realism without additional
obeys physical laws
adjustments

Explains the
Describes motion
Focus causes of motion
(position, velocity, etc.).
(forces, etc.).

Equatio
s=ut+1/2at2 F= ma
ns

Considers forces
Forces Ignores forces.
and torques.

Animation, Physics
Applicat
robotics, trajectory simulations,
ions
planning. engineering, robotics.

Computer Animation and Visualization |39|

Example Scenario Using Both Kinematics and Dynamics
In a video game, animators use kinematics to set the
primary poses and actions for a character's walk cycle, using
inverse kinematics to ensure the character's feet stay on uneven
terrain. When the character encounters an enemy, dynamics come
into play to simulate realistic interactions—if the character falls,
physics-based dynamics handle the fall, gravity, and how they
impact the ground, adding authenticity.

|40| Insights on Computer Graphics

 Chapter 8

Latest Trends in Computer Graphics

Introduction
The latest trends in computer graphics is driven by
advancements in hardware, software, AI, and creative applications.
It includes virtual reality, augmented reality, AI-driven tools,
machine learning, procedural content generation and etc.
Virtual reality (VR), augmented reality (AR) and Extended
Reality (XR)
 These are immersive technologies that combine the
physical and digital worlds
 Used in entertainment, gaming, education, training,
marketing, and socializing

AI-driven tools
 Can create animated designs from text prompts
 Allow designers to create customized visuals quickly
Machine learning

Latest Trends in Computer Graphics |41|

  Used to solve problems in computer graphics and image
processing
Procedural content generation (PCG)
 Uses algorithms to create large amounts of content
automatically or semi-automatically
 Can reduce the cost and time of manual content creation
Data visualization
 Presents complex information in an easy-to-understand
format
 Can help identify trends, provide insights, and illustrate
impact
Motion graphics
 Effective in digital marketing and advertising campaigns
 Can enhance brand identity, explain products or services,
and increase engagement

Image-based rendering
 The process of generating realistic or stylized images from
3D models, lighting, and materials
Real-Time Ray Tracing
 Real-time ray tracing (RTRT) is a cutting-edge rendering
technique that simulates light behavior to produce
photorealistic graphics in interactive applications, such as
video games.

|42| Insights on Computer Graphics

  Real-time ray tracing, popularized by NVIDIA's RTX
series, is becoming more accessible and efficient. It
simulates the way light interacts with objects to produce
highly realistic images.
 Applications: Gaming, virtual production, and
architectural visualization.
 Developments: Improved hardware acceleration and
software optimizations are making real-time ray tracing
more feasible for a broader range of applications.
Photorealistic Rendering
 Photorealistic rendering is a technique that uses 3D
rendering software to generate lifelike images and
animations using physically based virtual lights, cameras,
and materials.

 Achieving photorealism in computer graphics involves

simulating real-world lighting, materials, and physics as
accurately as possible.

Latest Trends in Computer Graphics |43|

  Applications: Film, advertising, and product visualization.
 Developments: Improvements in rendering engines like
Blender's Cycles, Autodesk's Arnold, and Chaos Group's
V-Ray are pushing the boundaries of what's possible in
photorealistic rendering.
Cloud-Based Graphics Processing
 A cloud based GPU is a high performance processor
hosted in cloud, designed to handle complex graphical and
parallel processing tasks

 Cloud computing is being leveraged to handle complex

graphics rendering tasks, enabling high-quality graphics on
devices with limited processing power.
 Applications: Gaming, remote work, and collaborative
design.
 Developments: Services like NVIDIA's GeForce NOW
and Google's Stadia are leading the way in cloud-based
gaming, while other platforms are exploring cloud
rendering for professional applications.
Non-Photorealistic Rendering (NPR)
 Non-photorealistic rendering (NPR) is an area of computer
graphics that focuses on enabling a wide variety of
expressive styles for digital art, in contrast to traditional
computer graphics, which focuses on photorealism.

|44| Insights on Computer Graphics

  NPR focuses on creating artistic and stylized visuals rather
than realistic ones, often mimicking traditional art styles
like painting or sketching.
 Applications: Animation, video games, and interactive
media.
 Developments: New algorithms and tools are making it
easier to achieve a wide range of artistic effects in real-
time.
Holographic Displays
 A holographic display is a type of 3D display that utilizes
light diffraction to display a three-dimensional image to
the viewer.

 Holographic display technology is advancing, offering new

ways to visualize 3D content without the need for special
glasses or headsets.

Latest Trends in Computer Graphics |45|

  Applications: Medical imaging, entertainment, and
advertising.
 Developments: Research into light field displays and
volumetric displays is progressing, bringing us closer to
practical holographic displays.
Ethical and Inclusive Graphics
 Ethical and Inclusive Graphics refers to visual design that
actively considers and incorporates diversity in
representation, avoiding stereotypes and harmful imagery,
while also ensuring accessibility for people with
disabilities, effectively reaching a wide audience without
exclusionary practices; essentially, designing graphics that
are morally responsible and cater to a broad range of
individuals and experiences.
 There is a growing emphasis on creating inclusive and
ethically responsible graphics, ensuring that digital
representations are diverse and free from bias.
 Applications: All areas of computer graphics, particularly
in media and advertising.
 A marketing campaign featuring a diverse group of
athletes participating in various sports.
 Developments: Tools and guidelines are being developed
to help creators produce more inclusive content, and there
is increasing awareness of the ethical implications of
computer graphics.

8.1 Interactive Visualization

Interactive visualization is a rapidly evolving field that
combines computer graphics, data analysis, and user interface
design to create dynamic, user-driven visual representations of
data.

|46| Insights on Computer Graphics

 Interactive visualization is a way of displaying data visually
that allows users to explore and manipulate it in real time. It's a
common part of business intelligence and analytics suites (a
collection of applications that help users analyze data from
multiple sources) .
Interactive visualization is a dynamic field that combines
real-time rendering, user interaction, and data exploration to create
immersive and responsive experiences. It spans industries like
gaming, scientific research, education, and business analytics.
Interactive visualization is a powerful approach that allows
users to explore and analyze data by directly interacting with visual
elements, providing immediate feedback and enabling deeper
insights. Rather than static charts or images, interactive
visualizations are dynamic, letting users manipulate the data views
in real time. This method is widely used in fields like data science,
business intelligence, scientific research, and education, where
understanding complex data through exploration and visual cues is
crucial.
How does it work?
 Users can interact with the visualization by clicking
buttons or adjusting sliders
 The visualization responds to the user's input by changing
colors, shapes, or other visual elements
 Users can get immediate feedback on how their input
relates to the data
Benefits
 Interactive visualizations can help users identify cause-
and-effect relationships
 They can help users understand insights based on rapidly
changing data
 They can help users make better, data-driven decisions
The trends and developments in interactive visualization are
as follows

Latest Trends in Computer Graphics |47|

 1. Real-Time Data Interaction
 Overview: Users can now interact with data visualizations
in real-time, allowing for immediate feedback and
exploration.
 Applications: Financial analysis, healthcare monitoring,
and social media analytics.
 Developments: Advances in web technologies like
WebGL and WebAssembly enable complex data
visualizations to run smoothly in browsers.

2. Immersive Visualization
 Overview: Leveraging VR and AR technologies to create
immersive data exploration environments.
 Applications: Scientific research, education, and urban
planning.
 Developments: Tools like Unity and Unreal Engine are
being used to create immersive visualization experiences
that allow users to "walk through" data.

3. AI-Enhanced Visualization
 Overview: AI and machine learning are being integrated
into visualization tools to automate data analysis and
generate insights.
 Applications: Business intelligence, healthcare
diagnostics, and predictive analytics. Business intelligence
(BI) is a process that uses data to help organizations make
better decisions. It involves collecting, analyzing, and
visualizing data to improve performance.
 Developments: AI-driven tools can suggest the most
effective visualization types based on the data and user
goals, and can even highlight key trends and anomalies.

|48| Insights on Computer Graphics

 4. Collaborative Visualization
 Overview: Enabling multiple users to interact with and
annotate visualizations simultaneously, often in a cloud-
based environment.

 Applications: Remote teamwork, educational settings, and

collaborative research.
 Developments: Platforms like Tableau and Microsoft
Power BI are incorporating features that allow for real-
time collaboration and sharing of visual insights.
 Power BI is a collection of software services, apps, and
connectors that work together to turn various sources of
data into static and interactive data

5. Natural Language Interfaces

 A natural language interface (NLI) is a user interface that
allows users to interact with a computer using human
language. NLIs can be text-based or speech-based.
 Overview: Allowing users to interact with visualizations
using natural language queries.
 Applications: Business analytics, customer service, and
data journalism.
 Developments: Integration of NLP (Natural Language
Processing) technologies into visualization tools enables

Latest Trends in Computer Graphics |49|

 users to ask questions and receive visual answers without
needing to know complex query languages.

6. Responsive and Adaptive Visualizations

 Responsive and adaptive visualizations refer to data
visualizations that can dynamically adjust their layout and
presentation based on the screen size or device they are
viewed on, ensuring a clear and usable experience across
different platforms, like desktops, tablets, and
smartphones; essentially, the visualization "responds" to
the available space and adapts its elements accordingly.
 Overview: Visualizations that adapt to different screen
sizes and devices, providing an optimal viewing
experience.
 Applications: Mobile analytics, responsive web design,
and cross-platform applications.
 Developments: Frameworks like D3.js and Plotly are
being enhanced to support responsive design principles,
ensuring visualizations look great on any device.

7. Storytelling with Data

 Overview: Combining narrative techniques with
interactive visualizations to tell compelling stories with
data.
 Applications: Journalism, marketing, and education.
 Developments: Tools like Flourish and Datawrapper are
making it easier to create data-driven stories that engage
and inform audiences.
 Datawrapper is a web-based tool for the fast creation of
charts, maps, and tables. It's used by news media, think
tanks, universities, government.

|50| Insights on Computer Graphics

 8. High-Dimensional Data Visualization
 High-dimensional data often contains intricate
(complicated) patterns and relationships among variables
that may not be apparent in raw numerical form.
Visualization helps uncover hidden structures, trends, or
clusters within the data, making it easier for analysts to
identify patterns and correlations.
 Overview: Techniques for visualizing complex, high-
dimensional data in an intuitive and interactive manner.
 Applications: Genomics, machine learning, and financial
modeling.
 Developments: Methods like t-SNE and UMAP are being
integrated into visualization tools to help users explore and
understand high-dimensional datasets.

9. Customizable and Extensible Visualization Libraries

 Overview: Libraries and frameworks that allow developers
to create highly customized visualizations.
 Applications: Software development, research, and
custom analytics solutions.
 Developments: Open-source libraries like D3.js, Three.js,
and Vega are continuously updated with new features and
plugins, enabling more sophisticated and tailored
visualizations.
 Chartist.js is a open-source JavaScript library that allows
for creating simple responsive charts that are highly
customizable and cross-browser

10. Ethical and Inclusive Visualization

 Overview: Ensuring that visualizations are accessible and
represent data in an ethical manner.

Latest Trends in Computer Graphics |51|

  Applications: Public policy, social sciences, and corporate
reporting.
 Developments: Guidelines and best practices are being
developed to ensure visualizations are inclusive and do not
mislead or misrepresent data.

11. Interactive Geospatial Visualization

 Geospatial Visualizations focus on the relationship
between data and its physical location to create insight.
 Overview: Advanced tools for visualizing and interacting
with geospatial data.
 Applications: Environmental monitoring, logistics, and
urban planning.
 Developments: Platforms like Mapbox and ArcGIS are
incorporating more interactive features, allowing users to
explore geospatial data in new ways.

12. Real-Time Streaming Data Visualization

 Real-time streaming data visualization is the process of
displaying live data as it's generated. It allows users to
analyze data in real time to identify trends and patterns.
 Overview: Visualizing data streams in real-time, enabling
immediate insights and decision-making.
 Applications: IoT monitoring, financial trading, and social
media analysis.
 Developments: Technologies like Apache Kafka and
WebSockets are being used to handle real-time data
streams, which are then visualized using tools like Grafana
and Kibana.

|52| Insights on Computer Graphics

Benefits of Interactive Visualization
 Enhanced Data Exploration: Allows users to explore
data from multiple perspectives, discovering patterns,
correlations, and outliers that static visuals might miss.
 Improved Decision-Making: By giving users control over
data views, interactive visualizations help in analyzing
complex data more comprehensively, aiding informed
decision-making.
 Greater Engagement and Understanding: Interactivity
keeps users engaged, making it easier for them to absorb
and remember information by actively participating in the
exploration process.
 Support for Complex Data: Works well for large or
multidimensional datasets, where users can simplify views
or highlight specific aspects as needed.
Applications of Interactive Visualization
1. Business Intelligence (BI) and Data Analytics:
o BI platforms like Tableau, Power BI, and Looker
allow businesses to visualize key performance
indicators (KPIs), sales trends, and customer
insights interactively. Users can drill down into
specific regions, time periods, or product
categories, gaining insights for strategic planning.
2. Scientific Research and Environmental Studies:
o In fields like genomics, climate science, and
epidemiology, interactive visualizations help
researchers analyze complex datasets, such as
genetic data or climate models. For example,
interactive maps can visualize geographic trends in
weather patterns or disease outbreaks.
3. Finance and Economics:
o Financial analysts use interactive visualizations to
monitor stock market trends, economic indicators,

Latest Trends in Computer Graphics |53|

 and portfolio performances. Tools allow them to
adjust variables and see how different scenarios
might impact investments, market conditions, or
economic forecasts.
4. Public Policy and Civic Data:
o Governments and NGOs use interactive
dashboards to make public data accessible and
understandable, such as census data, economic
reports, or COVID-19 tracking. Interactive maps,
for example, allow citizens to explore local
statistics and trends that affect their communities.
5. Education and E-Learning:
o Interactive visualizations enhance e-learning by
allowing students to explore historical events,
scientific concepts, or mathematical models
dynamically. For example, physics simulations let
students manipulate variables to see how changes
affect outcomes in real time.
6. Journalism and Storytelling:
o Data journalism has become increasingly popular,
with interactive visualizations embedded in news
articles to tell data-driven stories. These allow
readers to explore information themselves, such as
visualizing polling data, economic statistics, or
social trends.
Popular Tools and Technologies for Interactive Visualization
1. Tableau: A widely-used BI tool for creating interactive
dashboards, Tableau allows users to drag and drop
elements, apply filters, and create drill-down views.
2. Power BI: Microsoft’s tool for business analytics that
supports data integration from multiple sources, providing
interactive visuals and real-time data updates.

|54| Insights on Computer Graphics

 3. D3.js: A JavaScript library for creating custom interactive
visualizations on the web, allowing for full control over
elements, animations, and data manipulation.
4. Plotly and Dash: Python-based libraries that enable
complex interactive visualizations and dashboards,
commonly used in data science and research.
5. Flourish: A cloud-based tool that makes creating
interactive data stories easy, with templates for various
charts, maps, and animations.
6. Google Data Studio: A free tool by Google for creating
and sharing interactive dashboards, with integrations to
Google products and other data sources.

Challenges in Interactive Visualization

 Data Privacy and Security: When visualizations use
sensitive data, securing the data while maintaining
interactivity can be challenging.
 Performance and Scalability: Large datasets can slow
down performance, especially when complex calculations
or real-time updates are required.
 Design Complexity: Balancing interactivity with clarity
can be difficult; too many options or controls can
overwhelm users, while too few can limit exploration.
 Cross-Platform Compatibility: Ensuring that interactive
visualizations work smoothly across different devices and
screen sizes is essential, particularly for mobile users.

Trends in Interactive Visualization

1. Augmented Reality (AR) and Virtual Reality (VR)
Visualization:
o Integrating data visualization with AR/VR is
emerging as a new way to interact with data in

Latest Trends in Computer Graphics |55|

 immersive 3D environments, offering unique
perspectives and engagement.
2. AI-Driven Interactivity:
o AI enhances interactivity by suggesting insights,
highlighting anomalies, or personalizing data
views based on user behavior, making
visualizations more intuitive.
3. Natural Language Querying (NLQ):
o NLQ allows users to interact with visualizations
by asking questions in natural language, making
data exploration accessible to non-technical users.
4. Embedded Analytics and Visualization in Applications:
o Interactive visualization components are
increasingly embedded directly into apps, enabling
users to explore data without switching to a
separate tool or platform.
5. Collaborative Visualization:
o Collaborative features in tools allow multiple users
to interact with and analyze data together in real
time, enhancing decision-making and data-driven
discussions.

8.2 Distributed Scene Rendering

Distributed scene rendering is a technique that uses multiple
computers to render a single image or scene. It's a key technique in
3D animation.
Distributed scene rendering is a technique used to render
complex scenes by distributing the rendering workload across
multiple machines or processors. This approach is particularly
useful for high-quality, photorealistic rendering in industries like
film, gaming, architecture, and scientific visualization.

|56| Insights on Computer Graphics

 Distributed rendering is a technique that uses multiple
computers in a network to render a single frame or scene faster.
How it works
 A single frame is divided into smaller regions
 Each machine is assigned some of the regions to render
 Once each region is rendered, it's returned to the client
machine
 The rendered regions are combined to form the final image
Benefits
 It's faster than rendering with a single machine
 It allows you to take advantage of network's resources
 It allows you to off-load the work required to render your
scene from your local machine
 It's especially useful for complex scenes with high-quality
textures
How to use distributed rendering
 We must determine the machines that will take part in the
computations
 We can use software packages like V-Ray, Corona,
Chromium, Equalizer, OpenSG, and Golem to use
distributed rendering

Distributed Scene Rendering is a technique in computer

graphics where the process of rendering complex scenes is split
across multiple computers, often within a network or on the cloud.
This allows rendering tasks to be completed faster and more
efficiently than using a single machine, especially when dealing
with resource-intensive scenes that involve high-quality visual
effects, massive polygon counts, complex lighting, or real-time
interactivity. Distributed rendering is widely used in fields such as
visual effects, animation, video games, and virtual reality.

Latest Trends in Computer Graphics |57|

 The latest trends and developments in distributed scene
rendering are as follows
1. Cloud-Based Rendering
 Overview: Leveraging cloud computing resources to
distribute rendering tasks across a network of remote
servers.
 Cloud-based rendering is a process that uses remote
servers to create images, videos, and interactive
applications. It's also known as cloud rendering or cloud
computing rendering.
How it works
 Users upload files and data to the cloud
 A network of servers in the cloud processes the
files
 The resulting images are downloaded back to the
user's device
Benefits
 Faster: Cloud rendering is faster than rendering on
a single computer
 Scalable: Cloud rendering can deliver more
scalable results
 Cost-effective: Users don't need to maintain and
upgrade expensive rendering hardware and
software
 Space-saving: Users don't need to allocate space
for large data files

 Applications: Film production, architectural visualization,

and game development.
 Developments: Services like AWS Thinkbox Deadline,
Google Cloud Rendering, and Microsoft Azure Batch

|58| Insights on Computer Graphics

 Rendering are making it easier to scale rendering
workloads dynamically and cost-effectively.

2. Real-Time Distributed Rendering

 Overview: Combining distributed rendering techniques

with real-time rendering engines to achieve high-quality
visuals in interactive applications.
 Applications: Virtual production, live events, and
interactive simulations.
 Developments: Engines like Unreal Engine and Unity are
integrating distributed rendering capabilities to support
real-time applications, enabling more complex and detailed
scenes.

3. AI-Assisted Rendering
 AI rendering employs machine learning algorithms to
create highly realistic visualizations faster and more
accurately than traditional methods.
 Overview: Using AI to optimize rendering processes,
predict rendering times, and allocate resources efficiently.
 Applications: Film, gaming, and virtual reality.
 Developments: AI algorithms are being used to denoise
images, upscale lower-resolution renders, and predict the
most efficient distribution of rendering tasks across a
network.

4. Hybrid Rendering Pipelines

 Hybrid rendering can refer to a Unity package that renders
ECS (Entity-component-system) entities or a combination
of server-side, pre-rendering, and client-side rendering.

Latest Trends in Computer Graphics |59|

  Overview: Combining rasterization and ray tracing
techniques in a distributed rendering pipeline to balance
performance and quality.
 Applications: Game development, virtual production, and
architectural visualization.
 Developments: Hybrid rendering pipelines are becoming
more common, allowing for real-time interactivity with
high-quality ray-traced effects.

5. Decentralized Rendering Networks

 Overview: Utilizing decentralized networks of computers,
including consumer-grade hardware, to distribute
rendering tasks.
 Applications: Independent filmmaking, small studios, and
academic research.
 Developments: Platforms like RenderToken and Golem
are exploring blockchain technology to create
decentralized rendering networks, offering a cost-effective
alternative to traditional cloud services.

6. GPU-Accelerated Distributed Rendering

 Overview: Leveraging the parallel processing power of
GPUs across multiple machines to accelerate rendering
times.
 Applications: High-end visual effects, scientific
visualization, and medical imaging.
 Developments: Frameworks like NVIDIA's OptiX and
AMD's Radeon ProRender are optimizing GPU-
accelerated distributed rendering for both local and cloud-
based environments.

7. Scalable Rendering Frameworks

|60| Insights on Computer Graphics

 Overview: Developing rendering frameworks that can
scale seamlessly from a single machine to a large
distributed network.
 Applications: Large-scale film productions, virtual reality
experiences, and interactive installations.
 Developments: Frameworks like Pixar's RenderMan and
Autodesk's Arnold are being enhanced to support scalable
distributed rendering, making it easier to handle large and
complex scenes.

8. Efficient Resource Management

 Overview: Implementing advanced resource management
techniques to optimize the distribution of rendering tasks
and minimize idle time.
 Applications: Film studios, game development, and
architectural firms.
 Developments: Tools like Thinkbox Deadline and Royal
Render are incorporating more sophisticated scheduling
algorithms and resource allocation strategies to improve
efficiency.

9. Interactive Distributed Rendering

 Overview: Enabling interactive feedback and adjustments
during the rendering process, even in a distributed
environment.
 Applications: Virtual production, real-time collaboration,
and iterative design.
 Developments: Technologies like NVIDIA's Omniverse
and Unreal Engine's Pixel Streaming are enabling
interactive distributed rendering, allowing artists to see
changes in real-time.

Latest Trends in Computer Graphics |61|

 10. Energy-Efficient Rendering
 Overview: Focusing on reducing the energy consumption
of distributed rendering processes, both for cost savings
and environmental sustainability.
 Applications: All industries using distributed rendering.
 Developments: Research into energy-efficient algorithms
and hardware, as well as the use of renewable energy
sources for rendering farms, is gaining traction.

11. Cross-Platform Compatibility

 Overview: Ensuring that distributed rendering solutions
work seamlessly across different operating systems and
hardware configurations.
 Applications: Collaborative projects involving multiple
studios, remote teams, and diverse hardware setups.
 Developments: Rendering engines and frameworks are
increasingly being designed with cross-platform
compatibility in mind, supporting Windows, Linux, and
macOS environments.

12. Enhanced Security and Data Integrity

 Overview: Implementing robust security measures to
protect sensitive data during distributed rendering
processes.
 Applications: Film production, corporate visualization,
and government projects.
 Developments: Encryption, secure data transfer protocols,
and access control mechanisms are being integrated into
distributed rendering solutions to ensure data security and
integrity.

|62| Insights on Computer Graphics

Advantages of Distributed Scene Rendering
1. Increased Rendering Speed: By dividing rendering tasks
across multiple machines, distributed rendering
significantly reduces the time needed to render each frame
or image.
2. Enhanced Resource Utilization: Distributes computing
resources effectively, allowing all nodes in a network or
cluster to contribute to the rendering process.
3. Scalability for Large Projects: Distributed rendering can
handle large and complex projects with heavy data loads
and complex effects, which a single machine might
struggle with.
4. Fault Tolerance: If one machine fails, other machines can
continue rendering, providing a level of redundancy and
preventing complete downtime.
5. Cost Savings: Enables teams to use cost-effective cloud
rendering options or rented render farms instead of
maintaining a costly local infrastructure.

Challenges in Distributed Scene Rendering

1. Data Synchronization and Consistency: Ensuring that all
nodes are working with the latest scene data and textures
can be challenging, especially in a shared network or cloud
environment.
2. Network Bottlenecks: High data transfer rates are
required for large assets and textures, and network
limitations can slow down the rendering process.
3. Load Balancing and Efficiency: Dividing the tasks
evenly across machines without overloading some nodes
while leaving others idle requires sophisticated scheduling.
4. Data Storage and Access: Distributed rendering requires
large storage solutions with fast access times. Shared

Latest Trends in Computer Graphics |63|

 storage systems, like NAS or cloud storage, need to be
configured for high-performance access.
5. Managing Consistent Lighting and Shading: Achieving
a consistent look across tiles or frames, especially for
global illumination, can be tricky, as lighting computations
may differ if not managed properly.

Distributed Rendering Pipelines

1. Rendering on a Render Farm
o Render Farm Setup: A render farm consists of
multiple servers or workstations connected via a
high-speed network. These machines are dedicated
to rendering tasks, and their resources are managed
by software like RenderMan, Arnold, or V-Ray.
o Queue Management: Render farm software
queues and schedules jobs, distributes them to
available machines, and combines the results into
the final output.
o Task Monitoring and Logging: Many render
farms have real-time monitoring tools to track the
progress and performance of each machine,
ensuring efficient operation and troubleshooting.
2. Cloud-Based Rendering Pipeline
o Scene Upload and Resource Allocation: The
scene files, assets, and textures are uploaded to a
cloud provider. Once uploaded, machines are
allocated to process different parts of the scene.
o On-Demand Scaling: Resources can be scaled up
or down based on the workload, providing
flexibility in managing resources during peak
times or reducing costs during lighter workloads.
o Result Compilation and Download: Once
rendering is complete, the final output is

|64| Insights on Computer Graphics

 assembled and downloaded from the cloud, or it
may be streamed directly to workstations for real-
time review.
3. Hybrid Rendering Pipelines
o Combination of Local and Cloud Resources:
Some studios use a hybrid approach, where urgent
or complex parts of a scene are sent to the cloud
while other parts are rendered locally.
o Resource Management Software: Hybrid
systems often require advanced scheduling and
load-balancing software to coordinate tasks
between local and cloud resources.
o Cost and Performance Optimization: Hybrid
approaches allow studios to use local resources
fully while offloading additional tasks to the cloud
only when necessary, optimizing both cost and
performance.

Key Technologies and Tools

 Render Management Software: Tools like Deadline,
Qube!, and OpenCue manage distributed rendering across
multiple machines, schedule tasks, and handle error
logging and retry mechanisms.
 Rendering Engines: Many rendering engines support
distributed rendering, including Arnold, V-Ray, Redshift,
and RenderMan, which can be configured to work across
render farms or in the cloud.
 Cloud Platforms: Services like AWS Thinkbox, Google
Cloud’s Zync, and Microsoft Azure offer specialized
infrastructure for distributed rendering, with options for
scaling and paying per use.
 High-Speed Network Infrastructure: Distributed
rendering relies on fast local or wide-area networks

Latest Trends in Computer Graphics |65|

 (WAN) to transfer large data files quickly, often using
dedicated gigabit or fiber-optic connections for efficient
data transfer.
 Storage Solutions: Distributed rendering requires shared
storage systems with fast read/write capabilities, such as
NAS or cloud storage solutions optimized for high-speed
access.

8.3 Augmented Reality, Virtual Reality and Mixed

Reality
Augmented Reality (AR), Virtual Reality (VR), and Mixed
Reality (MR) are three immersive technologies that blend digital
and physical environments in unique ways. These technologies
enable users to experience digital content more interactively and
are widely used in fields like gaming, education, healthcare, and
training.
1. Virtual Reality (VR):
Virtual reality (VR) is a computer-generated environment that
simulates reality using 3D displays, motion tracking, and other
sensory inputs. VR allows users to interact with a virtual world as
if it were real.
Virtual Reality (VR) immerses users in a completely digital
environment, isolating them from the real world. Using VR
headsets like the Oculus Rift, HTC Vive, or PlayStation VR, users
experience a 360-degree virtual space that responds to their
movements, making it feel as if they are present in the virtual
environment. Jaron Lanier coined the term "virtual reality" in 1987.
VR is different from augmented reality (AR), which shows the real
world with added or changed elements.

How it works
 A user wears a headset or goggles that display a simulated
environment

|66| Insights on Computer Graphics

 Motion sensors track the user's movements and adjust the
view on the screen
 Data gloves with force-feedback devices can make it feel
like the user is touching objects in the virtual environment

Key Features of VR
1. Full Immersion: VR blocks out the real world, providing
an entirely virtual environment where users can interact
with digital objects.
2. Three-Dimensional and Interactive: The virtual world
responds to the user's movements, creating a sense of
presence within the digital space.
3. Specialized Hardware Requirements: VR requires a
headset and often other devices like controllers and sensors
to track movements.
4. Environment: Entirely virtual, created via headsets (e.g.,
Oculus Rift, HTC Vive).
5. Interaction: Users interact with virtual elements using
motion controllers; no real-world interaction.
6. Applications: Gaming, simulations (flight/medical
training), virtual tours, and therapeutic environments.
7. Hardware: Headsets with screens, sensors for tracking
movement, and often external base stations.
Examples and Applications of VR

Latest Trends in Computer Graphics |67|

 1. Gaming: VR creates immersive gaming experiences where
players feel they are inside the game, interacting with
characters and environments in real time.
2. Training and Simulations: VR is used for training in
fields like aviation, medicine, and the military, allowing
users to practice in a safe, controlled environment.
3. Education and Virtual Field Trips: Students can take
virtual trips to distant locations or historical sites,
experiencing them in 3D.
4. Therapy and Rehabilitation: VR is used in mental health
treatments, such as exposure therapy for phobias, and
physical rehabilitation to assist in movement exercises.
Devices for VR
 VR Headsets: Oculus Quest, HTC Vive, PlayStation VR,
and similar headsets provide an immersive experience.
 Motion Controllers: Used for interacting with objects in
the virtual environment.
 Sensors and Trackers: These track head and hand
movements for a more interactive experience.

2. Augmented Reality (AR):

Augmented reality (AR) is a technology that combines the
real world with computer-generated content. This technology
can be used for a variety of purposes, including navigation,
entertainment, and manufacturing.
Augmented Reality (AR) overlays digital information,
such as images, sounds, or text, onto the real world through
devices like smartphones, tablets, and AR glasses. Unlike VR,
AR does not immerse the user in a fully virtual environment;
instead, it enhances the user's real-world experience by adding
virtual elements that can be viewed and interacted with in real
time.

|68| Insights on Computer Graphics

 AR devices can include smartphones, tablets, smart
glasses, and headsets.

How AR works
 An AR-enabled device, such as a smartphone, tablet, or
smart glasses, captures the physical world
 The device uses sensors to identify the environment or
objects around the user
 The device downloads information about the object from
the cloud
 The device superimposes digital content over the object
 The user can interact with the object or environment using
gestures, voice, or a touchscreen

Key Features of AR
1. Overlay of Digital Content: AR adds virtual objects to
real-world scenes, which can be seen through a screen or
AR headset.
2. Interaction with the Real Environment: Users can view
and interact with the digital content while still being aware
of their real surroundings.

Latest Trends in Computer Graphics |69|

 3. Device Accessibility: AR applications are widely available
on smartphones and tablets, making it easy for users to
experience AR without special equipment.
4. Immersion: Overlays digital content onto the real world,
viewed through devices like smartphones (e.g., Pokémon
Go) or glasses (e.g., Google Glass).
5. Environment: Real-world with static digital overlays
(e.g., Snapchat filters, navigation arrows).
6. Interaction: Limited to no interaction between digital and
physical objects; content doesn’t respond to environment
changes.
7. Applications: Retail (IKEA Place app), navigation,
education, and entertainment.
8. Hardware: Smartphones, tablets, or lightweight glasses
with cameras and sensors.

Applications of AR
1. Retail: Stores like IKEA and Amazon use AR apps to
allow customers to visualize how furniture and products
will look in their homes.
2. Education: AR enhances learning experiences by allowing
students to interact with 3D models of historical sites,
anatomy, or scientific phenomena.
3. Healthcare: Surgeons use AR to overlay patient data, like
MRI scans, onto patients during surgery, aiding in
precision.
4. Gaming: Games like Pokémon GO overlay digital
creatures onto real-world locations, allowing players to
interact with them.
5. Navigation: Use AR to overlay a route to your destination
over a live view of a road

|70| Insights on Computer Graphics

 6. Manufacturing: Use AR to enhance the user experience
and optimize technology and IoT networks
7. Military: Use AR to display data on a vehicle's
windshield
8. Archaeology: Use AR to reconstruct sites and experience
excavation sites as if you were there

Devices for AR
 Smartphones and Tablets: Using cameras and screens to
display AR content.
 AR Glasses and Headsets: Devices like Google Glass or
Microsoft HoloLens allow users to view AR content
hands-free.

3. Mixed Reality (MR):

Mixed reality (MR) is a technology that blends the real
world with the virtual world. It allows virtual and physical objects
to co-exist and interact in real time.
Mixed Reality (MR) combines elements of both AR and VR,
allowing virtual and real-world objects to interact seamlessly. MR
creates environments where digital and physical objects coexist
and can interact in real time. This requires more advanced
technology than AR or VR alone, as it must process both digital
and real-world input, often with spatial awareness.
Mixed Reality (MR) combines AR and VR, allowing users
to interact with both physical and digital content in the same
environment. In MR, virtual objects can be placed in the real world
and respond as if they were real.
How it works
 MR headsets, like the Microsoft HoloLens, have cameras
that map the wearer's environment.

Latest Trends in Computer Graphics |71|

  MR experiences blend the digital and physical world to
any degree.
 MR allows users to interact with digital objects and virtual
worlds.

Key Features of MR
1. Interaction Between Digital and Physical Worlds: In
MR, digital objects respond to the physical environment
and vice versa, creating a more integrated experience.
2. Spatial Mapping and Awareness: MR devices map the
user’s surroundings, allowing digital content to interact
with real-world objects in meaningful ways.
3. Immersive but Not Isolated: Unlike VR, MR lets users
see the real world, but digital content is contextually aware
and can be more deeply integrated than in traditional AR.
MR blends real and virtual worlds, allowing coexistence
and interaction.
4. Environment: Digital objects are anchored to and interact
with the physical space (e.g., a virtual ball bouncing off a
real table).
5. Interaction: Advanced spatial awareness enables
occlusion and physics-based interactions (e.g., Microsoft
HoloLens, Magic Leap).
6. Applications: Collaborative design, advanced training
(e.g., medical procedures), remote assistance, and
interactive education.

|72| Insights on Computer Graphics

7. Hardware: Headsets with cameras, depth sensors, and
processing power to map environments in real-time.

Applications of MR
1. Product Design and Prototyping: Designers and
engineers can use MR to visualize prototypes within real-
world environments, interact with them, and even simulate
functionality.
2. Collaborative Workspaces: Teams can collaborate
remotely with MR, where participants see each other’s
virtual avatars and can work on 3D objects together.
3. Healthcare: MR helps medical professionals visualize and
interact with complex data during procedures. For
example, a doctor could view a hologram of a patient's
anatomy overlaid on the patient’s body.
4. Education: MR can enhance STEM learning by letting
students visualize molecular structures, explore virtual
dissections, or see historical events reenacted in their
environment.
5. Gaming: MR headsets allow players to interact with
characters in the real world.
6. Business: MR can help car engineers see how virtual parts
fit into real-world vehicles.

Devices for MR
 Microsoft HoloLens: A mixed reality headset that
overlays interactive holograms onto the physical
environment.
 Magic Leap: A wearable headset that blends digital
content with real-world objects.

Latest Trends in Computer Graphics |73|

  VR Headsets with MR Capabilities: Some VR headsets,
such as the HTC Vive Pro, support MR by incorporating
cameras that allow for passthrough AR experiences.
Key Distinctions:
 VR replaces reality, AR adds to it, and MR merges both
with interaction.
 MR requires environmental understanding for digital
objects to behave realistically, unlike AR’s simple
overlays.
 XR (Extended Reality): Umbrella term encompassing
VR, AR, and MR.

Differences among AR, VR, and MR

Virtual
Augmented Mixed
Feature Reality
Reality (AR) Reality (MR)
(VR)

Real world Real and virtual

Fully
Environment with digital worlds coexist and
virtual
overlays interact

High (fully Low to

User Immersion Moderate to high
immersive) moderate

VR
Smartphones,
Device headsets, Advanced headsets
tablets, AR
Requirements motion with spatial mapping
glasses
controllers

Full Interaction between

Limited
Interaction interaction real and digital
interaction
with digital objects

|74| Insights on Computer Graphics

 Virtual
Augmented Mixed
Feature Reality
Reality (AR) Reality (MR)
(VR)
objects

Awareness of
No Yes Yes
Real World

Gaming, Retail, Collaborative work,

Use Cases training, education, advanced education,
simulations healthcare healthcare

Latest Trends in Computer Graphics |75|