Бібліотека Anime JS

Додано: 21 листопада
Предмет: Інформатика, 11 клас
18 запитань
Запитання 1

Що таке Anime.js?

варіанти відповідей

Це бібліотека для створення анімацій на JavaScript.

Це мова програмування для роботи з графікою.

Це графічний редактор для створення анімацій.

Це фреймворк для створення ігор

Запитання 2

Який із методів використовується для запуску анімації в Anime.js?

варіанти відповідей

anime.run()

anime.start()

anime.play()

anime()

Запитання 3

Який формат задається для властивості targets?

варіанти відповідей

Селектори CSS.

HTML-елементи.

Усі відповіді правильні.

Запитання 4

Як задати зміну властивостей у часі в Anime.js?

варіанти відповідей

Використати ключове слово from і to.

Задати властивості як об'єкт із початковим і кінцевим значенням.

Через властивість keyframes.

Усі відповіді правильні.

Запитання 5

Яка властивість відповідає за тривалість анімації?

варіанти відповідей

time

duration

delay

speed

Запитання 6

Що робить параметр delay у Anime.js?

варіанти відповідей

Прискорює анімацію.

Встановлює затримку перед початком анімації.

Додає паузу між кожною ітерацією.

Змінює тривалість анімації.

Запитання 7

Що таке easing у Anime.js?

варіанти відповідей

Функція, яка визначає, як змінюється швидкість анімації.

Параметр, що встановлює затримку.

Інструмент для зупинки анімації.

Оператор для запуску циклів.

Запитання 8

Що робить властивість loop?

варіанти відповідей

Прискорює анімацію.

Повторює анімацію певну кількість разів.

Змінює напрямок анімації.

Зупиняє анімацію після першого циклу.

Запитання 9

Що робить keyframes у Anime.js?

варіанти відповідей

Визначає функції для запуску анімації.

Надає можливість задавати анімацію у кількох кроках.

Використовується для циклічних анімацій.

Зупиняє анімацію на середині.

Запитання 10

Як задати повторювану анімацію, яка не зупиняється?

варіанти відповідей

loop: true

loop: Infinity

repeat: forever

loop: false

Запитання 11

Як у Anime.js анімувати об'єкт за допомогою значення translateX?

варіанти відповідей

anime({ translateX: '100px' })

anime({ moveX: '100px' })

anime({ shiftX: '100px' })

anime({ x: '100px' })

Запитання 12

 Що робить властивість opacity в анімаціях Anime.js?

варіанти відповідей

Змінює розмір об'єкта.

Змінює прозорість об'єкта.

Додає тінь до об'єкта.

Змінює розташування об'єкта.

Запитання 13

Яка властивість дозволяє обертати об'єкт навколо осі?

варіанти відповідей

rotate

spin

angle

orbit

Запитання 14

Яка властивість Anime.js використовується для збільшення або зменшення розмірів об'єкта?

варіанти відповідей

size

zoom

scale

resize

Запитання 15

Який знак йде після слово anime?

варіанти відповідей

{

[

(

:

Запитання 16

Що означає параметр value у Anime.js?

варіанти відповідей

Він задає початкове значення анімації.

Він задає кінцеве значення анімації.

Він визначає зміни властивості протягом анімації.

Він задає швидкість анімації.

Запитання 17

В яке місце ми підключаємо бібліотеку Anime JS?

варіанти відповідей

html

css

js

codepen

Запитання 18

В який тег підключається бібліотека JS

варіанти відповідей

body

head

div

script src

Створюйте онлайн-тести
для контролю знань і залучення учнів
до активної роботи у класі та вдома

Створити тест