block by dribnet 2b5fdedb10367f0db717755169946832

Updates Available

Full Screen

Creative Coding 2: Custom Pixel

Experiment showing how to use noise and back to front 2 pass drawing.

index.html

<head>
</head>
<body style="background-color:white">
    <table>
        <tr>
            <td><a href="artwork_1.png"><img height="29%" src="artwork_1.png"></a></td>
            <td><a href="artwork_2.png"><img height="29%" src="artwork_2.png"></a></td>
            <td><a href="artwork_3.png"><img height="29%" src="artwork_3.png"></a></td>
        </tr>
    </table>
    <a href="render.html">render program</a>
</body>

purview.json

render.html

sketch.js

small_kea.jpg

����JFIFHH���ExifMM*bj1r;�����i�HHAdobe Photoshop CS5 WindowsSabine Bernert© Sabine Bernert�������http://ns.adobe.com/xap/1.0/<?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?> <x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="XMP Core 5.4.0"> <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"> <rdf:Description rdf:about="" xmlns:xmp="http://ns.adobe.com/xap/1.0/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/" xmlns:stRef="http://ns.adobe.com/xap/1.0/sType/ResourceRef#" xmlns:xmpRights="http://ns.adobe.com/xap/1.0/rights/" xmlns:Iptc4xmpCore="http://iptc.org/std/Iptc4xmpCore/1.0/xmlns/" xmlns:photoshop="http://ns.adobe.com/photoshop/1.0/" xmp:CreatorTool="Adobe Photoshop CS5 Windows" xmpMM:OriginalDocumentID="CA22218F814CDC1AB585E099EAA2EDC1" xmpMM:InstanceID="xmp.iid:03BA27A13F8B11E481F99BD08DA51E66" xmpMM:DocumentID="xmp.did:03BA27A23F8B11E481F99BD08DA51E66" xmpRights:WebStatement="www.sabinebernert.fr" xmpRights:Marked="True" photoshop:AuthorsPosition="auteur photographe"> <dc:creator> <rdf:Seq> <rdf:li>Sabine Bernert</rdf:li> </rdf:Seq> </dc:creator> <dc:rights> <rdf:Alt> <rdf:li xml:lang="x-default">© Sabine Bernert</rdf:li> </rdf:Alt> </dc:rights> <xmpMM:DerivedFrom stRef:instanceID="xmp.iid:8F6B30FA9131E411926496B249DD89E3" stRef:documentID="xmp.did:b5df2860-f157-ce4a-84c1-a7c23e020dc8"/> <xmpRights:UsageTerms> <rdf:Alt> <rdf:li xml:lang="x-default">Sabine has granted permission to use on the DOC website/social media. We may crop or edit out the watermark if we need to. When using credit as: Caption. Photo © Sabine Bernert.</rdf:li> </rdf:Alt> </xmpRights:UsageTerms> <Iptc4xmpCore:CreatorContactInfo Iptc4xmpCore:CiEmailWork="sabine@sabinebernert.fr" Iptc4xmpCore:CiUrlWork="www.sabinebernert.fr"/> </rdf:Description> </rdf:RDF> </x:xmpmeta>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 <?xpacket end="w"?>���Photoshop 3.08BIMOZ%Gt© Sabine BernertPSabine BernertUauteur photographe8BIM%�TƬ(�
�8��^%�\�����	
���}!1AQa"q2���#B��R��$3br�	
%&'()*456789:CDEFGHIJSTUVWXYZcdefghijstuvwxyz���������������������������������������������������������������������������	
���w!1AQaq"2�B����	#3R�br�
$4�%�&'()*56789:CDEFGHIJSTUVWXYZcdefghijstuvwxyz��������������������������������������������������������������������������C		  ##########��C
#################################################��"��?���a|�N�hQ4��ċ�.`�:D)s������\Dʔ\C�Ӹ
H��%+�B)�wqN��M+��E�i��%�qE+��)\ۚw�(�q���J�D�M2����\c��L*���?W3L���<��R5��UqX�,T��:.!ꔮȔ\,N��i�ö��"���E��b�0XB(�E�a8��!	���E�i�JҸ��+�b�0	��`�0>a
-O�ٸ��D��y��1��L���N�3V�X]�W&�KS����
�y���t��bE�U\D����=@�V%\P2A�."����
�p�f���f����C����A��u5H��%�c-�c���=ϥREr�	5X�(��F�����0{t�ʻ�(���n�m��ٶe"A��6��������O
–�E�G$��L�ֲ�$���X����!���Qq+J�4�;��yy��;	��)p�Us<�SR1���4�\L���w$����בs�P��ࢭ1��h����E����
)\��S�ƑBd�*����BF�a0Xc�9 �qT8����ڮ���Ł�^��9��.7��<zU��q>"�E�[we�~U��e@@�y`*�1g7/���%K��<��Q��n3��ޟ"&���%���-�ۧ�X`m�E�Asw+
��U�����e�]F�㾆A��3��8�Gׯ֦�z7�|S�	^�C2s�q�9�kS�d5c��\�
��i�CJS�i�bm�q�+E��pU�T�2Ӹ2�i�
�����L�U�Ӹ��.�w��$�
�1i��؂��%���1L��
ʤ�~�v��5I�25�I#T�D�5�$Wou�O>�蔺�����l��^�,qn#1(A�r�@�[=�[R�P3�_,;����Q�%�9��Q�(�n�|�r?���}3�{N�
:K�#��#��0̓�ےp�&�Rkh�,#8�P�28秭JL�w�/`�͸�˷��vU��*�P��/$�Mj��Eǭ��������Pl��(�j�a�i��m�a���&*��U���l(�����:�Up��P(���8�`��wBҸ(���E�\R��G*�Y��j�o`*�$�H�8ı�쭀W�f ��MT���Қ2~�u{z����-�[{0��$���]��d�Q�lݵ���;(�@����X7���;�g8^��`�L�����3@^KЌ"l�7���?���.$	*H��[�&�V��P.v�˒	-�Z��Vx�e[[\%e��p]��BQ�z��]V�ɭUnQXȟ#��+X��s_��8��+{(d3��8fq���<���O^=뮖�=C׼+�I�h��!̱���G�1��yx�Z���tߺmb���LB��0�U�0�0(�R�V���)�i6Ej\����f�#�p4���`;4Qր(�
w�)�b��\Qq	#�$`�:�Ϊ1o`3.5�Q����2�\�{�g����]I���jښZ>�>z!|�PH9�A �OZ�I�d�,��ksqo��a)2B�D�dW��?/g��i���cX���!Qoe��,9V*��@W�wc9�x�hrwױqx5��";�',��WF1�Z�!�Ki��^VI!XP�<mPǝ���d�[�顛F}͜0�F���HĨ��U�;�p;qTI�5Y�f��-�!�d�OrI憅�u�����P{�Ѿ�
��?0zc�eV|�w={[�lSú�1D���b�6��r}��zji��-S*��A�k�O,�<�aO]��c�q�@5�6w���������\w,B�\��q�+M0V��ݴ�JҸ
"������0��?���x'@�L
8P����B�H�)�L	7P�-�@
w��7��a�8�zv��[B�V;ww����Fn�ʓj�.����H���շ2���P�W�s�'K���� �J�Nr���z��vN�l����*\�H�U�1fc'�����v����V�wa����j[-�Mҳ��H.y�0T�+:�7u��63���Y�qc:�e.�)�B�$��T%ʵ*�~�f�\5�\o�p�QJ��|�ϭ\�:�ڙ���@0HQ�~Q��<:��\�7�tӣ?gR�O���
�^y�!�ĺd�L�a$n2���zu���Cb=_�%��6�cB�����V��>V݌v#ڹ�/D�z6����77 ���mꤩdq�\�FGW,d��AbU�B"�EU@�p�T��ҴX�L���`V�
+@ƕ�CJP
�`4�!���햼r@(�P������!v�@�<
��ut����F�tPd�5ݵ[��h���k�TU��t_�$rL�|�B�2*2B��O,�r �0h����OԴ1.ad/��a����%nJ��zqҲ�o�~D2U��x1
ޟ�m�Vwmb��j��LV9���hwP��<�T�_�嗖��8'��UDպ��ej:�����%�xeڐ��Q'�r�5��)��m�W��'�����pGM��%�)3P��7|甀_���8��Z��M���ۡ�Q���m*Ã�Onx�I��7'f2
��w�?֬B�	��(�gm��P_�1�HG�l�šl�<�n��Y���;s�s������`Θ��A���n)��i�Ҵ�a�R�hҴ�0�W�(�R��햼#rU�	�@�8-8-0�FU槛���o�2L@�$t@>�x�;WE%ʹ�X�㿿�v�[1�y�y�r�I��x
�H�L�L��jZ7} ��%����#��
�v���"���wUn|�I�Np��-��k�߿��I�/'�!�L�.Gas�|�ud��
���:Rpi�ɫm�Ж���m}sa����tۼ�A����01�W�U�#͵}r�����7�rrW��A�v�Z(���&s3O4W����'�~P�6�y5�C2ܚ��������gS�%s�ң���s�G34��y����ӵ��>�P{�>��\/��r}��†�)�$�<˅D`_I�>�w=#������7S��ۤ���;��bR8 �mÎ���UI4�{-��v�����,i�N`d�w.�@&�`4�n�i����Za�ii���R
B��)����W�nH���TP2AH�N�<S��L]_��?&
w'ȼ�!�|����XӺ��G0�6ȪT��7<��Fz�WJ���"�V��D�,C"odU�B��V�$�zu��&����o��u
Z��.�p����Fy9I��YM��[EÄ[k�ڷ�6�������i��H��s��QQ�F��k����2�!���$��y�Q�K�˹��k}:7��"���I�*ۛ��o2Dc�1�q(|vdq�3�V�IRW�����P�dx�v�L�ۗr��Ǘ�ǿ�E�\԰V��%.���ʼn���
�ޓ��mx;@�[�-����X]M�m��$�A>�5%��>�X�Q*(
�8�
�(�Ji�a�M!�4�(�R�I�c
C#aH�����W�nJ$Q@�+ BY��6�i(����URp(J�sߌa�Io��e|��=3� ��9�ǁ�kxҶ�ר���2/�n0�K�1�F�x��?3y���
��_���w��6��ic��Gm�p��ʮ)�G�m�����uW�‰i�s胁������7�:"R6P��u�֚��2��Ռs�3�+D�&�U5c��4�F�܈�\�o9���hǦ+$�����W���߻�g���'���Z�J����ʥ�e�GF2P`a�GCҞ�C#ft�ǔ�d�� �a�ך,!��0�!�dӎs��p�����'
���~��+��2��$���s��R���Z9d�映T���8,cQ�?*��lR=����h��
4i4�a�4�
%!a�MICM1�2)���k�7$R�P��
�E�%���b�WϼY�@�U�􂚭�#r7�:���=� s]����FN�u��H�߉��U���J�Yq�N�}����c������s9�Ӳ�T�Ro�U�F�l��+��]����k	N-��s%Q+�;i�r�����XFl���؀�q�9���(�M'�{����ʛS,�+�T�v��������m��3��ص�N6���iD���'h*�����8E_��4��C�\Ь�-�-D��I�+�$�(N�[��:WMX�.�E��z��Ӷ� 9000q�OC�ֲ�[c��'�]Cy���[�95�b'�y�U��HVm�	i?{���(v�Љ$��26��?t@a�>��;һȖx��7��d���cލ�	�`I�fи<�=O�\�Zq�I #���m#9ǡ���*dz���iڕ�.�eHT�/�������
�����I��H�L�M0h(��;�H&�ƓHɠ�����+�71��iz@)+�q�o-�=�aE��v<�ğu�å���)]��Kp?*�+̇#�u=_SԤ�5�o9y@�V%G�tF)m�
�/��[Ta�jD��M�jgϛ?��½�>��jܺ-�gQe�\�3\\D춒6ֽq��02�鹸Q�F{�q���w�����w�!�j)*�V�-�����+���"�����Q�s9�i��e�.���@-�s��i{T���9juzw����R�Y��`�q����N@�1����k��7v;N�X�a�&[XR�(��r}+
^GB9���0$4�r���#s�c ּ�o�9�G9��E{2�O���O}�l��bћ��rw��a7nV\q���1�Ce)&��+�)8!���?J�!��)-���p�ApJ����{��<3DHq�O<�A֝��8Up�32�{d�{��lC��}�T`�������h��}�3O
ݹ%�ݷ,0~X�H���_��z5�Ɠ@	�Bi��!)��4��
a((Bi1&�&��R��ɠɠ���o"���H����LWv�� 9�J�)�'ylt%�8c������I�_��r@\��c��ץ�&�z���Ʈ�t�6{�O7���Y6���MGvM�-�'m���o����#n����؍��'94�ծ�!�K9�M@ZƦ�xce�s�p�������Z-v��Vl���q��<H�on��C�1��«�7)ϧo_L�x'�ԟg��j�4]%]�u/�젻�Gݎ8��3�ri*�O]���������Ź���h��Tܳ��gi!�$������c��m��l��ˏj����'��s\� �`���:��[a-�'v}�Jv�T�����,�=q�u��*�\�&x�89�����1LC��dܬX�9''�[4�1߹bA볜g�8�q�G2�ī�� ���B��+��Ŀ��$�ׂ1�i�El�OV��7=ϭP����%fU�v9<t�R�����C��eTh��v�t_���b�q�As��s�!4�ni��3@!4�h	�@
&�
4C#4�g���ּC����n�i��tN��Ic�o���9u���x�o�3K�鐴G�Hb�'#�[���8(���K�1tτz��ˬ���?�����e�Ӆ\�#i�cZK����D��A��[5�ӠĹ$�v$�s�'޹e''vQ�HZ/�m�y����`���k+˝O�&�ѕ�v/,:�֐�ޡc�5�c4��T��pOc�Y���Ć��M6�PV�,-2FN����s���v,I�r&���F�>XaUf�O��4��h�Q̂�����ב,ɦ-�9 -��cJ ����w��X���:��$1�w�,�6��Zے忺�#�Q���x�U�aٚ7��F��
�{�1�r㒰��UL��B�؞�F���[�������r�%�铌�����V�wË��K�Wͷ�C\2��1�1�����Bi��(7`P�)��}�ROE�g☴�Sc�[�Q���#k���ԌS�%8ۯA'gs�DtWF�2�A���E�fn��&�
���%4���M34�MƓO��2��Z�FL\ȯ$��!��%�Dbt5���}����+�:c<P�	�"Ҹ����E�?h��<��_��\5��i�m̑��-ݺ�1�����XԌ�E<C�����8|;�_kn�H#�Xل��=�ז@�|�QÆ|󍾦��U���L��|Mѵ�Ŏ���܇h#�E�S�������6\d�-\<������8ǵsuP�IH�]C)�
4�j(U�S��x�ё�20*�FA� ��V<���_*}uӮ�JH��u�T�S$/��7�{n'�5�	��·����0�Z+����@Jy�k����!����(���m刃2�;rC�&��Ү�����Ws�l<m���7���
���C����kX�K���U�]
��!���J�
�w�W�ӳVf��X�1*:�dn*G��ӳ�.R��4�������[��1PJ+�Pɍ� �3Z�<ҿ�}~�s"�u�
Q��ܑZ[�H�d���+0���kx�5t�3u❄{�T�<ӎ����w��Z���t�2pF
3�Z�fn�DGX�dC*�r��0?B*������ʻ���5�p�DJ�b�ˈ���&�T<��ֵ{�x�l7C�\��*Ir����:Rj�%n/,.p����J�^�
ؿq}a�R|���{�}s�qꈹ��ݿ�5��?��%���n��Yc��27�}�l�<�y�%<����*�ho%�е��k|��k.2$�}GZur�%x��8�ݞ�^���6��[�ؙLi�o��UGVV��伯ȉW|�lhǭY���6�-�|���.�y�>��\O	R�+����%�u;)J��˼�8�����J���c�q�l�&��ܨ�[h$��w�*��R��G�h`y�)�&H����F>tU#�r��N���/m;��V�0�r�J�p%��#�P�y'�C�T]����!��U5��Y��R]]J4��a���cē�U��p2�����:���M���_��$�0�6Ց1";�u_\�~���1�U�8-V�5+I��}_H�Z+��%�.Y���߂�gG�K��߱P�#��ѵ��vi�=䖐�̆�P6N��(#'=I�E���jXx����W���� �8�6��\/���scoPt �n�^���@�ٝ5����\iL�ĞT7*����1���]G���p���gK�?��4P��N)�'ԥ�ʂKwpX�7(�l�,}Aղ7�M:+8P��o�ޯhCʻ�������uV`�@9�p	|_#7^�X��H�V����=�!�9�0����ȩ�\����#�r/ZO{�h,��@��$@� �f�稩�]+j�cx����ƥ>�7�[OѦQCl�ł���,��0w^X�V����B���q�����ئ�~,�/.D�w�r
��e@Nᜮ9f�U��%oF���_K�ŷ����|����!&r�pP�'�ݧ֫�[�u7m�9�8�H�0ʸ��\���i�"E9�s������� N�1�nf����8,�G����� ���q�#�s�'I����XD���;K�
A<d��u*$0bE��;�!F%�\NK�'�����Թ����[*;���3�@73�A[B�bf���ڮ�oss4�lj${��e�N�.Ny���8�f�di�w�&�muv�n�hbng�F]�p�W#��9�S$�Y���j���_�������_d��Ev-*��0<
q��&I�x_S���i�|��ܩn��eG]��c�����29z4�k�j��3��	�NH@�����`V)-�$�C�������-�T\��3!0D�mU��Sf�ث��t�B�&��\�	`pb!H��2�'�qC�z=��!�ƞ�����b�#�A`e�=�=j��²fl����U�lI���
�N��?�f��t��Yu��ѿgk�u)�]J��ă�X�n��8�W[L�.����L\_�G�:,���9$m=y9����&�V��X|��J`�2C�,rw|���O52Z�w-Xj�]��Cj�R����c~y���
�
��%�R=�ib��y�$`g�

�7&h,���!���w� \�OS�c4�%�M��DU���^B�fu&BN�;�F{dj|��mo|G�h��Zd�t�<�7<���Tػ��{�b�Ϳ��Q�d;	w0=OZQH�H�p��R��0��h
�ő����Tu4+�ocB��dwkw�(#ROv*9� �s&��;���3,q#>���~Ob~�X��ww�A=�"̲�WU��1#�Y�������^�q<Q[x��P� b�Tz�)H�����\����E;��Y�H�[_t����u�(,�bF�����Aa�hwݔ����$m�:����[ۚR�[��RG���2J���R��1�S �皘�����'�|ig<�Z�ka(�V!ذ�pT�
��l�3ZmX�H ���ygڄ����=���L�M�w1��;Ϝ�B��`��S)�\z��ϓjKGԶ>E�Lu�4o�7aO��N�J+yE�C9s�m��!B�Fx��
H�U���Fq+�H9���S�\��q�)���\YGcK�X�V��?S�]��0[��H@�@�v�(�o�l:Mi���͉h�2�s�)!s��{מY�V6#���H>�$ks��3+)V��q݌d�?
mXw4.�-\
��yB8bz��J�Z-�af4��tx'�����XI��4�H�%��[��������㺰�2�P�x�#H�&ľY���hQi�
�[̖�еܳ�m�>����=MTt���nQ�o0��=�Ȯ�v.
zvi-���֕���BC�՛���Q4lZ��Ⱥ�$�
.	��~pT�c9
�s��2K8��%auHٳ�tϥ7!$:�I��s�t�(L!�m>}�R���4s�/u���c�tRsӥ4�dY��?(�iZ�h��LbV+�L
���+��N��GA�j�E���D��a�-��J�z/�bV5��.>���B��:Xl�����g�J�\7P��@6���#�fHe櫡��u��1O�NHHo��؛�A׸�b�-<α��=)Xv#��H�B:��J���o�ѐ�G��#�c�{�D6z�����k�z�҇qɨ\�����C����lⲒ�e&��$�F۸�I����mb
[���$e��RR�L.�����O�V*���
8�h��6�����F�*��Mj"��:��(�z�Υ!�[�g28;��zsWby�����������Ch���˦�����qI!�s�(�P��� 9��U����T�S!��諚�1Fm���

z_color_helper.js

z_hsluv-0.0.3.min.js

z_purview_helper.js