diff --git a/doc/example_code/gui_exp_animations.rst b/doc/example_code/gui_exp_animations.rst new file mode 100644 index 000000000..173685656 --- /dev/null +++ b/doc/example_code/gui_exp_animations.rst @@ -0,0 +1,20 @@ +:orphan: + +.. _gui_exp_animations: + +GUI Animations +=============== + +The following example demonstrates how to make use of the experimental +``UIAnimatedGroup`` and ``animate()`` to build an animated main menu: +widgets popping in, a pulsing and swaying title, buttons that pop and +wiggle on hover, and decorative spinning tiles. + +.. image:: images/gui_exp_animations.png + :width: 600px + :align: center + :alt: Screen shot + +.. literalinclude:: ../../arcade/examples/gui/exp_animations.py + :caption: exp_animations.py + :linenos: diff --git a/doc/example_code/gui_exp_animations_2.rst b/doc/example_code/gui_exp_animations_2.rst new file mode 100644 index 000000000..61eab6de4 --- /dev/null +++ b/doc/example_code/gui_exp_animations_2.rst @@ -0,0 +1,19 @@ +:orphan: + +.. _gui_exp_animations_2: + +GUI Animations 2 +================= + +The following example demonstrates how to make use of the experimental +``UIAnimatedGroup`` and ``animate()`` to lift and enlarge a card while it +is hovered. + +.. image:: images/gui_exp_animations_2.png + :width: 600px + :align: center + :alt: Screen shot + +.. literalinclude:: ../../arcade/examples/gui/exp_animations_2.py + :caption: exp_animations_2.py + :linenos: diff --git a/doc/example_code/images/gui_animation_2.webm b/doc/example_code/images/gui_animation_2.webm new file mode 100644 index 000000000..99a0404ad Binary files /dev/null and b/doc/example_code/images/gui_animation_2.webm differ diff --git a/doc/example_code/images/gui_animations.webm b/doc/example_code/images/gui_animations.webm new file mode 100644 index 000000000..beaac83e8 Binary files /dev/null and b/doc/example_code/images/gui_animations.webm differ diff --git a/doc/example_code/images/gui_exp_animations.png b/doc/example_code/images/gui_exp_animations.png new file mode 100644 index 000000000..b7e5b016a Binary files /dev/null and b/doc/example_code/images/gui_exp_animations.png differ diff --git a/doc/example_code/images/gui_exp_animations_2.png b/doc/example_code/images/gui_exp_animations_2.png new file mode 100644 index 000000000..f0d2e0ba6 Binary files /dev/null and b/doc/example_code/images/gui_exp_animations_2.png differ