Web Enhanced Animation Graphics

IT 6317 Web Enhanced Animation Graphics 

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.	KToon
It is a Free Alternative for Adobe Flash, a very full software to create flash animations with almost nothing to learn.	Vectorian Giotto
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.	Open Dialect
The requestAnimationFrame method requires the browser to paint in an animation sequence in the next frame.	True
Which of the following css property is used to define a delay before an animation starts?	transition-delay
Which of the following CSS3 Color Feature like RGB color but adds an alpha channel value to specify the opacity of the color?	RGBa
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
requestAnimationFrame method offers significant animation performance optimizations over timer-based options such as setTimeout and setInterval, typically resulting in smoother animations.	True
For animations, the name is called easing to specify the rate at which properties change.	True
It is a Canadian software company dedicated to the production of animation and storyboarding software.	Toon Boom Animation Inc.
It is a free Windows, Apple, and Linux Open Source CAD software.	Open Source 2D-CAD LibreCAD
The only easing implementations in the jQuery library are the default, called swing, and one that progresses at a constant pace, called linear.	True
For some activities related to graphics, the default rendering may be somewhat restrictive.	Less control over how things get drawn.
In retained mode (DOM), user requests do not result in the showing of graphic artifacts instantly.	True
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.	Animations are easy to define and modify.
It is a suite of integrated tools designing and building games, simulations, and visualizations for game developers.	Unreal Engine
Web animations are often stored in the form of GIF, CSS, SVG, WebGL or video	True
callbackFunction is a function that is called by requestAnimationFrame().	True
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
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.	KToon
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.	Blender
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.	Synfig Studio
It is a free flash IDE that allows anyone to create Rich Internet Applications quickly and easily from beginners to advanced Flash coders.	Open Dialect
Create animations using computer packages	2D computer animation
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
Immediate Mode (Canvas), the user issues calls resulting in the showing of graphic objects immediately.	True
It was originally intended to be a free replacement to Flash MX, but is now a general-purpose animation tool.	Ajax Animator
Canvass is the illusion name where the positions of objects appear to be changed based on the angle in which you view them.	False
You can write CSS once and then reuse the same sheet in multiple HTML pages.	CSS saves time
Uses traditional hand-drawn animation	2D drawn animation
It is a free, web-based animation suite.	Ajax Animator
Immediate mode refers to the whole situation where you change the rate of change in your animated products.	False
The remaining parameter of .animate() is a string naming an easing function to use.	True
It is a great way to create immersive, resolution-independent vector graphics that look great on any screen size.	SVGDreams
requestAnimationFrame method can be used for different animation types, including styling for CSS, canvas, WebGL, or SVG.	True
elapsedTime is a float showing the number of seconds the transition was going on at the time the event was going on.	True
It is a simple program that allows anyone to make 2D animation.	Pencil
propertyName is a string that indicates the name of the CSS property that has completed its transition.	True
CSS transitions allow you to decide which properties to animate when the animation begins, how long the transition will last and how the transition will continue	True
An easing function specifies the speed at which the animation progresses at different points within the animation.	True
You specify only what you want on the screen to display.	Redrawing is handled for you
The DOM abstracts a lot of the details that would get you bogged down otherwise.	Easy to use.
Parallax Scrolling can be used sparingly to provide a nice, subtle depth element resulting in a distinctive and memorable website	True
Uses models, puppets or clay – as seen in the films	stop frame animation
Generate three-dimensional images	3D computer animation
He is a very intelligent person who describes code-based easing equations	Robert Penner
Animation technology that enables typical hand-drawn animation (cartoon) to be produced using both bitmap and vector graphics.	Pencil.
Transition software allows frame-by-frame motion to be produced.	False
The shorthand transition property is used to manage CSS animations.	False
Animations involving transition between two states are often referred to as implicit transitions since the user explicitly specifies the states between the start and the final states.	True
Uses models, puppets or clay – as seen in the films	stop frame animation
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.	Open Dialect
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	KToon
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.	KToon
It is a free Windows, Apple, and Linux Open Source CAD software.	Open Source 2D-CAD LibreCAD
Transition software allows frame-by-frame motion to be produced	False
It is a Free Alternative for Adobe Flash, a very full software to create flash animations with almost nothing to learn.	Vectorian Giotto
Uses traditional hand-drawn animation	2D drawn animation
It is a free, web-based animation suite.	Ajax Animator
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.	Synfig Studio
It was originally intended to be a free replacement to Flash MX, but is now a general-purpose animation tool.	Ajax Animator
It is a Canadian software company dedicated to the production of animation and storyboarding software.	Toon Boom Animation Inc.
Generate three-dimensional images	3D computer animation
It is a simple program that allows anyone to make 2D animation.	Pencil
Create animations using computer packages	2D computer animation
Animation technology that enables typical hand-drawn animation (cartoon) to be produced using both bitmap and vector graphics.	Pencil.
It is a suite of integrated tools designing and building games, simulations, and visualizations for game developers.	Unreal Engine
It is a great way to create immersive, resolution-independent vector graphics that look great on any screen size.	SVGDreams
Web animations are often stored in the form of GIF, CSS, SVG, WebGL or video	True
It is a free flash IDE that allows anyone to create Rich Internet Applications quickly and easily from beginners to advanced Flash coders.	Open Dialect
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.	Animations are easy to define and modify.
Parallax Scrolling can be used sparingly to provide a nice, subtle depth element resulting in a distinctive and memorable website.	True
For some activities related to graphics, the default rendering may be somewhat restrictive.	Less control over how things get drawn.
Immediate Mode (Canvas), the user issues calls resulting in the showing of graphic objects immediately.	True
Canvass is the illusion name where the positions of objects appear to be changed based on the angle in which you view them.	False
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
requestAnimationFrame method offers significant animation performance optimizations over timer-based options such as setTimeout and setInterval, typically resulting in smoother animations.	True
An easing function specifies the speed at which the animation progresses at different points within the animation.	True
For animations, the name is called easing to specify the rate at which properties change.	True
You specify only what you want on the screen to display.	Redrawing is handled for you
The only easing implementations in the jQuery library are the default, called swing, and one that progresses at a constant pace, called linear.	True
He is a very intelligent person who describes code-based easing equations	Robert Penner
The requestAnimationFrame method requires the browser to paint in an animation sequence in the next frame.	True
requestAnimationFrame method can be used for different animation types, including styling for CSS, canvas, WebGL, or SVG	True
callbackFunction is a function that is called by requestAnimationFrame().	True
Immediate mode refers to the whole situation where you change the rate of change in your animated products.	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
The remaining parameter of .animate() is a string naming an easing function to use.	True
The DOM abstracts a lot of the details that would get you bogged down otherwise.	Easy to use.
In retained mode (DOM), user requests do not result in the showing of graphic artifacts instantly.	True
Which of the following transform property value defines a 2D translation?	translate(x,y)
Which of the following property defines when the transition will start and it allows a transition to begin execution some some period of time from when it is applied?	transition-delay
This identify transition points in the action as a concept borrowed from film animation.	Keyframes
The shorthand transition property is used to manage CSS animations.	False
Which of the following property defines the length of time that a transition takes?	transition-duration
elapsedTime is a float showing the number of seconds the transition was going on at the time the event was going on.	True
If you are using CSS, there is no need to write attributes of HTML tags every time. Just write the CSS rule for a tag and apply it to all occurrences of the tag.	Pages load faster
Simply change the style to make a global change, and it will automatically update all elements on all web pages	Easy maintenance
Which of the following css property specifies a delay for the transition effect?	transition-delay
CSS stands for __________.	Cascading Style Sheets
The syntax for specifying an easing function is as follows:
<easing-function> = linear | <cubic-bezier-easing-function> | <step-easing-function>	True
CSS transitions allow you to decide which properties to animate when the animation begins, how long the transition will last and how the transition will continu	True
An easing function  takes a progress value for input and generates a progress value for output.	True
Transition is a process of manipulating objects to appear as moving images.	False
Which of the following css property repeats an image both horizontally and vertically?	background-repeat
propertyName is a string that indicates the name of the CSS property that has completed its transition.	True
Which of the following css property defines whether or not an element should be visible when not facing the screen?	backface-visibility
You can write CSS once and then reuse the same sheet in multiple HTML pages.	CSS saves time
A CSS animation can be triggered by applying the animation styles to the: hover or: active states when the reader has the mouse over the object or when the user clicks on the object.	True
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
The translate3d() function is a 3D transform function used in three-dimensional space to transfer an object.	True
This is used to choose from a predefined list a single option	<input type=“radio”>
Set the time it takes for an animation to complete a loop.	animation-duration
__________ has introduced text, list, box, margin, border, color, and background properties.	css
Which of the following property specifies the speed curve of the transition effect?	transition-timing-function
Which of the following css propery define the properties that will be animated in an animation rule?	animation
The < blink > is an effective HTML mark.	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
The syntax for the linear easing function is simply the linear keyword.	True
Which of the following CSS3 property specifies how nested elements are rendered in 3D space	transform-style
Configures whether or not the animation should alternate direction and repeat itself on each run through the sequence or reset to the starting point.	animation-direction
It is convenient to place each object on a separate layer to organize and work easily with multiple moving objects.	Layers
The HTML < blink > tag is a non-standard component that is used to construct an enclosed text that slowly flashes.	True
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
The _________________ of the image is set to the height of the image.	height
In CSS, “font-size” can be called as ________	Property-Name
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
_________ selectors are used to specify a group of elements.	class
Which of the following CSS Property selects an animation defined in an @keyframes rule and applies it to the element?	animation-name
Which of the following transform property value defines a translation, using only the value for the X-axis?	translateX(x)
Which of the following css property is used to define a delay before an animation starts?	transition-delay
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
Animations involving transition between two states are often referred to as implicit transitions since the user explicitly specifies the states between the start and the final states.	True
Which of the following CSS Property determines whether an animation should run in reverse on some cycles?	none of the mentioned
Which of the following selector is used to select and style when you place mouse over it?	hover
Which of the following css property allows elements to be offset, rotated, scaled, and skewed in a variety of different ways?	transform
Sets the number of times the animation will repeat; to repeat the animation forever, you can specify infinite.	animation-iteration-count
CSS has a much wider range of attributes than HTML, so you can look much better than HTML attributes.	Superior styles to HTML
Which of the following css property allows elements to be offset, rotated, scaled, and skewed in a variety of different ways?	transform
Which of the following css property repeats an image both horizontally and vertically?	background-repeat
Which of the following transform property value defines a 2D translation?	translate(x,y)
The < blink > is an effective HTML mark.	False
Which of the following css property defines whether or not an element should be visible when not facing the screen?	backface-visibility
Transition is a process of manipulating objects to appear as moving images.	False
Which of the following transform property value defines a translation, using only the value for the X-axis?	translateX(x)
The translate3d() function is a 3D transform function used in three-dimensional space to transfer an object.	True
Which of the following CSS3 property specifies how nested elements are rendered in 3D space	transform-style
An easing function  takes a progress value for input and generates a progress value for output.	True
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
Which of the following CSS Property determines whether an animation should run in reverse on some cycles?	none of the mentioned
The syntax for specifying an easing function is as follows:
<easing-function> = linear | <cubic-bezier-easing-function> | <step-easing-function>	True
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
The HTML < blink > tag is a non-standard component that is used to construct an enclosed text that slowly flashes.	True
The syntax for the linear easing function is simply the linear keyword.	True
Which of the following CSS Property selects an animation defined in an @keyframes rule and applies it to the element?	animation-name
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
Which of the following css property specifies a delay for the transition effect?	transition-delay
Which of the following property specifies the speed curve of the transition effect?	transition-timing-function
Which of the following selector is used to select and style when you place mouse over it?	hover
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
propertyName is a string that indicates the name of the CSS property that has completed its transition.	True
elapsedTime is a float showing the number of seconds the transition was going on at the time the event was going on.	True
The syntax for Animation with jQuery (selector).animate({styles},speed,easing,callback)	True
Animations involving transition between two states are often referred to as implicit transitions since the user explicitly specifies the states between the start and the final states.	True
A CSS animation can be triggered by applying the animation styles to the: hover or: active states when the reader has the mouse over the object or when the user clicks on the object.	True
The shorthand transition property is used to manage CSS animations.	False
Configures whether or not the animation should alternate direction and repeat itself on each run through the sequence or reset to the starting point.	animation-direction
Which of the following property defines the length of time that a transition takes?	transition-duration
This identify transition points in the action as a concept borrowed from film animation.	Keyframes
What does this code do?
Code: @media only screen and (max-width: 500px) { body {    background-color: lightblue;      }   }	If the browser window is smaller than 500px, the background color will change to lightblue:
It is convenient to place each object on a separate layer to organize and work easily with multiple moving objects.	Layers
Sets the number of times the animation will repeat; to repeat the animation forever, you can specify infinite.	animation-iteration-count
Which of the following property defines when the transition will start and it allows a transition to begin execution some some period of time from when it is applied?	transition-delay
What should be written in the blank of the code for resizing elements in Responsive Web Design with Transitions
Code: body { background-image: url(fog.jpg); background-size: cover; background-repeat: no-repeat; color: #fff; font-family: Avenir, Arial, sans-serif; h1 { font-family: 'Calluna Sans', Arial, sans-serif; text-align: center; font-size: 10rem; margin: 8rem auto; } h1 { font-family: 'Calluna Sans', Arial, sans-serif; text-align: center; font-size: 10rem; margin: 8rem auto; transition: 1s font-size linear; } ______________ and (max-width: 1100px) { h1 { font-size: 8rem; }	@media screen
Which of the following css propery define the properties that will be animated in an animation rule?	animation
Set the time it takes for an animation to complete a loop.	animation-duration
CSS transitions allow you to decide which properties to animate when the animation begins, how long the transition will last and how the transition will continue	True
Which of the following Color Format can also be defined using the keyword rgb, followed by three numbers between 0 and 255, contained in parentheses and separated by commas, with no spaces between them?	RGB Color
Continuous-tone refers to bitmapped images of sketches and line art with minimal color numbers.	False
Duplicate pixels from another area	Clone Stamp Tool
Posterization occurs when an object's apparent bit depth is reduced so much that it has a visual impact.	True
The _________________ of the image is set to the height of the image.	height
Destructive editing is done through layers and masks and preserves information about the original pixels.	False
Scales selected pixels while automatically filling empty pixels	Content-Aware Scale
Adobe Photoshop is a popular program for vector-based editing to create icons, illustrations, cartoons, and fonts.	False
Use the __________________ property to set the object border length.	border
Vector graphics include resolution-independent drawings and diagrams drawn in Adobe Illustrator, CorelDraw, and similar programs	True
Bitmapped images can be compressed to varying degrees depending on the file format.	True
One advantage of Adobe Illustrator Software is a graphic vector will never lose its quality if it is scaled up or down	True
Flat colour refers to bitmapped images with many colors and color combinations that are photos or drawings.	False
One of the drawbacks of photoshop is you can have complete control of your projects as you can edit your pixel-by-pixel graphics	False
Moves selected pixels and replaces them automatically	Content-Aware Move
Fills an area using pixels within proximity	Content-Aware Fill
Automatically fix artifacts in image by painting over them	Healing Brush Tool
Adobe Photoshop is a great program to change images or graphics that have already been made, such as photographs, and is the most popular program for Adobe.	True
This changes the picture dimensions.	Dimensions
The file type will affect the output file quality and size	Image Type
This is critical and can have a significant impact on the final file size	Image Quality
Use the text-indent property to indent a paragraph's content.	True
!DOCTYPE is case sensitive”.	False
The word-spacing property is used to add or remove space between the letters making up a word.	False
Which selector is used to specify a rule to bind a particular unique element?	id
Simply change the style to make a global change, and it will automatically update all elements on all web pages.	Easy maintenance
CSS stands for __________.	Cascading Style Sheets
The background color property is used to set the element's background image	False
CSS has a much wider range of attributes than HTML, so you can look much better than HTML attributes.	Superior styles to HTML
Anchors are often used to enable readers to navigate back to the top of the page or to a location further down the page.	True
You can not write a form on the web and send it to end-users for download as a Fillable PDF and either upload, email or submit form information.	False
Tag used for Anchor, or link to another page, another location on a page, or another site. Accompanied by the name of the link as “href,” e.g., <a href=”filename.html”>	<a>
The font-variant property is used to increase or decrease the appearance of a font bold or light.	False
This is used to specify as present or absent one or more items	<input type=“checkbox”>
If you are using CSS, there is no need to write attributes of HTML tags every time. Just write the CSS rule for a tag and apply it to all occurrences of the tag.	Pages load faster
The text-transform property enables the message shadow to be placed around a text.	False
_________ selectors are used to specify a group of elements.	class
The background repeat property is used to set an element's background image.	False
A key feature of web pages is the ability to navigate between pages, positions within a page and other locations.	True
This is used for text and numerical entries	<input type=“text”>
This is used to choose from a predefined list a single option	<input type=“radio”>
Which of the following css property specifies an image to use as the background of an element?	background-image
Anchors are often used to enable readers to navigate back to the top of the page or to a location further down the page.	True
Is it the best way to include H1 heading only one time on the web page.	True
_________ selectors are used to specify a group of elements.	class
__________ has introduced text, list, box, margin, border, color, and background properties.	css
Scales selected pixels while automatically filling empty pixels	Content-Aware Scale
The font-variant property is used to increase or decrease the appearance of a font bold or light.	False
Which selector is used to specify a rule to bind a particular unique element?	id
Which selector is used to specify a rule to bind a particular unique element?	id
The property _________________  is used to set the object opacity.	-moz-opacity
This is used for text and numerical entries	<input type=“text”>
Tag used for Anchor, or link to another page, another location on a page, or another site. Accompanied by the name of the link as “href,” e.g., <a href=”filename.html”>	<a>
Changes the visual properties of the layer	Adjustment Layer
Use the ________________ property to set the image width.	width
A key feature of web pages is the ability to navigate between pages, positions within a page and other locations.	True
Fills an area using pixels within proximity	Content-Aware Fill
Simply change the style to make a global change, and it will automatically update all elements on all web pages.	Easy maintenance
Moves selected pixels and replaces them automatically	Content-Aware Move
In css, “color:red” can be called as _____________	.Declaration
The text-transform property enables the message shadow to be placed around a text.	False
You can write CSS once and then reuse the same sheet in multiple HTML pages.	CSS saves time
The word-spacing property is used to add or remove space between the letters making up a word.	False
Automatically fix artifacts in a specific area	Spot Healing Brush Tool
This changes the picture dimensions.	Dimensions
This is used to choose from a predefined list a single option	<input type=“radio”>
CSS has a much wider range of attributes than HTML, so you can look much better than HTML attributes.	Superior styles to HTML
!DOCTYPE is case sensitive”.	False
Adobe Photoshop is a popular program for vector-based editing to create icons, illustrations, cartoons, and fonts.	False
Duplicate pixels from another area	Clone Stamp Tool
The background color property is used to set the element's background imag	False
Destructive editing is done through layers and masks and preserves information about the original pixels.	False
The white-space property governs text flow and formatting.	True
Which of the following tag is used to embed css in html page?	<style>
In CSS, “font-size” can be called as ________	Property-Name
The file type will affect the output file quality and size	Image Type
A digital single-lens reflex (DSLR) camera, whether mirrored or mirrorless, is the best way to capture high-quality images for the web.	True
Use the text-indent property to indent a paragraph's content.	True
Which of the following CSS3 Color Feature like RGB color but adds an alpha channel value to specify the opacity of the color?	RGBa
Dithering is the manner in which two-color pixels are juxtaposed to create the illusion that a third color exists.	True
This is critical and can have a significant impact on the final file size	Image Quality
Automatically fix artifacts in image by painting over them	Healing Brush Tool
One of the drawbacks of photoshop is you can have complete control of your projects as you can edit your pixel-by-pixel graphics	False
The _________________ of the image is set to the height of the image.	height
The background repeat property is used to set an element's background image.	False
The drawback of adobe photoshop is images that are already produced can not be easily modified as there are minimal filters and image editing software at your fingertips	False
Use the __________________ property to set the object border length.	border
If you are using CSS, there is no need to write attributes of HTML tags every time. Just write the CSS rule for a tag and apply it to all occurrences of the tag.	Pages load faster
Adobe Photoshop is a popular program for vector-based editing to create icons, illustrations, cartoons, and fonts.	False