Sundials are always right side up. What if they were upside-down. You Just like the movie.
<head>
<script src="//cdnjs.cloudflare.com/ajax/libs/p5.js/0.6.0/p5.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/p5.js/0.6.0/addons/p5.dom.js"></script>
<script language="javascript" type="text/javascript" src="z_purview_helper.js"></script>
<script language="javascript" type="text/javascript" src="clock1.js"></script>
</head>
<body style="background-color:white">
<div class="outer">
<div class="inner">
<div id="canvasContainer"></div>
</div>
</div>
</table>
</body>
const CANVAS_WIDTH = 960;
const CANVAS_HEIGHT = 500;
function setup () {
// create the drawing canvas, save the canvas element
let main_canvas = createCanvas(CANVAS_WIDTH, CANVAS_HEIGHT);
main_canvas.parent('canvasContainer');
// you can optionally add your own code here if you also have setup code
}
// Update this function to draw you own maeda clock
function draw () {
background(204); // light gray background
strokeWeight(8); // Stroke weight to 8 pixels
ellipse(480, 250, 190, 190);
// The rectangle draws on top of the ellipse
// because it comes after in the code
rect(500, 280, 260, 20);
quad(158, 55, 199, 14, 392, 66, 351, 107);
}
// do not alter or remove this function
function keyTyped() {
if (key == '!') {
saveBlocksImages();
}
else if (key == '@') {
saveBlocksImages(true);
}
}
���� JFIF �� C
�� C �� ��" ��
�� T
!1 AQa"2q���#BRXhr�3Cb�$4s����'EGc�����Sd���Æ���� �� �� ? �` �mٷ]��)�n�3Uu�="��9��@<�lsg�ܗ7]��˦�N�r&��~ݛw�(^��v-Sr���?�1=����LD��6�G��'w�����{�cU^��T{ff;v��t�фK��]7gw���k{C*��T�s��c�=>5QO�<R7fq;�<Eƌ���t=~�g�Ti���UDz�g�L�&"A�� �v��6�z�6�ۦj����S�3>���vm�z��m۷L�]uOH�#�f}��.y9�������U��n��j����N�1�U�UG�?���?�����ngp{�ڭV��������*�:�DžVmUX��������(�{�u��zƏ�t{��]�{�/)�l~�һ�G�D���k%�o~n��b�X��.�z�˺�w��>���:W~��∞�_�Ms��ބ�j��g������u��=kޡc���twU���ְp�dp�di|;�ށ���:=����f>ګ���UWT��332� ��'�'����{��m�#{���=���i��g�����rg�E5����7>��G
��17���{KV�\ͺ5+�7�=����a���A��m�r����qs���f�⢸�g�k��9��g�]ݝ/�:���o�z����(�cʞ�蛔��� '�},:����*�ɏ���e�fc�/v�� ���F_'<M�o���6�m�[c"�?���lG\x�R$q;Љ�Z��|�^>G�u���f�ǻ�V?k��c� `ɻ��X7�wfw��̻�?���z�;?]ߝf?��z6��n<
5]��`�W~�NE�U�WD�O�U��GO8<,��Ե�Q3�v�u:*�<����ަ?��,���������Mg^���5QE�VȽ��n���Wfi�<�� �{�>�nf�OwcQܚ~�ķ�;�o
����;jmܙ��U_o�IlJ�����M[G�?6��'"��S?�6���>5�� �1���.%wv���J2��S��ݜ�W��E��k���˴WE�)�n�k��������1 � xݻnͺ�^�M�v隫����y�ϲ �vݛur�v��5W]S�)��d+�Ny.q�w�=��ok۪���b����xUf�Q���O��ny9�������U��n��j����N�1�U�UG�?���?���.J9(���o~����]�?�u����}[�t��Q��=��F���G%ߛ��أ�4}��ާ����yO�c���ߪ>��'�W��]�pӆ�#�#K���}A��Ŝlk1��]uO�u�=j���f������4� �_�w�c���f,�cY����|k���UU�35L�̻@ �[���.���$��n�{Of��t�Y5[��U]3U�b]�$��#����em<=��sk�U3�j���91s�� v���t�D~'z�٠w�|,�>����L����i�uG�"'��3�� �0��;�Nf8;7nq�۟Oűγ�9�T������G�S�lN6qs�5�V��6��ۢz��6mq�W�Y��u}��g6&�w)ܶ�nm�W&�^�:�8�̫�� 3c�{�0S������mż}��������,NU_����T������#qͼ}���G"����،�Z�g���~�w�k������ww6�ɮ&h�˦�S��DSWwv>��R$q?��n��r�m������U1���6Wf=�Z��������|a[��"�uU����kW+�����G�S�Vfb�?m0�� �� 3���:ܻZ��[�RӯcSUQ�6�ULS_�i��l����N���⾷V-��N&�v3��Պ/�qD@^����\�u�ľ�:Ÿ���i9�����E}�5O�&���O`zE�e��ݍKq�S.�H�u�*��������n#�UT��@�����w�j�;ti:������o&ߏ�f` �v��6�z�6�ۦj����S�3>�V<��\�
��p{U��UV5}^�]'U��ͪ���W������^�t}ѣf�������u5c�c^��^�Tt�������<�n��#mX���U]j��vlޱ�����\��SU �.blL�����7Y�t��s*�ʹz^%99v�G�]�ULMS��f{={]��vf��e�c��vF��n�;j�v�f,bi�gMʪ�ҙ�*(��ڪ�����5L���5g�� Eot^�'���B��)�4�˦�?&��DD����f�Q����~M���5�{]{yv�':����� �.۹n��nڮ��"�j�z���LO���o���q׃�(�qgs��6�b��=V��Ǫf�_m2��1���'�;�^"�ݱ��i��^�t��� �X��u� B�#�>�.Z7l������.U];˷��Q£���?[���%�
y��wm�W���7
�㯫a�6�*������O���d �v��wO�e�ߧ�v��qr��}�SWX��J<q?���������:�Y�ݽ5iw"��bi�\Ͼ�*�>>i����E����|�Vf�����0i�L��rlv&���5�������}���;�
�_Nwk��؞�D� )�5u���8e�f�M�jk��tܦ�]�t�k��?�3V���������� H�-�� '�����t���������~���A�'Eߛ;D�xu닪�Z˵���nS0�<N�Rr}�N�'J�Z��λ=���*�Gk����r�Gi��ǘ!����iW{�n(p�'|"�f��M؟������e$�;\�����qCN���t�U��>��|��]��T�
r�N�%�L�8C��]�j�\Ĺ�z#�b�������[������6"�n� n�Vz�Y�M�Ա��ת�4�G��~=$I����c[��ʳ��z�ջ�k��=�TxL?e�$�'���^�;�^۹W=�9�q�j� �艈��D�V���s���}�wD�������Qc#��ۖ;��U5�n�`�T�I��x�A�Z�ٿWH��-Tj�϶fc�r>��RIld8���=PȻӱ�^Lc�O_�ݛ���$� ��� ��q>.W��Y�g�]��˷��S����f��Hٿ��%ֻ̞om{l߫��g*�5jg�ع�&�
����c6�y��l蛿��S�;6,��� z���:�)�����wp߉4Φ���z��Ȣ����»�Tx��]QW�i�_������qnaj�rq�Sٹf������4τ��
\�=<�������ٸn�Y���ףSƊR�2b��?���K~�m8���8|^���ڎ�כ�������j�{Es����������NYx��^Ը_��yw:ϭh�V�\U>uv-L[���F�� ��.��</�N<��xz�$]������*A38c�Y�����6���=��v";�ŧ�n���f娏�U����J]���G4�ֶ&��7�WN�ZV}��^>_>�S
~�� ���.����E�o��F��Ngk���ͽ?�al|���-�q25����~���`e����f�|c� �6��I�8�4�UĪ7f��仟���Oֿ���j\p��u���q8��l�:��\��y�ߦ~1��4���� p�A�a����Ս��N��w�z���iw"��*�ۮ~WWY��Hl,�-O�~��c/�=�W�\���S令���?p �\��7�6막�(���q�ֲ��s�Lv�D]��5B ���䏃9���wyn~E�խ?N�ɧR�;*bf�{62'����� Ɗi�*���������ÞZ�s�Ğ$��%��a�ژ��G&bf�{L��租�1US*懚#�Y�{��|�͌;U�F�rgKƙ���U�H��Lu�b<�)����:�JzϏ��ȹ�^4H���Ɲ��=��Bɣ���FNE����n~��U|�C�~E�D�?�<i���S��д,�?�}�d�Q?�yM��xUW��O� �>��;�t�㵴�sbc��p������Mq1�0�� G?,�ۼ��m�Gje��=���U4v����-�|)����7� ��|���O
x���6��S��cׅw���tw��?�#�Y�
<�����N����F�V-��V^�j3��֚�MqDGT�<a���'�EܻZ��ܣM�oc�]Q�-�TS_�*���:F���x�Eq�xq�kW+�����G�G�ަ"�?eP
�ᇥ��ݑ�b�*���ã�5N���]��[���=}�k������Ꮶ��[�����6�ɮ"+�Ě5L:'�3U=�����L��| �}�F������W^Ū/Fv-?����j6o� E�6�\��:������طj��eU��{�q����ǚ�[���[���ƫ�{�w�VdcfU����� b����/}�W�|2��w������2p��z���D۫�]��<��3�ٵo��i���:wx7��3
���l���}��d�M�1���@�q8��}��q蘊�p.\���mUO�-L�"�1�y��}.ܦo��u��
��_Jj�_O��ݿu7������t��� �:��������G��Cۻ��Sڪ�+R��6����T��"]� c^`y���-|9��OuN�����LNN��13F=�&~us��ʘ�������`xs�_s��ĝS�ı��<;S����Lяb���\���"j�b"e@\��C�~k8�{|��bj��h�.L�ix�=b�?J��]Ɏ��G�E4�hy��?5�G��w�L�ñ5XѴk&q��i��n���\���Z�#�"�i�<��/$i�i�N��R��N��d��k��'"����h�?Cª�wH�ȿ"�F�ƞ4��u)���ZM��2r(��<��s�<*��t�'� <n[��Z�E5�\M5STu���!�����Į����F�o*�Yzm���5~�Uؚ;s�]Y�
���-�����Ӊz��r~u��5��V.[��>3�֍��������/��kub[�=���Mu�}���\��SMK�������k��ִ}{kk�Mv�f��,�uG�Z{QMQ����H�8\,�li�a�u�Q�{��u:*�<��/Dަ?��+~�t-q�W�nT»��q�j����b��{��.X7�yz6%[s.�_�&�N��j{Vc�`Ɯ1�����'x)b� �{��s��ǿ�.Gk���%�=,|�g�Su�ݺōGNŜ�4�*������jc�b�������GZ��D���D��g���1r��m�븕Y�>~�j'�P��� ��fxu�^�8]�jx��ϭh��B��<��ٙ�L0��4<G泈����ɛv&�6�b��6��3�-�����5ܘ�\�yDSM3�~E�D�?�<i���S��д,�?�}�d�Q?�yM��xUW��9�^4H���Ɲ��=��Bɣ���FNE����n~��U|�D� x]�jŪ�E�v�뮺�)����33��X�r�����b�[��V�3D��4E�)�<>vESb:��j�c���P�B����L�&�v�?v����*��wo�V~]1��}�_gw?Z;�fy�ߗ������2)�b�}x�����b�� �=_q���E75�wN�h���E���j�u��8�SO���`�8�<����GO��Qf����]:F��k������̛���L�n.|�j�?&p#�y�|����s����M��
j=C�''��s�1+��ˎͤn-��(��ڕ�*�2����3*3��ϘM+��>q������ z�:����E:���hy�|�#&��k���D�`�E{?��`v�.�/�zm��ؿ�^V<��۷�
Dp�ҙ�M
�~!m]t��1.ئ����=�;V���>�Z`��'�r��
�`en[�KV�1Da��E�*�|>nDL٘��ڪ���^}$u���ڢ���\�r���蘚j�c�LLyă� ��������Z�>�����\�v�ۦ:�UUO�DG�A��o1������~E;�w[�Q�+�wx�:xz����گ�LD�E~l}"z��?��ʿ�hv�ek���ftyU=�m��YT~��Lp�� �.3�=�+ۼ+�3b�Q9��USk'��ޘ����i������zH=�6si��<^����U�M��h�4�T�_����َ�w*�}�o�|��-�m�:���7p��5�j�R��'������G���Z�+ދn�+p��,~"�;7'/SƉ��.xOL|Z�i��.v�����^��EZ��V���(���i��Q
��� �S��=�Y�o�f���|*�B��J'�MWk��ݏ�E��xxˮrEʇ-QN��V�行��Ա?)du��ܩ�U3?ݘg �����N-:V65��g�6�ꦘ��� =mCMӵlZ�u\l�k�N�E�nQW�MQ1/d�/$\�qN�t��mn�����7�nG_|�śuU1��E��O��ŋ���f��szMT����bW>�i�DQv�|f.����ʀk���Ey�����S~l��
����_��S�U�LEvc�v�:�'���o�Y����^�EQ5蚗\�*���SL�j��O;sL���C�n��Uj��Eq4�MQ�&'�&��E���c/p�,~o�W#/LLj���x�L�Zf)��>7-�j��N�������n<S��j�M�w�G�����\���"��Of�u3�$�m�,|g�tQ�x��.`��p5LZ��tS�V/�DLDŽ�5E5��:�a#�N�k;:���*���Sٱ���[��1�L_�߷��e1��gC�ҵ]3]�qu�P���͵M�l�{�r��uGZj������ ��k�>���w�Ա��7N�^N^VEqE�6���UTϔDB����;ps���[N�F���ߘƉ�.ju�>�#�z��n|)��WN����no�Sq���`jS;D��g�Y���ٔO���;6ꎔǕUD����� �����e7E�%�#M���-'��]h�w&��Ʒ>}�3�mq��jj��r%������vw���7op��K�������|l�v�b)���ޘ�c��U׳v�4�������<5�Z���1g��5Oҹ]S֫��ӭU�3T�f_JҴ�M�Ѵ];O��F>..5�mZ�j��MQLDSLDDDDt�� �ľl1l��ĭ���hZ�=/b�QץQ�nQTt���z���f*��RG=��-���{|ljsw�.�o6�{y:EuOJl��b"i���^��g���ӵ|SUҴ�wL��u�;?Oγ^>V.M�nڿj��U�TLUL��LLt�P'\�n_u�;Kv_����{���3]�2����<~�_�Dž^3*����=sGܺ>����>���6(���Ǯ+�z�q֚��<�bU���3?���s�\8�o�p�]���OZ�Bɮ|1�O�uT� U\� Sڊf�G�no�q�p��s;;[��`d^���9�τ���f�SҨ�#��-X ��+̭��;|-��s�7u��f��]��z�5�F��[�}�rc��JV�ϣl�����ŗ�f��w;.������5U��=#�G�zB�x��}��N)���U�#Q��zb�[��M�s=��鎳=�{4�G�Ϗ����kʾ��nj���[O�s��M=c*�4�>]����D�z�1٦��;g���]+d��"Ɨ�蘶�q,SҋV�����ό���������+
���v=����gU�����U?6�5~��:Q<&���r�� ���g�� m]Wd�
"Ʃ��x�0��/����� ��njLD���K^~r�Wܜ�q�/c����5�;n�S�2�殑MS��۟�\G��Q��lb�\�r���?�
���n7v���v�EUvze�O�Ǫ�ԽGZ'��U��?B}|���ù��ߩ��Ѵl���oW��v��)����UZ���S�s=ffS
B�&�>��_���[���h�2�.EV������{��I��=�f'�'����7>��vΕ���\d����K���Z�LUO_t����� �� �#����>���N�Vn�M1TaX������� ��w�?˥<c��!��Q{npқZ�q]=h��W5F������l���<��.����ڍ7��&t��M6qfh�b}�]�k� <��<�m�S;��7�un|ɘ����b�Jz��}^�U��M��� r ��,�S��a����v�黪ۊ)�E�J��3-�G�U]�3z��c�[�������_3��ڗ���i�fj�+�Uۢ>]�����XzQ�-OyN��/{�l:���s�4�9t��_W��}=�j��*�N%��2[GQ��w���Ɓ�="�9SS3>�n�U� �V �ĝ�g`p�so��Q�iz�fJlڪ���b>�dG�}w�k�M�v���څ�]6�u�]�M�k�������N��x��}g�ݮ���5�m:������~�;S�*��g]E��މ���"�Y���mabۏеj���~�i�k� ����u8k�]�՝;3'V�=<(�l[�h��Qn>���� �u�Nܚ��u{{TĽ��nN��&���i�a�N��:�x��������v����Wr#�U7��Gj?�GXm���M�� ���q+�}�:�f6�jzxW�8�oW?̮�}q �N��;� ��g|X���H�Ի1�3z�5�?d�1�;?r�?���l����^��ei�c���rn�D/��� @ DI�g�r�j�^���0l�}-ޯ� �.�ҙ�]�\������ݸw*������ �P�s���o.�vz����r:���Ƿ� �^"��9v���֬�3����Q��1��_��D�� �c0=O��y��������2-� ���L�]��l4[4DD��U����f���W ξ��Y�ힽ}SrgY��۳_� �\!ߢ����*���ݹ�)���ħ� e1 E�I6�{R�gW̵Gj�+U���O���z� ���)��ͱ^��Lj��3z�ZNU�qf��)����V������64Ntv��3��:��nfzGj1��������_[^Pw�?
����̿��an\+yW:�{�ś�}Qn�R�( zZw
�o�-Łb���ZN��W1=c�8�ߘ� ���_[^ow�?y��v�ÿ�bf�\�x�:�<{7&ͪ���n��z6���o+:Fe�;4꺦��n}������e)��M�sg��ý
���v�*����E������b������ ?<�r�\�ɵM�7��w(�:�T�t���L?@�=���n&v+�����`۪gƪ-ݪ-���b��~0�˖�)c�[��rb��wDǻ�TO^��S��Q��]��S���?�~-�<P����o.�*�i���X���zyv�Ug��h�||zI�B��j;Swr��j�FG�E�]Qּ[��y4Q��[����R: U.t~˿}� |���.����֩���_r˝���o�.t~˿}� |�?�ܟǟ!��E�'��|���.�����G�����c��}��y���_r˝���o�.t~˿}� |�?�ܟǟ!��E�'���u�N���z���r��7;+��\��=�^���.�=F��f���=��ӧX�U�5��Z��f��1v��[����ST��OI��zON�է|�?�ܟǟ!��E�'��������-��r�M�Vh�v�ut�i���~Q��r����_���1����<�z/�?�;�\��~���3�r����_���1����<�z/�?�;�\��~���3�r����_���1����<�z/�?�;�\��~���3�r����_���1����<�z/�?�;�\��~���3�r����_���1����<�z/�?�;�\��~���3�r����_���1����<�z/�?�;�\��~���3�r����_���1����<�z/�?�;�\��~���3�r����_���1����<�z/�?�;�\��~���3�r����_���1����<�z/�?�;�\��~���3�r����_���1����<�z/�?�;�\��~���3�r����_���1����<�z/�?�;�\��~���4�����S� J� ���1���[�}c�{� �}��q����t�<��1� "��O��� L�?���O���Ɬ� �^���g��;��� Z� ���
s��8���klab��wN��1;��S3��%]����b�ys�F�˯v���oMZ|z�-3ٜ�:�ѓbbf#�V�#��Uٟb�U'��Ү�>x��0�_z�҈��Q�����i���~��<(�m-շ���ҷ�����:>��k;*�������T�d�y��K�*�����)�ʿu���\����.DSMuu��L�v��v�{j���4B� ���j�u�x6����y�}�ڠj��}�Y��j���Y��g�
���g�u�x6����y�}�ڠj��}�Y��j���Y��g�
���g�u�x6����y�}�ڠj��}�Y��j���Y��g�
���g�u�x6����y�}�ڠj��}�Y��j���Y��g�T��ԟ� �?� 5������ q��ޱDo�k� �_��X� �_��:ոs�-�bjV��Ȣ�����ۿo��SW�Olu�|&]�q`o�q?3i�u_ӵݻ�E�\�z������ʱ_�����LnjO����]ǣ��=���F��0x��qh�[uQҘαتzw�GЮ|�5Q3�y��SF�KfE�:,`�M�Uh���Jnǜ�ޘ���)�
��TUS;oq�?�^*��=������|����]���Un�gº*�f&��Mt���"+rIϦ���@�:1�� 4�sR����ɢ<*�Ě��v����U���u��uJ� q�=�H�9�H�#��#�t�s�V�o�M��V�:&c�"jV&曡�ϙ�D�S��4�Z-u�«�)�Ut���sǡr����[_"�o�-q��xUN�jz�9����^��uǗf��)�?�<|�~��*��뛇2��Y�Us�U5�ʿ_��UTόχ��D�&��1\U��5��ۣy�����Sֻ�j��DžSLDE1Қ)���nO�Tѹm�s{Q�|��Z��c>��M��[3>=�3�>���>LR7�\$���֓Ý�jgM���Et�\�ȫ����?J��z{#�1��#��#�t�s�t�q�=�@q�=�H�9�H�#��#�t�s�t�q�=�@q�=�H�9�H�#��#�t�s�t�q�=�@q�=�H�9�H�9 y���js�ι�N>��p,�p�>�KytDxXɈ��S����G��u�dp
�4n)��Ċ1��ն��۹�ǿf�VoZ�'�ݵr����u�U34�>p��L�-cxb�����]pS��>�"֟�����k��㥩����*qϗ���*���G���TU��<E9�5��[���_:*�M^��1U|��U��_�����N��t�=�ڪi�G��mx�b~3֎�Tπ6!����ų���k'&�7l\WE�*���MQ�11111�1/ٮ� -<�s��v�͟�����yۻ�u������11]���������U5-'��[8����qP������k��\������m�SDS��-������5�#_�q��T�2��,eb_�������3MQ�{� ����#@�r5�{T��p1h�/�eߦ͛T��u�1M1���r��p1oggd���ƷU��Qn�c�UUT�DDD���DBq� ���g 1�4���+p�M4{��>��zM�ʢh��Eϳ�V��s��4��7��H��s�knh�U�? ��zff��G���M11֚i��7�϶6~.gy^����}mdn��.��>� V��ɹ�zڏ ���*�G�x��*���V�ۿqdU"��^�v���]�r���Dt�US�<��yv䫋��ݱ�����;�oP�TSv�o�Z���c�|&���p3�����)��G����S���DEY����\���_*)�M>��32�N6�.:<kz���;�>�g3S�u��D��Ɖ������U_��t�$p ��_�]����n�3EtWLM5S1�bb|�^`"�����[&��.�w�_oO��^�z����O�� h���(ŎF���=W��U�äٙ��t��;1�UZ�;�#���TDG�zJ�P�x��.gܿ�>#�M�znu�gOϹf�ڣå�]{���]3䕜:��s_�-Q��i����1��KM�l����tu��EI����~(M˻��{WȻ�V]�:h��/���}�#���]�� �ޯ'lk�mUW^͋tec��^�����s�=8zmt�k|r��f���J��O���4�� ~]��e��Ο��Y�Lqk�� vE=�ź潭Ɯ<�&|-�5Vf��:.����u\�E'���A����ܻ_�X��?�e�ݾ��8Y�L�wk�� nEn���8zm�kc���z���U����ի5u� ~��Iƺ�z� vE�sw.��6)v����.W�4����oOѪ�5G��v������_L'5���x�J���l�L\�t�Y��>��O_�4R�|F�W�ϟo#��Gܛ��W�ŝC>��v����u�Qׯ�ǚ�6���
�;�X���zv�_̣����$6���_6��>��#"�t�.�5�}���r~ځS|'�k��,Uc/e]��M鎺��3�GfJ�UG}\t����y�7���~�6���վ��]��z����q�~f7Y��}�&�HJ��Z�j�-�nݺb�(�")������ ��
// note: this file is poorly named - it can generally be ignored.
// helper functions below for supporting blocks/purview
function saveBlocksImages(doZoom) {
if(doZoom == null) {
doZoom = false;
}
// generate 960x500 preview.jpg of entire canvas
// TODO: should this be recycled?
var offscreenCanvas = document.createElement('canvas');
offscreenCanvas.width = 960;
offscreenCanvas.height = 500;
var context = offscreenCanvas.getContext('2d');
// background is flat white
context.fillStyle="#FFFFFF";
context.fillRect(0, 0, 960, 500);
context.drawImage(this.canvas, 0, 0, 960, 500);
// save to browser
var downloadMime = 'image/octet-stream';
var imageData = offscreenCanvas.toDataURL('image/jpeg');
imageData = imageData.replace('image/jpeg', downloadMime);
p5.prototype.downloadFile(imageData, 'preview.jpg', 'jpg');
// generate 230x120 thumbnail.png centered on mouse
offscreenCanvas.width = 230;
offscreenCanvas.height = 120;
// background is flat white
context = offscreenCanvas.getContext('2d');
context.fillStyle="#FFFFFF";
context.fillRect(0, 0, 230, 120);
if(doZoom) {
// pixelDensity does the right thing on retina displays
var pd = this._pixelDensity;
var sx = pd * mouseX - pd * 230/2;
var sy = pd * mouseY - pd * 120/2;
var sw = pd * 230;
var sh = pd * 120;
// bounds checking - just displace if necessary
if (sx < 0) {
sx = 0;
}
if (sx > this.canvas.width - sw) {
sx = this.canvas.width - sw;
}
if (sy < 0) {
sy = 0;
}
if (sy > this.canvas.height - sh) {
sy = this.canvas.height - sh;
}
// save to browser
context.drawImage(this.canvas, sx, sy, sw, sh, 0, 0, 230, 120);
}
else {
// now scaledown
var full_width = this.canvas.width;
var full_height = this.canvas.height;
context.drawImage(this.canvas, 0, 0, full_width, full_height, 0, 0, 230, 120);
}
imageData = offscreenCanvas.toDataURL('image/png');
imageData = imageData.replace('image/png', downloadMime);
p5.prototype.downloadFile(imageData, 'thumbnail.png', 'png');
}