Web Enhanced Animation Graphics

It was originally intended to be a free replacement to Flash MX, but is now a general-purpose animation tool.

• Toon Boom
• Ajax Animator
• KToon
• Pencil

You specify only what you want on the screen to display.

• Easy to use
• Redrawing is handled for you
• Animations are pre-designed, configurable, and extensible via CSS
• Animations are easy to define and modify.

Transition is a process of manipulating objects to appear as moving images.

• True
• False

A language of control allows users to control the animation and interact with it. Interactions involve starting and stopping the animation and moving in the timeline to specified points.

• Scripting language
• Stage
• Layers
• Drawing

The HTML < blink > tag is a non-standard component that is used to construct an enclosed text that slowly flashes.

• True
• False

Parallax Scrolling can be used sparingly to provide a nice, subtle depth element resulting in a distinctive and memorable website.

• True
• False

Which of the following css property allows elements to be offset, rotated, scaled, and skewed in a variety of different ways?

• transform-origin
• transform-3D
• transform
• transition

It is a free and open-source software package of 3D computer graphics tools used to build animated films, visual effects, photography, 3D printed models, motion graphics, immersive 3D applications and computer games.

• Unreal Engine
• Unity
• Vectorian Giotto
• Blender

Which of the following css property specifies a delay for the transition effect?

• transition
• transition-delay
• transition-duration
• transition-effect

You can easily define animations or transitions because of the CSS support, specify a lightening feature, make some other modifications, and you're good to go.

• Redrawing is handled for you.
• Animations are pre-designed, configurable, and extensible via CSS
• Easy to use.
• Animations are easy to define and modify.

The < blink > is an effective HTML mark.

• True
• False

An easing function specifies the speed at which the animation progresses at different points within the animation.

• True
• False

An easing function takes a progress value for input and generates a progress value for output.

• True
• False

It is a free Windows, Apple, and Linux Open Source CAD software.

• Illustrator/Photoshop and animation software
• Open Source 2D-CAD LibreCAD
• Opensource/Freeware 3D
• Web animations

Which of the following css property repeats an image both horizontally and vertically?

• background-position
• background
• background-image
• background-repeat

It is a free, open-source 2D vector graphics and computer animation program based on timeline created by Robert Quattlebaum with additional contributions from Adrian Bentley.

• SVGDreams
• Vectorian Giotto
• SWFTools
• Synfig Studio

Which of the following CSS Property defines which property values to apply to the element before the animation begins (if delayed) and after it ends?

• animation-fill-mode
• animation-play
• animation-delay
• animation-play-state

Web animations are often stored in the form of GIF, CSS, SVG, WebGL or video.

• True
• False

It is a simple program that allows anyone to make 2D animation.

• KToon
• Ajax Animator
• Toon Boom Animation
• Pencil

It is an open-source Flash IDE based on Adobe Flex created to assist System Dynamics Modelers in creating and publishing Interactive Learning Environments for their work.

• SVGDreams
• Synfig Studio
• SWFTools
• Open Dialect

Parallax scrolling is when the layout of the website has the web page background move to the foreground at a slower rate, producing a 3D effect as you scroll.

• True
• False

This is a new 2D animation toolkit created by Toonka Films and now available to the 2D animation industry as a free GPL's option.

• Open Dialect
• Pencil
• Ajax Animator
• KToon

Which of the following property defines the length of time that a transition takes?

• transition
• transition-duration
• transform-duration
• transition-property

It is a free flash IDE that allows anyone to create Rich Internet Applications quickly and easily from beginners to advanced Flash coders.

• SVGDreams
• Ajax Animator
• KToon
• Open Dialect

Animation technology that enables typical hand-drawn animation (cartoon) to be produced using both bitmap and vector graphics.

• Ajax Animator
• KToon
• Toon Boom Animation
• Pencil.

Canvass is the illusion name where the positions of objects appear to be changed based on the angle in which you view them.

• True
• False

It is a free, web-based animation suite.

• KToon
• Ajax Animator
• Pencil
• Open Dialect

The remaining parameter of .animate() is a string naming an easing function to use.

• True
• False

Uses traditional hand-drawn animation

• 2D drawn animation
• stop motion/stop frame animation
• 2D computer animation
• 3D computer animation

The requestAnimationFrame method requires the browser to paint in an animation sequence in the next frame.

• True
• False

Which of the following transform property value defines a translation, using only the value for the X-axis?

• translateX(x)
• translate(x)
• translateZ(x)
• translateY(x)

Which of the following transform property value defines a 2D translation?

• translate(x,y)
• translate2d(x,y)
• translate3d(x,y)
• all of the mentioned

The only easing implementations in the jQuery library are the default, called swing, and one that progresses at a constant pace, called linear.

• True
• False

The linear easing function is an identity function meaning that its output progress value is equal to the input progress value for all inputs.

• True
• False

Which of the following CSS3 property specifies how nested elements are rendered in 3D space

• none of the above
• transform-render
• transform-style
• transform

callbackFunction is a function that is called by requestAnimationFrame().

• True
• False

Uses models, puppets or clay – as seen in the films

• 2D computer animation
• 2D drawn animation
• 3D computer animation
• stop frame animation

What should be written in the blank of the code for resizing elements in Responsive Web Design with Transitions

For animations, the name is called easing to specify the rate at which properties change.

• True
• False

It is a Canadian software company dedicated to the production of animation and storyboarding software.

• Pencil
• Ajax Animator
• Toon Boom Animation Inc.
• KToon

Immediate mode refers to the whole situation where you change the rate of change in your animated products.

• True
• False

requestAnimationFrame method can be used for different animation types, including styling for CSS, canvas, WebGL, or SVG.

• True
• False

Which of the following CSS Property selects an animation defined in an @keyframes rule and applies it to the element?

• animation-element
• none of the mentioned
• animation
• animation-name

Which of the following css property defines whether or not an element should be visible when not facing the screen?

• backface-visibility
• visibility
• backface-control
• none of the mentioned

Create animations using computer packages

• stop motion/stop frame animation
• 3D computer animation
• 2D drawn animation
• 2D computer animation

Transition software allows frame-by-frame motion to be produced.

• True
• False

The translate3d() function is a 3D transform function used in three-dimensional space to transfer an object.

• True
• False

The syntax for the linear easing function is simply the linear keyword.

• True
• False

It is a great way to create immersive, resolution-independent vector graphics that look great on any screen size.

• Vectorian Giotto
• Synfig Studio
• SWFTools
• SVGDreams

It is a Free Alternative for Adobe Flash, a very full software to create flash animations with almost nothing to learn.

• SVGDreams
• Synfig Studio
• Vectorian Giotto
• SWFTools

elapsedTime is a float showing the number of seconds the transition was going on at the time the event was going on.

• True
• False

Immediate Mode (Canvas), the user issues calls resulting in the showing of graphic objects immediately.

• True
• False

It is a suite of integrated tools designing and building games, simulations, and visualizations for game developers.

• Unity
• Unreal Engine
• Blender
• Synfig Studio

The syntax for Animation with jQuery

• True
• False

The most important part of creating an animation is to indicate the speed at which the value of a property changes from value to value.

• True
• False

He is a very intelligent person who describes code-based easing equations

• Albert Penner
• Robert Benner
• Roger Penner
• Robert Penner

The DOM abstracts a lot of the details that would get you bogged down otherwise.

• Animations are easy to define and modify.
• Easy to use.
• Memory intensive.
• Redrawing is handled for you.

Which of the following CSS Property determines whether an animation should run in reverse on some cycles?

• animation-run
• none of the mentioned
• animation-repeat
• animation

For some activities related to graphics, the default rendering may be somewhat restrictive.

• Redrawing is handled for you.
• Animations are easy to define and modify.
• Easy to use
• Less control over how things get drawn.

Generate three-dimensional images

• 2D drawn animation
• 2D computer animation
• 3D computer animation
• stop motion/stop frame animation

The syntax for specifying an easing function is as follows:

• True
• False

It was developed using the Qt library's OpenGL and follows the same interface style as Macromedia Flash (TM) and ToonBoom (TM) for commercial products.

• Ajax Animator
• SVGDreams
• Toon Boom
• KToon

In retained mode (DOM), user requests do not result in the showing of graphic artifacts instantly.

• True
• False

An easing function must be a pure function which means that it always produces the same progress value for a given set of inputs.

• True
• False

Which of the following css property is used to define a delay before an animation starts?

• none of the mentioned
• transform-delay
• transition-delay
• delay

requestAnimationFrame method offers significant animation performance optimizations over timer-based options such as setTimeoutegg and setIntervalegg, typically resulting in smoother animations.

• True
• False