A-Frame Quiz

Which of the following is a valid shape tag in A-Frame?

• <a-pyramid></a-pyramid>

• <a-sphere></a-sphere>

• <a-hexagon></a-hexagon>

• <a-oval></a-oval>

Which of the following is not an attribute we can animate?

• Color

• Opacity

• Bounce

• Rotation

In the 3D coordinate system in A-Frame, what coordinate direction is pointing directly into the screen?

• z

• -z

• -x

• y

Which of the following boxes will be out of view from the default camera?

• <a-box position position=“0, 0, 10”></a-box>

• <a-box position position=“0, 0, -10”></a-box>

• <a-box position position=“3, 0, -4”></a-box>

• <a-box position position=“-3, 0, -4”></a-box>

Which of the following is an example of a parameter for an animation property?

• from

• 0 0 0

• from: 0 0 0

• position: 0 0 0

What is the correct syntax for animating a rotation property in A-Frame?

• rotation: 0 0 0

• rotate: 90 0 0

• property: rotation from: 0 0 0 to: 90 0 0

• rotate: 0 90 0

Which of the following is NOT a legitimate shape tag in A-Frame?

• <a-sphere></a-sphere>

• <a-cube></a-cube>

• <a-cylinder></a-cylinder>

• <a-box></a-box>

Which code will properly animate a box?

• <a-box position="0 1 -2" color="blue" animation="
  property: position from: 0 1 -2
  to: 0 3 -2 loop: true
  dir: alternate">
  </a-box>

• <a-box position="0 1 -2" color="blue" animation="position" from ="0 1 -2"
  to="0 3 -2"
  loop="true" dir="alternate">
  </a-box>

• <a-box position="0 1 -2" color="blue" animation="
  property: position; from: 0 1 -2;
  to: 0 3 -2;
  loop: true;
  dir: alternate;">
  </a-box>

• <a-box position="0 1 -2" color="blue">
  <a-animation=" property: position; from: 0 1 -2;
  to: 0 3 -2;
  loop: true;
  dir: alternate;">
  </a-box>

Which of the following correctly creates a blue sphere at (0, 1, -3) with a radius of 1?

• <a-sphere

  position=0 1 -3

  radius=1

  color=blue>

  </a-sphere>

• <a-sphere

  position=“0 1 -3” radius=“1”

  color=“blue”>

  </a-sphere>

• <a-sphere

  position=“0, 1, -3” radius=“1”

  color=“blue”>

  </a-sphere>

• <a-sphere

  position=“0 1 -3” radius=“1”

  color=“blue”>

Which of the following correctly creates a green horizontal plane at (0, 0, -4) with a width and height of 5?

• <a-plane position=“0 0 -4” rotation=“-90 0 0” width=“5” height=“5” color=“green”></a-plane>

• <a-plane position=“0 0 -4” width=“5” height=“5” color=“green”></a-plane>

• <a-plane position=“0 0 -4” rotation=“-90 0 0” width=“5” height=“5” color=“green”>

• <a-plane position=0 0 -4 rotation=-90 0 0 width=5 height=5 color=green></a-plane>