This is the code for getting started with PS2. The drop down
selects previous saved settings. The show data
button exposes
the current drawing as JSON so it can be added to the code.
Replace this README with information about your alphabet.
<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="start.js"></script>
<style>
body { padding: 0; margin: 0; }
.inner { position: absolute; }
#controls {
font: 300 12px "Helvetica Neue";
padding: 5;
margin: 5;
background: #f0f0f0;
opacity: 0.7;
-webkit-transition: opacity 0.2s ease;
-moz-transition: opacity 0.2s ease;
-o-transition: opacity 0.2s ease;
-ms-transition: opacity 0.2s ease;
}
#controls:hover { opacity: 0.9; }
</style>
</head>
<body style="background-color:white">
<div class="outer">
<div class="inner">
<div id="canvasContainer"></div>
<p>
Links to other sections:
<ul>
<li><a href="style1.html">style_1</a>
<li><a href="style2.html">style_2</a>
<li><a href="alphabet.html">alphabet</a>
<li><a href="interactino.html">interaction</a>
<li><a href="exhibition.html">exhibition</a>
<ul>
</div>
</div>
</table>
</body>
{
"A":
[
true,
false,
false,
false,
false,
false
],
"B":
[
true,
false,
true,
false,
false,
false
],
"C":
[
true,
true,
false,
false,
false,
false
]
}
���� JFIF �� C
�� C �� ��" ��
�� I
!1AQa "2BRq��#Cbr����$3S�c�Ds�������� �� 5 !1AQq��"2Ba������3Rr��� ? �X -��������h8��i�ozŶ��#U����ߤ�<S��zϏ�y��sv��>X�N���y��u{��[���Z+�t�t���
���C�.Yp���U�N��ݚ��m>�z�:^���i���As��W������p×��cU84�� ����?���7?�v��ϴw�7�=�'w��/��=m��Q?���G�z?������>����{����� f}�Nq���_�}7��k^�zs�����+¼����=��v��'���/>>��~��8�;9k|�|�߶�8�f�uS�K�{ا� K&9q�si�Z>gpN��x���{u�E����k=�w�tE#�
��-�.����-��8{�i���Ev��#K����Ӭ�<���{O��� -���܊���h8��k�ozŶ��#U����ߤ�1O�%�>>@�#[��P9��N],x'l��<�ֺ�����z���:O�b��c?v��g2���ә���/��ƪpig� #w�����\��+Mx���3��'�5���}<��t���܃n���3���`�����K�E[u��`�O�wvQ����,b�����t�}Eok�ٟw��S�{>��Ʋ_M��Zק��
�p�4�gŶ��18gy��w��ݴ�����KϏ�(~��{As���������oË�igU9��� �����w�[��P9���-3�'l�
<LVڽ����z�5��;Ϻ"��e� ({_r+��à��-�ۼf��w��.�֟�N�4�>�w��y� �Y��ٹ9�U���.��Q[c�g����M�>�G����?*�/�!zy���<��?)����g�k趭7L��dLJȧX�^�{Mk
ns�_7�ÓQ��Z̜�7��hv�������Dt��DŽ֝�LxL[�`x�����w�_qf��ݷMu�&}V�,���gY���H��
X �.Cv���'�����fN0�LRt;�i�F
u�F�zڽ#�+~�"<"+�����hnX��d�����[Y�o�ڵ=1�4s>.�g�z�E�6��z�.[B|/�\I�[�K{�m;����K�izO��y��Mg�Lu����;&v�ٹǓK�ɍ.��SZ����4���>�_��O�~V�?V- ם}�yc�M���q]flv��j�tɬ�Lx|�}c�z�M�5�{z�,�k>ܻ/&�j����x�+lz�����i�����fh� OʿK�β8�������_qn��ݷMu�&}V�,���gY���H�������n�os����`�d����#E�f��j)�����i�Zwk1�1o66 $�
۷�ܟ��f�
fN0�s��gS��_�j'���xEoެG�E|�#�h^X��d�����[W�o�ڵ=1�t}|?I����_�f՟o_�U^�$���I��%��6��CxɃU��4�'��<�|���&:���7�1/�gn]���4�̈���g5�=6z�sK�Z#�u� /4� ��o��c- cm�����_����q�� �~/5�3��g�m��z�3\q>����IOm��V���ۥ9oYŻ�-��ef<p��|ǝ�W�� 3Z�r�ϖ��d�L�-6��=mkO������Q�U�&�U�&lٯ92d�i��i��i���p ��˚�;^����t{6���T�����:�k�~�w�Gw����:�i� ��:�1�o8di���H�SOy�ʖ��8�f��u�מz}H�.�~LYp�q��jZ<���U�%/�f%>�Q�� ����
р rŗ.�͇%���h�/Y�j�<bbc�\@l��m+s4�����_�ZV1m�{t��X�9f_�o�~� ��V�����\��Z\�0��xɏ&;MmKD��DnjLO�Kk݈�Sc��gq������ۥgr��J�SX��&b�"=s[y[�O� 0���m+r� �|��6�_�[�qn��u��Y�8�?_1�o��� ̛v��M���%������o�g��^�;n�z�ڛG��15��[���P�5�Y�j�Y�f͚�&L��Z���6�����|˗.|�͛%�d�i��i�kZ|ffg�\@ �,�����>QX�*��s�Zmy�����)O�1 84z�W��oh����X���>�'O��?��9�o}�o�瞟R;�˪���Qx��M�7�k������M�bˆ�6;R�����Վ���� <