pawajs-usemediaquery
v1.0.4
Published
Responsive media query utilities for PawaJS
Maintainers
Readme
��#� �p�a�w�a�-�u�s�e�m�e�d�i�a�q�u�e�r�y�
�
�
�
�R�e�a�c�t�i�v�e� �m�e�d�i�a� �q�u�e�r�y� �h�o�o�k�s� �f�o�r� �[�P�a�w�a�J�S�]�(�h�t�t�p�s�:�/�/�p�a�w�a�j�s�.�v�e�r�c�e�l�.�a�p�p�)�.� �B�u�i�l�t� �e�n�t�i�r�e�l�y� �o�n� ��$�s�t�a�t�e�� �a�n�d� ��r�u�n�E�f�f�e�c�t�� � �w�o�r�k�s� �i�n�s�i�d�e� �c�o�m�p�o�n�e�n�t�s� �a�n�d� �o�u�t�s�i�d�e� �a�t� �m�o�d�u�l�e� �l�e�v�e�l�.�
�
�
�
�-�-�-�
�
�
�
�#�#� �I�n�s�t�a�l�l�a�t�i�o�n�
�
�
�
����b�a�s�h�
�
�n�p�m� �i�n�s�t�a�l�l� �p�a�w�a�-�u�s�e�m�e�d�i�a�q�u�e�r�y�
�
����
�
�
�
�-�-�-�
�
�
�
�#�#� �H�o�o�k�s�
�
�
�
�|� �H�o�o�k� �|� �D�e�s�c�r�i�p�t�i�o�n� �|�
�
�|�-�-�-�|�-�-�-�|�
�
�|� ��u�s�e�M�e�d�i�a�Q�u�e�r�y�� �|� �R�e�a�c�t�i�v�e� �w�r�a�p�p�e�r� �f�o�r� �a�n�y� �C�S�S� �m�e�d�i�a� �q�u�e�r�y� �|�
�
�|� ��u�s�e�B�r�e�a�k�p�o�i�n�t�s�� �|� �R�e�a�c�t�i�v�e� �b�r�e�a�k�p�o�i�n�t� �s�t�a�t�e� �b�a�s�e�d� �o�n� �m�i�n�-�w�i�d�t�h� �|�
�
�|� ��u�s�e�P�r�e�f�e�r�s�C�o�l�o�r�S�c�h�e�m�e�� �|� �R�e�a�c�t�i�v�e� �d�a�r�k�/�l�i�g�h�t� �m�o�d�e� �w�i�t�h� �p�e�r�s�i�s�t�e�n�c�e� �|�
�
�|� ��u�s�e�P�r�e�f�e�r�s�R�e�d�u�c�e�d�M�o�t�i�o�n�� �|� �R�e�a�c�t�i�v�e� �r�e�d�u�c�e�d� �m�o�t�i�o�n� �p�r�e�f�e�r�e�n�c�e� �|�
�
�|� ��u�s�e�O�r�i�e�n�t�a�t�i�o�n�� �|� �R�e�a�c�t�i�v�e� �d�e�v�i�c�e� �o�r�i�e�n�t�a�t�i�o�n� �|�
�
�
�
�A�l�l� �h�o�o�k�s� �a�r�e� �S�S�R�-�s�a�f�e� �a�n�d� �w�o�r�k� �i�n�s�i�d�e� �a�n�d� �o�u�t�s�i�d�e� �c�o�m�p�o�n�e�n�t�s�.�
�
�
�
�-�-�-�
�
�
�
�#�#� ��u�s�e�M�e�d�i�a�Q�u�e�r�y��
�
�
�
����j�s�
�
�i�m�p�o�r�t� �{� �u�s�e�M�e�d�i�a�Q�u�e�r�y� �}� �f�r�o�m� �'�p�a�w�a�-�u�s�e�m�e�d�i�a�q�u�e�r�y�'�
�
�
�
�c�o�n�s�t� �{� �m�a�t�c�h�e�s� �}� �=� �u�s�e�M�e�d�i�a�Q�u�e�r�y�(�'�(�m�a�x�-�w�i�d�t�h�:� �7�6�8�p�x�)�'�)�
�
����
�
�
�
�#�#�#� �O�p�t�i�o�n�s�
�
�
�
����t�s�
�
�i�n�t�e�r�f�a�c�e� �U�s�e�M�e�d�i�a�Q�u�e�r�y�O�p�t�i�o�n�s� �{�
�
� � �d�e�b�o�u�n�c�e�?�:� �n�u�m�b�e�r�;� � � � � � � � �/�/� �D�e�b�o�u�n�c�e� �r�e�s�i�z�e� �e�v�e�n�t�s� �i�n� �m�s� �(�d�e�f�a�u�l�t�:� �0�)�
�
� � �d�e�f�a�u�l�t�M�a�t�c�h�e�s�?�:� �b�o�o�l�e�a�n�;� �/�/� �D�e�f�a�u�l�t� �v�a�l�u�e� �o�n� �s�e�r�v�e�r� �(�d�e�f�a�u�l�t�:� �f�a�l�s�e�)�
�
�}�
�
����
�
�
�
�#�#�#� �R�e�t�u�r�n�s�
�
�
�
����t�s�
�
�i�n�t�e�r�f�a�c�e� �M�e�d�i�a�Q�u�e�r�y�R�e�s�u�l�t� �{�
�
� � �m�a�t�c�h�e�s�:� �S�t�a�t�e�<�b�o�o�l�e�a�n�>�;� � �/�/� �W�h�e�t�h�e�r� �t�h�e� �q�u�e�r�y� �c�u�r�r�e�n�t�l�y� �m�a�t�c�h�e�s�
�
� � �i�s�M�o�b�i�l�e�:� �S�t�a�t�e�<�b�o�o�l�e�a�n�>�;� �/�/� �A�l�i�a�s� �f�o�r� �m�a�t�c�h�e�s�
�
� � �i�s�D�e�s�k�t�o�p�:� �S�t�a�t�e�<�b�o�o�l�e�a�n�>�;� �/�/� �I�n�v�e�r�s�e� �o�f� �m�a�t�c�h�e�s�
�
� � �q�u�e�r�y�:� �S�t�a�t�e�<�s�t�r�i�n�g�>�;� � � � � �/�/� �T�h�e� �q�u�e�r�y� �s�t�r�i�n�g�
�
�}�
�
����
�
�
�
�#�#�#� �E�x�a�m�p�l�e�
�
�
�
����j�s�
�
�i�m�p�o�r�t� �{� �u�s�e�M�e�d�i�a�Q�u�e�r�y� �}� �f�r�o�m� �'�p�a�w�a�-�u�s�e�m�e�d�i�a�q�u�e�r�y�'�
�
�i�m�p�o�r�t� �{� �u�s�e�I�n�s�e�r�t�,� �h�t�m�l�,� �R�e�g�i�s�t�e�r�C�o�m�p�o�n�e�n�t� �}� �f�r�o�m� �'�p�a�w�a�j�s�'�
�
�
�
�e�x�p�o�r�t� �c�o�n�s�t� �L�a�y�o�u�t� �=� �(�{� �c�h�i�l�d�r�e�n� �}�)� �=�>� �{�
�
� � � � �c�o�n�s�t� �{� �m�a�t�c�h�e�s�:� �i�s�M�o�b�i�l�e� �}� �=� �u�s�e�M�e�d�i�a�Q�u�e�r�y�(�'�(�m�a�x�-�w�i�d�t�h�:� �7�6�8�p�x�)�'�,� �{�
�
� � � � � � � � �d�e�b�o�u�n�c�e�:� �1�0�0�
�
� � � � �}�)�
�
�
�
� � � � �u�s�e�I�n�s�e�r�t�(�{� �i�s�M�o�b�i�l�e�,� �c�h�i�l�d�r�e�n� �}�)�
�
�
�
� � � � �r�e�t�u�r�n� �h�t�m�l��
�
� � � � � � � � �<�d�i�v� �c�l�a�s�s�=�"�@�{�i�s�M�o�b�i�l�e�.�v�a�l�u�e� �?� �'�m�o�b�i�l�e�-�l�a�y�o�u�t�'� �:� �'�d�e�s�k�t�o�p�-�l�a�y�o�u�t�'�}�"�>�
�
� � � � � � � � � � � � �$�{�c�h�i�l�d�r�e�n�}�
�
� � � � � � � � �<�/�d�i�v�>�
�
� � � � ��
�
�}�
�
�
�
�R�e�g�i�s�t�e�r�C�o�m�p�o�n�e�n�t�(�L�a�y�o�u�t�)�
�
����
�
�
�
�-�-�-�
�
�
�
�#�#� ��u�s�e�B�r�e�a�k�p�o�i�n�t�s��
�
�
�
����j�s�
�
�i�m�p�o�r�t� �{� �u�s�e�B�r�e�a�k�p�o�i�n�t�s� �}� �f�r�o�m� �'�p�a�w�a�-�u�s�e�m�e�d�i�a�q�u�e�r�y�'�
�
�
�
�c�o�n�s�t� �{� �s�m�,� �m�d�,� �l�g�,� �x�l�,� �i�s�M�o�b�i�l�e�,� �i�s�T�a�b�l�e�t�,� �i�s�D�e�s�k�t�o�p� �}� �=� �u�s�e�B�r�e�a�k�p�o�i�n�t�s�(�)�
�
����
�
�
�
�#�#�#� �D�e�f�a�u�l�t� �B�r�e�a�k�p�o�i�n�t�s�
�
�
�
����t�s�
�
�i�m�p�o�r�t� �{� �b�r�e�a�k�p�o�i�n�t�s� �}� �f�r�o�m� �'�p�a�w�a�-�u�s�e�m�e�d�i�a�q�u�e�r�y�'�
�
�
�
�/�/� �b�r�e�a�k�p�o�i�n�t�s�:� �{� �s�m�:� �n�u�m�b�e�r�;� �m�d�:� �n�u�m�b�e�r�;� �l�g�:� �n�u�m�b�e�r�;� �x�l�:� �n�u�m�b�e�r�;� �'�2�x�l�'�:� �n�u�m�b�e�r� �}�
�
�/�/� �s�m�:� �6�4�0�,� �m�d�:� �7�6�8�,� �l�g�:� �1�0�2�4�,� �x�l�:� �1�2�8�0�,� �'�2�x�l�'�:� �1�5�3�6�
�
����
�
�
�
�#�#�#� �C�u�s�t�o�m� �B�r�e�a�k�p�o�i�n�t�s�
�
�
�
����j�s�
�
�c�o�n�s�t� �b�p� �=� �u�s�e�B�r�e�a�k�p�o�i�n�t�s�(�{�
�
� � � � �m�o�b�i�l�e�:� �4�8�0�,�
�
� � � � �t�a�b�l�e�t�:� �7�6�8�,�
�
� � � � �d�e�s�k�t�o�p�:� �1�2�0�0�
�
�}�)�
�
����
�
�
�
�#�#�#� �R�e�t�u�r�n�s�
�
�
�
����t�s�
�
�i�n�t�e�r�f�a�c�e� �B�r�e�a�k�p�o�i�n�t�s�R�e�s�u�l�t� �e�x�t�e�n�d�s� �R�e�c�o�r�d�<�s�t�r�i�n�g�,� �S�t�a�t�e�<�b�o�o�l�e�a�n�>�>� �{�
�
� � �s�m�:� �S�t�a�t�e�<�b�o�o�l�e�a�n�>�;�
�
� � �m�d�:� �S�t�a�t�e�<�b�o�o�l�e�a�n�>�;�
�
� � �l�g�:� �S�t�a�t�e�<�b�o�o�l�e�a�n�>�;�
�
� � �x�l�:� �S�t�a�t�e�<�b�o�o�l�e�a�n�>�;�
�
� � �'�2�x�l�'�:� �S�t�a�t�e�<�b�o�o�l�e�a�n�>�;�
�
� � �i�s�M�o�b�i�l�e�:� �(�)� �=�>� �b�o�o�l�e�a�n�;� � �/�/� �B�e�l�o�w� �s�m�
�
� � �i�s�T�a�b�l�e�t�:� �(�)� �=�>� �b�o�o�l�e�a�n�;� � �/�/� �B�e�t�w�e�e�n� �s�m� �a�n�d� �l�g�
�
� � �i�s�D�e�s�k�t�o�p�:� �(�)� �=�>� �b�o�o�l�e�a�n�;� �/�/� �l�g� �a�n�d� �a�b�o�v�e�
�
�}�
�
����
�
�
�
�#�#�#� �E�x�a�m�p�l�e�
�
�
�
����j�s�
�
�i�m�p�o�r�t� �{� �u�s�e�B�r�e�a�k�p�o�i�n�t�s� �}� �f�r�o�m� �'�p�a�w�a�-�u�s�e�m�e�d�i�a�q�u�e�r�y�'�
�
�i�m�p�o�r�t� �{� �u�s�e�I�n�s�e�r�t�,� �h�t�m�l�,� �R�e�g�i�s�t�e�r�C�o�m�p�o�n�e�n�t� �}� �f�r�o�m� �'�p�a�w�a�j�s�'�
�
�
�
�e�x�p�o�r�t� �c�o�n�s�t� �S�i�d�e�b�a�r� �=� �(�{� �c�h�i�l�d�r�e�n� �}�)� �=�>� �{�
�
� � � � �c�o�n�s�t� �{� �l�g�,� �i�s�M�o�b�i�l�e� �}� �=� �u�s�e�B�r�e�a�k�p�o�i�n�t�s�(�)�
�
�
�
� � � � �u�s�e�I�n�s�e�r�t�(�{� �l�g�,� �i�s�M�o�b�i�l�e�,� �c�h�i�l�d�r�e�n� �}�)�
�
�
�
� � � � �r�e�t�u�r�n� �h�t�m�l��
�
� � � � � � � � �<�a�s�i�d�e� �c�l�a�s�s�=�"�@�{�l�g�.�v�a�l�u�e� �?� �'�w�-�6�4� �b�l�o�c�k�'� �:� �'�h�i�d�d�e�n�'�}�"�>�
�
� � � � � � � � � � � � �$�{�c�h�i�l�d�r�e�n�}�
�
� � � � � � � � �<�/�a�s�i�d�e�>�
�
�
�
� � � � � � � � �<�t�e�m�p�l�a�t�e� �i�f�=�"�i�s�M�o�b�i�l�e�(�)�"�>�
�
� � � � � � � � � � � � �<�m�o�b�i�l�e�-�d�r�a�w�e�r�>�$�{�c�h�i�l�d�r�e�n�}�<�/�m�o�b�i�l�e�-�d�r�a�w�e�r�>�
�
� � � � � � � � �<�/�t�e�m�p�l�a�t�e�>�
�
� � � � ��
�
�}�
�
�
�
�R�e�g�i�s�t�e�r�C�o�m�p�o�n�e�n�t�(�S�i�d�e�b�a�r�)�
�
����
�
�
�
�-�-�-�
�
�
�
�#�#� ��u�s�e�P�r�e�f�e�r�s�C�o�l�o�r�S�c�h�e�m�e��
�
�
�
����j�s�
�
�i�m�p�o�r�t� �{� �u�s�e�P�r�e�f�e�r�s�C�o�l�o�r�S�c�h�e�m�e� �}� �f�r�o�m� �'�p�a�w�a�-�u�s�e�m�e�d�i�a�q�u�e�r�y�'�
�
�
�
�c�o�n�s�t� �{� �i�s�D�a�r�k�,� �t�o�g�g�l�e�,� �s�e�t�D�a�r�k�,� �s�e�t�L�i�g�h�t�,� �s�e�t�S�y�s�t�e�m� �}� �=� �u�s�e�P�r�e�f�e�r�s�C�o�l�o�r�S�c�h�e�m�e�(�)�
�
����
�
�
�
�#�#�#� �O�p�t�i�o�n�s�
�
�
�
����t�s�
�
�i�n�t�e�r�f�a�c�e� �P�r�e�f�e�r�s�C�o�l�o�r�S�c�h�e�m�e�O�p�t�i�o�n�s� �{�
�
� � �d�e�f�a�u�l�t�S�c�h�e�m�e�?�:� �'�l�i�g�h�t�'� �|� �'�d�a�r�k�'�;� �/�/� �D�e�f�a�u�l�t� �v�a�l�u�e� �o�n� �s�e�r�v�e�r� �(�d�e�f�a�u�l�t�:� �'�l�i�g�h�t�'�)�
�
� � �l�i�s�t�e�n�T�o�S�y�s�t�e�m�?�:� �b�o�o�l�e�a�n�;� � � � � � � � � � �/�/� �R�e�a�c�t� �t�o� �s�y�s�t�e�m� �c�h�a�n�g�e�s� �(�d�e�f�a�u�l�t�:� �t�r�u�e�)�
�
�}�
�
����
�
�
�
�#�#�#� �R�e�t�u�r�n�s�
�
�
�
����t�s�
�
�i�n�t�e�r�f�a�c�e� �P�r�e�f�e�r�s�C�o�l�o�r�S�c�h�e�m�e�R�e�s�u�l�t� �{�
�
� � �s�c�h�e�m�e�:� �S�t�a�t�e�<�'�l�i�g�h�t�'� �|� �'�d�a�r�k�'�>�;� �/�/� �C�u�r�r�e�n�t� �s�c�h�e�m�e�
�
� � �i�s�D�a�r�k�:� �S�t�a�t�e�<�b�o�o�l�e�a�n�>�;� � � � � � � � � � � �/�/� �W�h�e�t�h�e�r� �d�a�r�k� �m�o�d�e� �i�s� �a�c�t�i�v�e�
�
� � �i�s�L�i�g�h�t�:� �S�t�a�t�e�<�b�o�o�l�e�a�n�>�;� � � � � � � � � � �/�/� �W�h�e�t�h�e�r� �l�i�g�h�t� �m�o�d�e� �i�s� �a�c�t�i�v�e�
�
� � �i�s�S�y�s�t�e�m�:� �S�t�a�t�e�<�b�o�o�l�e�a�n�>�;� � � � � � � � � �/�/� �W�h�e�t�h�e�r� �f�o�l�l�o�w�i�n�g� �s�y�s�t�e�m� �p�r�e�f�e�r�e�n�c�e�
�
� � �t�o�g�g�l�e�:� �(�)� �=�>� �v�o�i�d�;� � � � � � � � � � � � � � � �/�/� �T�o�g�g�l�e� �b�e�t�w�e�e�n� �l�i�g�h�t� �a�n�d� �d�a�r�k�
�
� � �s�e�t�D�a�r�k�:� �(�)� �=�>� �v�o�i�d�;� � � � � � � � � � � � � � �/�/� �F�o�r�c�e� �d�a�r�k� �m�o�d�e�,� �p�e�r�s�i�s�t�s� �t�o� �l�o�c�a�l�S�t�o�r�a�g�e�
�
� � �s�e�t�L�i�g�h�t�:� �(�)� �=�>� �v�o�i�d�;� � � � � � � � � � � � � �/�/� �F�o�r�c�e� �l�i�g�h�t� �m�o�d�e�,� �p�e�r�s�i�s�t�s� �t�o� �l�o�c�a�l�S�t�o�r�a�g�e�
�
� � �s�e�t�S�y�s�t�e�m�:� �(�)� �=�>� �v�o�i�d�;� � � � � � � � � � � � �/�/� �R�e�v�e�r�t� �t�o� �s�y�s�t�e�m� �p�r�e�f�e�r�e�n�c�e�
�
�}�
�
����
�
�
�
�#�#�#� �E�x�a�m�p�l�e� � �I�n�s�i�d�e� �C�o�m�p�o�n�e�n�t�
�
�
�
����j�s�
�
�i�m�p�o�r�t� �{� �u�s�e�P�r�e�f�e�r�s�C�o�l�o�r�S�c�h�e�m�e� �}� �f�r�o�m� �'�p�a�w�a�-�u�s�e�m�e�d�i�a�q�u�e�r�y�'�
�
�i�m�p�o�r�t� �{� �u�s�e�I�n�s�e�r�t�,� �h�t�m�l�,� �R�e�g�i�s�t�e�r�C�o�m�p�o�n�e�n�t� �}� �f�r�o�m� �'�p�a�w�a�j�s�'�
�
�
�
�e�x�p�o�r�t� �c�o�n�s�t� �T�h�e�m�e�T�o�g�g�l�e� �=� �(�)� �=�>� �{�
�
� � � � �c�o�n�s�t� �{� �i�s�D�a�r�k�,� �t�o�g�g�l�e�,� �i�s�S�y�s�t�e�m� �}� �=� �u�s�e�P�r�e�f�e�r�s�C�o�l�o�r�S�c�h�e�m�e�(�)�
�
�
�
� � � � �u�s�e�I�n�s�e�r�t�(�{� �i�s�D�a�r�k�,� �t�o�g�g�l�e�,� �i�s�S�y�s�t�e�m� �}�)�
�
�
�
� � � � �r�e�t�u�r�n� �h�t�m�l��
�
� � � � � � � � �<�d�i�v� �c�l�a�s�s�=�"�f�l�e�x� �i�t�e�m�s�-�c�e�n�t�e�r� �g�a�p�-�3�"�>�
�
� � � � � � � � � � � � �<�b�u�t�t�o�n�
�
� � � � � � � � � � � � � � � � �o�n�-�c�l�i�c�k�=�"�t�o�g�g�l�e�(�)�"�
�
� � � � � � � � � � � � � � � � �c�l�a�s�s�=�"�p�-�2� �r�o�u�n�d�e�d�-�l�g� �t�r�a�n�s�i�t�i�o�n�-�c�o�l�o�r�s�
�
� � � � � � � � � � � � � � � � � � � � �@�{�i�s�D�a�r�k�.�v�a�l�u�e� �
�
� � � � � � � � � � � � � � � � � � � � � � � � �?� �'�b�g�-�y�e�l�l�o�w�-�4�0�0� �t�e�x�t�-�g�r�a�y�-�9�0�0�'� �
�
� � � � � � � � � � � � � � � � � � � � � � � � �:� �'�b�g�-�g�r�a�y�-�8�0�0� �t�e�x�t�-�w�h�i�t�e�'�}�"�
�
� � � � � � � � � � � � �>�
�
� � � � � � � � � � � � � � � � �@�{�i�s�D�a�r�k�.�v�a�l�u�e� �?� �'��&�'� �:� �'�<��'�}�
�
� � � � � � � � � � � � �<�/�b�u�t�t�o�n�>�
�
� � � � � � � � � � � � �<�s�p�a�n� �c�l�a�s�s�=�"�t�e�x�t�-�s�m� �t�e�x�t�-�g�r�a�y�-�5�0�0�"� �i�f�=�"�i�s�S�y�s�t�e�m�.�v�a�l�u�e�"�>�
�
� � � � � � � � � � � � � � � � �F�o�l�l�o�w�i�n�g� �s�y�s�t�e�m�
�
� � � � � � � � � � � � �<�/�s�p�a�n�>�
�
� � � � � � � � �<�/�d�i�v�>�
�
� � � � ��
�
�}�
�
�
�
�R�e�g�i�s�t�e�r�C�o�m�p�o�n�e�n�t�(�T�h�e�m�e�T�o�g�g�l�e�)�
�
����
�
�
�
�#�#�#� �E�x�a�m�p�l�e� � �O�u�t�s�i�d�e� �C�o�m�p�o�n�e�n�t�
�
�
�
����j�s�
�
�i�m�p�o�r�t� �{� �u�s�e�P�r�e�f�e�r�s�C�o�l�o�r�S�c�h�e�m�e� �}� �f�r�o�m� �'�p�a�w�a�-�u�s�e�m�e�d�i�a�q�u�e�r�y�'�
�
�i�m�p�o�r�t� �{� �c�r�e�a�t�e�E�f�f�e�c�t� �}� �f�r�o�m� �'�p�a�w�a�j�s�/�r�e�a�c�t�i�v�e�.�j�s�'�
�
�
�
�/�/� �W�o�r�k�s� �a�t� �m�o�d�u�l�e� �l�e�v�e�l� � �n�o� �c�o�m�p�o�n�e�n�t� �n�e�e�d�e�d�
�
�c�o�n�s�t� �{� �i�s�D�a�r�k�,� �s�c�h�e�m�e� �}� �=� �u�s�e�P�r�e�f�e�r�s�C�o�l�o�r�S�c�h�e�m�e�(�)�
�
�
�
�c�r�e�a�t�e�E�f�f�e�c�t�(�(�)� �=�>� �{�
�
� � � � �d�o�c�u�m�e�n�t�.�d�o�c�u�m�e�n�t�E�l�e�m�e�n�t�.�c�l�a�s�s�L�i�s�t�.�t�o�g�g�l�e�(�'�d�a�r�k�'�,� �i�s�D�a�r�k�.�v�a�l�u�e�)�
�
� � � � �d�o�c�u�m�e�n�t�.�d�o�c�u�m�e�n�t�E�l�e�m�e�n�t�.�s�e�t�A�t�t�r�i�b�u�t�e�(�'�d�a�t�a�-�s�c�h�e�m�e�'�,� �s�c�h�e�m�e�.�v�a�l�u�e�)�
�
�}�)�
�
����
�
�
�
�-�-�-�
�
�
�
�#�#� ��u�s�e�P�r�e�f�e�r�s�R�e�d�u�c�e�d�M�o�t�i�o�n��
�
�
�
����j�s�
�
�i�m�p�o�r�t� �{� �u�s�e�P�r�e�f�e�r�s�R�e�d�u�c�e�d�M�o�t�i�o�n� �}� �f�r�o�m� �'�p�a�w�a�-�u�s�e�m�e�d�i�a�q�u�e�r�y�'�
�
�
�
�c�o�n�s�t� �{� �r�e�d�u�c�e�d�,� �s�h�o�u�l�d�A�n�i�m�a�t�e�,� �w�i�t�h�M�o�t�i�o�n�,� �a�n�i�m�a�t�e� �}� �=� �u�s�e�P�r�e�f�e�r�s�R�e�d�u�c�e�d�M�o�t�i�o�n�(�)�
�
����
�
�
�
�#�#�#� �O�p�t�i�o�n�s�
�
�
�
����t�s�
�
�i�n�t�e�r�f�a�c�e� �P�r�e�f�e�r�s�R�e�d�u�c�e�d�M�o�t�i�o�n�O�p�t�i�o�n�s� �{�
�
� � �d�e�f�a�u�l�t�R�e�d�u�c�e�d�?�:� �b�o�o�l�e�a�n�;� � �/�/� �D�e�f�a�u�l�t� �v�a�l�u�e� �o�n� �s�e�r�v�e�r� �(�d�e�f�a�u�l�t�:� �f�a�l�s�e�)�
�
� � �r�e�s�p�e�c�t�S�y�s�t�e�m�?�:� �b�o�o�l�e�a�n�;� � � �/�/� �R�e�s�p�e�c�t� �s�y�s�t�e�m� �p�r�e�f�e�r�e�n�c�e� �(�d�e�f�a�u�l�t�:� �t�r�u�e�)�
�
�}�
�
����
�
�
�
�#�#�#� �R�e�t�u�r�n�s�
�
�
�
����t�s�
�
�i�n�t�e�r�f�a�c�e� �P�r�e�f�e�r�s�R�e�d�u�c�e�d�M�o�t�i�o�n�R�e�s�u�l�t� �{�
�
� � �r�e�d�u�c�e�d�:� �S�t�a�t�e�<�b�o�o�l�e�a�n�>�;� � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � �/�/� �W�h�e�t�h�e�r� �r�e�d�u�c�e�d� �m�o�t�i�o�n� �i�s� �p�r�e�f�e�r�r�e�d�
�
� � �p�r�e�f�e�r�s�:� �S�t�a�t�e�<�b�o�o�l�e�a�n�>�;� � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � �/�/� �R�a�w� �s�y�s�t�e�m� �p�r�e�f�e�r�e�n�c�e� �(�n�o� �m�a�n�u�a�l� �o�v�e�r�r�i�d�e�)�
�
� � �s�h�o�u�l�d�R�e�d�u�c�e�:� �(�)� �=�>� �b�o�o�l�e�a�n�;� � � � � � � � � � � � � � � � � � � � � � � � � � � � � � �/�/� �C�u�r�r�e�n�t� �r�e�s�o�l�v�e�d� �v�a�l�u�e�
�
� � �s�h�o�u�l�d�A�n�i�m�a�t�e�:� �(�)� �=�>� �b�o�o�l�e�a�n�;� � � � � � � � � � � � � � � � � � � � � � � � � � � � � �/�/� �I�n�v�e�r�s�e� �o�f� �s�h�o�u�l�d�R�e�d�u�c�e�
�
� � �s�e�t�R�e�d�u�c�e�d�:� �(�)� �=�>� �v�o�i�d�;� � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � �/�/� �M�a�n�u�a�l�l�y� �e�n�a�b�l�e� �r�e�d�u�c�e�d� �m�o�t�i�o�n�
�
� � �s�e�t�F�u�l�l�M�o�t�i�o�n�:� �(�)� �=�>� �v�o�i�d�;� � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � �/�/� �M�a�n�u�a�l�l�y� �d�i�s�a�b�l�e� �r�e�d�u�c�e�d� �m�o�t�i�o�n�
�
� � �s�e�t�S�y�s�t�e�m�P�r�e�f�e�r�e�n�c�e�:� �(�)� �=�>� �v�o�i�d�;� � � � � � � � � � � � � � � � � � � � � � � � � � �/�/� �R�e�v�e�r�t� �t�o� �s�y�s�t�e�m� �p�r�e�f�e�r�e�n�c�e�
�
� � �w�i�t�h�M�o�t�i�o�n�:� �<�T�>�(�m�o�t�i�o�n�S�t�y�l�e�s�:� �T�,� �r�e�d�u�c�e�d�S�t�y�l�e�s�:� �T�)� �=�>� �T�;� � �/�/� �R�e�t�u�r�n�s� �m�o�t�i�o�n�S�t�y�l�e�s� �o�r� �r�e�d�u�c�e�d�S�t�y�l�e�s�
�
� � �a�n�i�m�a�t�e�:� �<�T�>�(�a�n�i�m�a�t�i�o�n�:� �T�,� �f�a�l�l�b�a�c�k�:� �T�)� �=�>� �T�;� � � � � � � � � � � � � �/�/� �R�e�t�u�r�n�s� �a�n�i�m�a�t�i�o�n� �o�r� �f�a�l�l�b�a�c�k�
�
�}�
�
����
�
�
�
�#�#�#� �E�x�a�m�p�l�e�
�
�
�
����j�s�
�
�i�m�p�o�r�t� �{� �u�s�e�P�r�e�f�e�r�s�R�e�d�u�c�e�d�M�o�t�i�o�n� �}� �f�r�o�m� �'�p�a�w�a�-�u�s�e�m�e�d�i�a�q�u�e�r�y�'�
�
�i�m�p�o�r�t� �{� �c�r�e�a�t�e�E�f�f�e�c�t� �}� �f�r�o�m� �'�p�a�w�a�j�s�/�r�e�a�c�t�i�v�e�.�j�s�'�
�
�i�m�p�o�r�t� �{� �a�n�i�m�a�t�e� �}� �f�r�o�m� �'�m�o�t�i�o�n�'�
�
�
�
�e�x�p�o�r�t� �c�o�n�s�t� �F�a�d�e�I�n� �=� �(�{� �c�h�i�l�d�r�e�n� �}�)� �=�>� �{�
�
� � � � �c�o�n�s�t� �{� �r�e�d�u�c�e�d�,� �w�i�t�h�M�o�t�i�o�n� �}� �=� �u�s�e�P�r�e�f�e�r�s�R�e�d�u�c�e�d�M�o�t�i�o�n�(�)�
�
�
�
� � � � �c�o�n�s�t� �i�n�i�t�F�a�d�e� �=� �(�e�l�)� �=�>� �{�
�
� � � � � � � � �c�r�e�a�t�e�E�f�f�e�c�t�(�(�)� �=�>� �{�
�
� � � � � � � � � � � � �a�n�i�m�a�t�e�(�e�l�,�
�
� � � � � � � � � � � � � � � � �w�i�t�h�M�o�t�i�o�n�(�
�
� � � � � � � � � � � � � � � � � � � � �{� �o�p�a�c�i�t�y�:� �[�0�,� �1�]�,� �y�:� �[�2�0�,� �0�]� �}�,� �/�/� �f�u�l�l� �m�o�t�i�o�n�
�
� � � � � � � � � � � � � � � � � � � � �{� �o�p�a�c�i�t�y�:� �[�0�,� �1�]� �}� � � � � � � � � � � � � � � �/�/� �r�e�d�u�c�e�d� �m�o�t�i�o�n�
�
� � � � � � � � � � � � � � � � �)�,�
�
� � � � � � � � � � � � � � � � �{� �d�u�r�a�t�i�o�n�:� �r�e�d�u�c�e�d�.�v�a�l�u�e� �?� �0�.�1� �:� �0�.�4� �}�
�
� � � � � � � � � � � � �)�
�
� � � � � � � � �}�)�
�
� � � � �}�
�
�
�
� � � � �u�s�e�I�n�s�e�r�t�(�{� �i�n�i�t�F�a�d�e�,� �c�h�i�l�d�r�e�n� �}�)�
�
�
�
� � � � �r�e�t�u�r�n� �h�t�m�l��<�d�i�v� �r�e�f�=�"�i�n�i�t�F�a�d�e�"�>�$�{�c�h�i�l�d�r�e�n�}�<�/�d�i�v�>��
�
�}�
�
�
�
�R�e�g�i�s�t�e�r�C�o�m�p�o�n�e�n�t�(�F�a�d�e�I�n�)�
�
����
�
�
�
�-�-�-�
�
�
�
�#�#� ��u�s�e�O�r�i�e�n�t�a�t�i�o�n��
�
�
�
����j�s�
�
�i�m�p�o�r�t� �{� �u�s�e�O�r�i�e�n�t�a�t�i�o�n� �}� �f�r�o�m� �'�p�a�w�a�-�u�s�e�m�e�d�i�a�q�u�e�r�y�'�
�
�
�
�c�o�n�s�t� �{� �i�s�P�o�r�t�r�a�i�t�,� �i�s�L�a�n�d�s�c�a�p�e�,� �a�n�g�l�e�,� �i�s� �}� �=� �u�s�e�O�r�i�e�n�t�a�t�i�o�n�(�)�
�
����
�
�
�
�#�#�#� �O�p�t�i�o�n�s�
�
�
�
����t�s�
�
�i�n�t�e�r�f�a�c�e� �O�r�i�e�n�t�a�t�i�o�n�O�p�t�i�o�n�s� �{�
�
� � �d�e�f�a�u�l�t�P�o�r�t�r�a�i�t�?�:� �b�o�o�l�e�a�n�;� �/�/� �D�e�f�a�u�l�t� �v�a�l�u�e� �o�n� �s�e�r�v�e�r� �(�d�e�f�a�u�l�t�:� �t�r�u�e�)�
�
� � �d�e�b�o�u�n�c�e�?�:� �n�u�m�b�e�r�;� � � � � � � � � �/�/� �D�e�b�o�u�n�c�e� �o�r�i�e�n�t�a�t�i�o�n� �e�v�e�n�t�s� �i�n� �m�s� �(�d�e�f�a�u�l�t�:� �0�)�
�
�}�
�
����
�
�
�
�#�#�#� �R�e�t�u�r�n�s�
�
�
�
����t�s�
�
�i�n�t�e�r�f�a�c�e� �O�r�i�e�n�t�a�t�i�o�n�R�e�s�u�l�t� �{�
�
� � �o�r�i�e�n�t�a�t�i�o�n�:� �S�t�a�t�e�<�s�t�r�i�n�g�>�;� � � �/�/� �F�u�l�l� �o�r�i�e�n�t�a�t�i�o�n� �t�y�p�e� �s�t�r�i�n�g�
�
� � �i�s�P�o�r�t�r�a�i�t�:� �S�t�a�t�e�<�b�o�o�l�e�a�n�>�;� � � �/�/� �W�h�e�t�h�e�r� �i�n� �p�o�r�t�r�a�i�t� �m�o�d�e�
�
� � �i�s�L�a�n�d�s�c�a�p�e�:� �S�t�a�t�e�<�b�o�o�l�e�a�n�>�;� � �/�/� �W�h�e�t�h�e�r� �i�n� �l�a�n�d�s�c�a�p�e� �m�o�d�e�
�
� � �a�n�g�l�e�:� �S�t�a�t�e�<�n�u�m�b�e�r�>�;� � � � � � � � � �/�/� �C�u�r�r�e�n�t� �o�r�i�e�n�t�a�t�i�o�n� �a�n�g�l�e�
�
� � �t�y�p�e�:� �S�t�a�t�e�<�s�t�r�i�n�g�>�;� � � � � � � � � � �/�/� �'�p�o�r�t�r�a�i�t�-�p�r�i�m�a�r�y�'� �|� �'�l�a�n�d�s�c�a�p�e�-�p�r�i�m�a�r�y�'� �|� �e�t�c�.�
�
� � �i�s�:� �{�
�
� � � � �p�o�r�t�r�a�i�t�:� �(�)� �=�>� �b�o�o�l�e�a�n�;� � � � �/�/� �H�e�l�p�e�r� �m�e�t�h�o�d�
�
� � � � �l�a�n�d�s�c�a�p�e�:� �(�)� �=�>� �b�o�o�l�e�a�n�;� � � �/�/� �H�e�l�p�e�r� �m�e�t�h�o�d�
�
� � � � �p�r�i�m�a�r�y�:� �(�)� �=�>� �b�o�o�l�e�a�n�;� � � � � �/�/� �W�h�e�t�h�e�r� �p�r�i�m�a�r�y� �o�r�i�e�n�t�a�t�i�o�n�
�
� � � � �s�e�c�o�n�d�a�r�y�:� �(�)� �=�>� �b�o�o�l�e�a�n�;� � � �/�/� �W�h�e�t�h�e�r� �s�e�c�o�n�d�a�r�y� �o�r�i�e�n�t�a�t�i�o�n�
�
� � �}�;�
�
�}�
�
����
�
�
�
�#�#�#� �E�x�a�m�p�l�e�
�
�
�
����j�s�
�
�i�m�p�o�r�t� �{� �u�s�e�O�r�i�e�n�t�a�t�i�o�n� �}� �f�r�o�m� �'�p�a�w�a�-�u�s�e�m�e�d�i�a�q�u�e�r�y�'�
�
�i�m�p�o�r�t� �{� �u�s�e�I�n�s�e�r�t�,� �h�t�m�l�,� �R�e�g�i�s�t�e�r�C�o�m�p�o�n�e�n�t� �}� �f�r�o�m� �'�p�a�w�a�j�s�'�
�
�
�
�e�x�p�o�r�t� �c�o�n�s�t� �V�i�d�e�o�P�l�a�y�e�r� �=� �(�{� �s�r�c� �}�)� �=�>� �{�
�
� � � � �c�o�n�s�t� �{� �i�s�L�a�n�d�s�c�a�p�e�,� �i�s� �}� �=� �u�s�e�O�r�i�e�n�t�a�t�i�o�n�(�{� �d�e�b�o�u�n�c�e�:� �1�0�0� �}�)�
�
�
�
� � � � �u�s�e�I�n�s�e�r�t�(�{� �i�s�L�a�n�d�s�c�a�p�e�,� �i�s�,� �s�r�c� �}�)�
�
�
�
� � � � �r�e�t�u�r�n� �h�t�m�l��
�
� � � � � � � � �<�d�i�v� �c�l�a�s�s�=�"�@�{�i�s�L�a�n�d�s�c�a�p�e�.�v�a�l�u�e� �?� �'�f�u�l�l�s�c�r�e�e�n�-�v�i�d�e�o�'� �:� �'�n�o�r�m�a�l�-�v�i�d�e�o�'�}�"�>�
�
� � � � � � � � � � � � �<�v�i�d�e�o� �s�r�c�=�"�@�{�s�r�c�(�)�}�"�>�<�/�v�i�d�e�o�>�
�
� � � � � � � � � � � � �<�t�e�m�p�l�a�t�e� �i�f�=�"�i�s�.�p�o�r�t�r�a�i�t�(�)�"�>�
�
� � � � � � � � � � � � � � � � �<�p� �c�l�a�s�s�=�"�t�e�x�t�-�c�e�n�t�e�r� �t�e�x�t�-�s�m� �t�e�x�t�-�g�r�a�y�-�5�0�0� �m�t�-�2�"�>�
�
� � � � � � � � � � � � � � � � � � � � �R�o�t�a�t�e� �f�o�r� �f�u�l�l�s�c�r�e�e�n�
�
� � � � � � � � � � � � � � � � �<�/�p�>�
�
� � � � � � � � � � � � �<�/�t�e�m�p�l�a�t�e�>�
�
� � � � � � � � �<�/�d�i�v�>�
�
� � � � ��
�
�}�
�
�
�
�R�e�g�i�s�t�e�r�C�o�m�p�o�n�e�n�t�(�V�i�d�e�o�P�l�a�y�e�r�)�
�
����
�
�
�
�-�-�-�
�
�
�
�#�#� �S�S�R� �S�u�p�p�o�r�t�
�
�
�
�A�l�l� �h�o�o�k�s� �h�a�n�d�l�e� �s�e�r�v�e�r�-�s�i�d�e� �r�e�n�d�e�r�i�n�g� �c�o�r�r�e�c�t�l�y�.� �O�n� �t�h�e� �s�e�r�v�e�r�,� �s�t�a�t�i�c� �d�e�f�a�u�l�t� �v�a�l�u�e�s� �a�r�e� �r�e�t�u�r�n�e�d� �w�i�t�h�o�u�t� �a�n�y� �b�r�o�w�s�e�r� �A�P�I� �a�c�c�e�s�s�.�
�
�
�
����j�s�
�
�/�/� �S�a�f�e� �t�o� �c�a�l�l� �d�u�r�i�n�g� �S�S�R� � �n�o� �w�i�n�d�o�w�/�m�a�t�c�h�M�e�d�i�a� �a�c�c�e�s�s� �o�n� �s�e�r�v�e�r�
�
�c�o�n�s�t� �{� �i�s�D�a�r�k� �}� �=� �u�s�e�P�r�e�f�e�r�s�C�o�l�o�r�S�c�h�e�m�e�(�{� �d�e�f�a�u�l�t�S�c�h�e�m�e�:� �'�l�i�g�h�t�'� �}�)�
�
�c�o�n�s�t� �{� �i�s�P�o�r�t�r�a�i�t� �}� �=� �u�s�e�O�r�i�e�n�t�a�t�i�o�n�(�{� �d�e�f�a�u�l�t�P�o�r�t�r�a�i�t�:� �t�r�u�e� �}�)�
�
�c�o�n�s�t� �{� �m�a�t�c�h�e�s� �}� �=� �u�s�e�M�e�d�i�a�Q�u�e�r�y�(�'�(�m�a�x�-�w�i�d�t�h�:� �7�6�8�p�x�)�'�,� �{� �d�e�f�a�u�l�t�M�a�t�c�h�e�s�:� �f�a�l�s�e� �}�)�
�
�c�o�n�s�t� �{� �r�e�d�u�c�e�d� �}� �=� �u�s�e�P�r�e�f�e�r�s�R�e�d�u�c�e�d�M�o�t�i�o�n�(�{� �d�e�f�a�u�l�t�R�e�d�u�c�e�d�:� �f�a�l�s�e� �}�)�
�
����
�
�
�
�-�-�-�
�
�
�
�#�#� �U�s�a�g�e� �O�u�t�s�i�d�e� �C�o�m�p�o�n�e�n�t�s�
�
�
�
�A�l�l� �h�o�o�k�s� �w�o�r�k� �a�t� �m�o�d�u�l�e� �l�e�v�e�l� �o�u�t�s�i�d�e� �a�n�y� �c�o�m�p�o�n�e�n�t�.� ��r�u�n�E�f�f�e�c�t�� �h�a�n�d�l�e�s� �r�o�u�t�i�n�g� �i�n�t�e�r�n�a�l�l�y� � �m�o�u�n�t� �a�n�d� �w�a�t�c�h� �e�f�f�e�c�t�s� �s�e�l�f�-�m�a�n�a�g�e� �w�i�t�h� ��b�e�f�o�r�e�u�n�l�o�a�d�� �c�l�e�a�n�u�p�.�
�
�
�
����j�s�
�
�/�/� �a�p�p�.�j�s� � �b�e�f�o�r�e� �p�a�w�a�S�t�a�r�t�A�p�p�
�
�i�m�p�o�r�t� �{� �u�s�e�P�r�e�f�e�r�s�C�o�l�o�r�S�c�h�e�m�e� �}� �f�r�o�m� �'�p�a�w�a�-�u�s�e�m�e�d�i�a�q�u�e�r�y�'�
�
�i�m�p�o�r�t� �{� �u�s�e�B�r�e�a�k�p�o�i�n�t�s� �}� �f�r�o�m� �'�p�a�w�a�-�u�s�e�m�e�d�i�a�q�u�e�r�y�'�
�
�i�m�p�o�r�t� �{� �c�r�e�a�t�e�E�f�f�e�c�t� �}� �f�r�o�m� �'�p�a�w�a�j�s�/�r�e�a�c�t�i�v�e�.�j�s�'�
�
�
�
�c�o�n�s�t� �{� �i�s�D�a�r�k� �}� �=� �u�s�e�P�r�e�f�e�r�s�C�o�l�o�r�S�c�h�e�m�e�(�)�
�
�c�o�n�s�t� �{� �l�g� �}� �=� �u�s�e�B�r�e�a�k�p�o�i�n�t�s�(�)�
�
�
�
�/�/� �R�e�a�c�t�i�v�e� �d�o�c�u�m�e�n�t�-�l�e�v�e�l� �e�f�f�e�c�t�s�
�
�c�r�e�a�t�e�E�f�f�e�c�t�(�(�)� �=�>� �{�
�
� � � � �d�o�c�u�m�e�n�t�.�d�o�c�u�m�e�n�t�E�l�e�m�e�n�t�.�c�l�a�s�s�L�i�s�t�.�t�o�g�g�l�e�(�'�d�a�r�k�'�,� �i�s�D�a�r�k�.�v�a�l�u�e�)�
�
�}�)�
�
�
�
�c�r�e�a�t�e�E�f�f�e�c�t�(�(�)� �=�>� �{�
�
� � � � �d�o�c�u�m�e�n�t�.�b�o�d�y�.�c�l�a�s�s�L�i�s�t�.�t�o�g�g�l�e�(�'�d�e�s�k�t�o�p�'�,� �l�g�.�v�a�l�u�e�)�
�
�}�)�
�
����
�
�
�
�-�-�-�
�
�
�
�#�#� �T�y�p�e�S�c�r�i�p�t�
�
�
�
�F�u�l�l� �T�y�p�e�S�c�r�i�p�t� �s�u�p�p�o�r�t� �i�s� �i�n�c�l�u�d�e�d�.� �A�l�l� �i�n�t�e�r�f�a�c�e�s� �a�n�d� �t�h�e� ��b�r�e�a�k�p�o�i�n�t�s�� �c�o�n�s�t�a�n�t� �a�r�e� �e�x�p�o�r�t�e�d� �f�r�o�m� �t�h�e� �p�a�c�k�a�g�e� �r�o�o�t�.�
�
�
�
����t�s�
�
�i�m�p�o�r�t� �t�y�p�e� �{�
�
� � � � �U�s�e�M�e�d�i�a�Q�u�e�r�y�O�p�t�i�o�n�s�,�
�
� � � � �M�e�d�i�a�Q�u�e�r�y�R�e�s�u�l�t�,�
�
� � � � �B�r�e�a�k�p�o�i�n�t�s�R�e�s�u�l�t�,�
�
� � � � �P�r�e�f�e�r�s�C�o�l�o�r�S�c�h�e�m�e�O�p�t�i�o�n�s�,�
�
� � � � �P�r�e�f�e�r�s�C�o�l�o�r�S�c�h�e�m�e�R�e�s�u�l�t�,�
�
� � � � �P�r�e�f�e�r�s�R�e�d�u�c�e�d�M�o�t�i�o�n�O�p�t�i�o�n�s�,�
�
� � � � �P�r�e�f�e�r�s�R�e�d�u�c�e�d�M�o�t�i�o�n�R�e�s�u�l�t�,�
�
� � � � �O�r�i�e�n�t�a�t�i�o�n�O�p�t�i�o�n�s�,�
�
� � � � �O�r�i�e�n�t�a�t�i�o�n�R�e�s�u�l�t�
�
�}� �f�r�o�m� �'�p�a�w�a�-�u�s�e�m�e�d�i�a�q�u�e�r�y�'�
�
�
�
�i�m�p�o�r�t� �{� �b�r�e�a�k�p�o�i�n�t�s� �}� �f�r�o�m� �'�p�a�w�a�-�u�s�e�m�e�d�i�a�q�u�e�r�y�'�
�
����
�
�
�
�#�#�#� �G�e�n�e�r�i�c� �h�e�l�p�e�r�s�
�
�
�
��w�i�t�h�M�o�t�i�o�n�� �a�n�d� ��a�n�i�m�a�t�e�� �o�n� ��P�r�e�f�e�r�s�R�e�d�u�c�e�d�M�o�t�i�o�n�R�e�s�u�l�t�� �a�r�e� �f�u�l�l�y� �g�e�n�e�r�i�c� � �T�y�p�e�S�c�r�i�p�t� �i�n�f�e�r�s� �t�h�e� �r�e�t�u�r�n� �t�y�p�e� �f�r�o�m� �t�h�e� �a�r�g�u�m�e�n�t�s�:�
�
�
�
����t�s�
�
�c�o�n�s�t� �{� �w�i�t�h�M�o�t�i�o�n�,� �a�n�i�m�a�t�e� �}� �=� �u�s�e�P�r�e�f�e�r�s�R�e�d�u�c�e�d�M�o�t�i�o�n�(�)�
�
�
�
�/�/� �T� �i�n�f�e�r�r�e�d� �a�s� �{� �o�p�a�c�i�t�y�:� �n�u�m�b�e�r�[�]�,� �y�:� �n�u�m�b�e�r�[�]� �}�
�
�c�o�n�s�t� �s�t�y�l�e�s� �=� �w�i�t�h�M�o�t�i�o�n�(�
�
� � � � �{� �o�p�a�c�i�t�y�:� �[�0�,� �1�]�,� �y�:� �[�2�0�,� �0�]� �}�,�
�
� � � � �{� �o�p�a�c�i�t�y�:� �[�0�,� �1�]� �}�
�
�)�
�
�
�
�/�/� �T� �i�n�f�e�r�r�e�d� �a�s� �g�s�a�p�.�T�w�e�e�n�V�a�r�s�
�
�c�o�n�s�t� �c�o�n�f�i�g� �=� �a�n�i�m�a�t�e�<�g�s�a�p�.�T�w�e�e�n�V�a�r�s�>�(�
�
� � � � �{� �d�u�r�a�t�i�o�n�:� �0�.�4�,� �e�a�s�e�:� �'�p�o�w�e�r�2�.�o�u�t�'� �}�,�
�
� � � � �{� �d�u�r�a�t�i�o�n�:� �0�.�1� �}�
�
�)�
�
����
�
�
�
�-�-�-�
�
�
�
�#�#� �R�e�q�u�i�r�e�m�e�n�t�s�
�
�
�
�|� �P�e�e�r� �D�e�p�e�n�d�e�n�c�y� �|� �V�e�r�s�i�o�n� �|�
�
�|�-�-�-�|�-�-�-�|�
�
�|� ��p�a�w�a�j�s�� �|� ��>�=�1�.�4�.�2�0�� �|�
�
�
�
�-�-�-�
�
�
�
�#�#� �L�i�c�e�n�s�e�
�
�
�
�M�I�T�
�
�
�
�-�-�-�
�
�
