block by wboykinm 7281483

7281483

Full Screen
  wow
         such voronoi
                 html5
     many cells
                       very convexity
   so tessellation

index.html

<!DOCTYPE html>
<meta charset="utf-8">
<body>
<script src="//d3js.org/d3.v3.min.js"></script>
<script>

var width = 960,
    height = 500,
    id = 0;

var voronoi = d3.geom.voronoi()
    .clipExtent([[-1, -1], [width + 1, height + 1]]);

var canvas = d3.select("body").append("canvas")
    .attr("width", width)
    .attr("height", height);

var context = canvas.node().getContext("2d");

d3.tsv("shibe.tsv", function(error, vertices) {
  var shibe = new Image;
  shibe.src = "shibe.jpg";
  shibe.onload = loaded;

  function loaded() {
    canvas.on("mousemove", mousemoved);
    render();
  }

  function mousemoved() {
    vertices[0] = d3.mouse(this);
    render();
  }

  function render() {
    var cells = voronoi(vertices);

    cells.forEach(function(cell) {
      context.save();
      path(cell);
      context.clip();
      context.drawImage(shibe, cell.point[0] - 90, cell.point[1] - 115);
      context.stroke();
      context.restore();
    });
  }
});

function path(cell) {
  context.beginPath();
  context.moveTo(cell[0][0], cell[0][1]);
  for (var i = 1, n = cell.length; i < n; ++i) context.lineTo(cell[i][0], cell[i][1]);
  context.closePath();
}

</script>

shibe.jpg

����JFIF��C
	




 ' .)10.)-,3:J>36F7,-@WAFLNRSR2>ZaZP`JQRO��C&&O5-5OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO����"����4!1AQ"aq�2B�#R�3�b�������� !1AQ"2��?�2䒧��QK���hH1^t���WZ�;�ܯױ�gc���^�W�'�g���Y�����~���'���y3��>����db��1�9��m{&�6A�i������j���;��'FX�e�*h�� �$�H�$��$�Jv
-��>�I�&�}d��Ǚ������RI$���r@*K��pM�&F2�3���,����.��9p�~i���1�1�bj �D���JҀ�ٌ!��_�f���43P�5&�f����c�p�?8W�gϼ^���:�R���;���	��eP�N��;1{����I&�I$�$�H�Y��l�P��A$������5���������\��L7���s�{)��*I?�ϋV���y�V	B.��������L�o���d�&A�FNW�gt{nʙ՝Y��]NT�\�IIR�$b��i7-�	��	E��l��,�_x�>�	�V����D�"αO7C���2�Ug%���b�VO�������ũ��w2�հ������F���"�=��}�h���t���vKG���*.Lk�3鳜.����QG���8���������p�x�w��A�ʽ9�����:'�,����Ni��	����+����ӧ$篩!�L?��/cQ��K���Ψ�����׆�M ������������������3�}il��9`x�b�e��P�,[D͓"���3�᭗p��f|�X�#���w`��d�2���N��+���OK<��R��y����1��T��MY$�IrZ�����nv������_롵���b�R����?�.���fA���!=J�}�T�\|M8t�~h�8χ-`Mc<���-�Ϋ�B��Ǐ�&�^*�l�Gs�ޒ�����+|�!-�eZF��F)�
6�
Xu	�����	���r�2���J���`���c�P�SmY�D�4�62
��+�R1��O�ˤS�)�l�9q�L��A�m���D�z����gPB��e�dK���B,�1��2g*�M��M�3��xקɓ+��@�N�$ً��'ӱ��S���
1yi��'^	#�g���1Vv`8z�_yo��I$�2I$��#��1Vr7@���1R��)1� :Z}2����b�&�>J��t��^>�LK�C����P���A��\�n��%+Nb
�����5>J�s��1le�!��Dz��@-W4b]��3��-�V��&Z�
�&j\T:���MfY]2��,����K���g[���Ô��ԯ��$B�?�DX�#�g�i�.#�|Ù�L�Os�8?i�[����<G/>�ג�oP,̓�������Y�����?��>$�&h��0�G�\μ�33�ͷ�����G�������Ė|(\��G��O�Q�?iNJ����w���g�Ѱ�ZP�[�И=5�L�OBo����W*I:���I o0�O�j�oi�\x���3�5~��Ә���3h@<K x��H&�@�J0�&&;-�flؠu#>;}�[㗔�_j�OտQ�0j������>����&=6L�hW��}_.M�1iЉ�uv��k�����[��^������=f0�	��Y~*��|�5�
������]oo�}g��ɏӐ=�nc�I���],�l� &�n\$�n d���w�y�'�;��KL�G",��+P���N~9� ������m]Nv��4�f�m�w��������쩸�y��F�#�&R�jE�ʧ�n<����c�g֙��R,�}#���u��
��Q�<�5
��6��Q�F��at��Uq���	���vq�Y6X���M���"�W�m��h�J2�qu��s:��G��fv/��};/�K��F�<��'�9��3����_�\��$���I$����T�D�6�|�]G`M�~$k�h¥W�3>�0��F���}�k�J{�g���JPrg��|z�����v�j&{"���A��X;�$y3,ylkq׎��ә5Z��j@Lk��z�x�
�<G��Tq N��owuy��y��.:�?�8n�sb#d�������W�Hy�V������z���V�\�bwC^�Z�Y�k�C�G4_�3Y�އ�Ę�S>����������9�t��Ϛ���0P�mO��(/����s3�˫� ���/�Ա������O�~�ڬC���:o�O-�dP�,3��?��]B�$��؏�/.ss��l�U���j�y�!<�+�V-/�u15s<�˦Ш�\J$���3e`����%W�yd�FB�J��Q�l��=F�W>༓�OB��Ǘ9ng/嬢КP(��ߙ��6��}
{s4�����ВI'c�$�H-���g������$kf�?"|�8X1�M��шźoZ{{����]?��:ek��@�����/��ʼn��%�hO��G�چ ��H���?��u�&/�_�=�p�����x=~�.cb��h���c
���#^+6�z�j"5l-�~��7��\�V<�J�n�a�L�W H�3{��\|��G=���-G��;�߄�n9�b3z#�e9�h�l�����1׏��+��&o<�2�u�����dp�A�Q�;�1�Ìb (���ÃB7恓|���Hr/�<'����ɗ"m(��QD(4#sn
v���M�`�#��P�7�8�A1Xr�2��O�#"����L��s�-��p+�:>���1���ѧm�=���F��`u$`��;c�$�H���E��K��c�0��|*�ͪ�g��M�H7��I��ِ��4@��I_����!����Ճ>/Y����Ha�>���Q+_�|��u.ڬ�3c��Ո�tc�+Ͻ�}��확�LՖ�J>b�����4Iص�5�=W�}F_���~~߬�����~'��1�lY	~�6D�C�x�D�AQ�|��%���<��6��4.�w�Z6M׈l����V^�	�=����č���;���?i���M� ���MD��r�߈�0�ZX�Ƃ{�.��$�|��du������p��q���oLT�Y���d�Fr|��rsS%i���a�wq���T��g:�V��'?J����3��ϩʹ%I-.K�
��&BO��&�鷾.���Ă�}̚S���̀�7�p��vfLf��<���_��ݷ�U=�%�&ȞOT���@��k��5�r-��c9
UN�tŹX��4y�pX���ר��,kEi���=o�b\_��a���z,�r�T������S����@��Ǵ�O��`+.K���qֿ�s
�ι�F;F�'�c�;A�rD�ur49@hxH��—���̥���l;}����8��4�8h�q�����9�L]ha\�"V����[�w!5���p�k�/��cB@�O2z�&�&
���l�MJ8�*p��+�?���b|L��빆�d�}qU��Ղ�Դ;��$۴�t�Y��}�OO{����t�I6d�	gY����t8�E��+L�����G^e���;��3�?py���fD+I⧾�M�8ޫ���̬�Qc�Y�L���eaɩӒ~f�Tz��P��Ŕ�/��yӿ���Ή�υc�7��~���N��k!R�U�'���%j>D�ŗ��J�z�RS���V�*��0���=��z��6b�LJ<��=O"�ڗ&���_��i��𨣑G�3(�`��0�s�`�j"��2��;>��I��8�	��C�w�0^�1��Jb��+�d��GO�,|�h��ȑ$�PQ@�@���`���W€y�DK�̀�(<�,L�{E:(=\;����C�6Ä�P��#�3U�5�a�&�cqA�M	ϫ��CV�RO��
�?���c	&Պ���i��3���M�g<Q�x�nzt$��s
t�:�,�\[r�8����6"���(2d��C�E��ɵ\q�GE�*ߙ�]86
QI��w]�;i�u���>8	��:���7�+��ﻝ�����Jl@�a������'`�(F�*��R��:��ch�2n�98福�*���؀��p$/�]&�x�|��g��H��$B��@�b߈��D�|�U=�a5��n�$���l����|T�q2<��p@2n����A����D�y��� Q|r�!�.����xى�TQ����c:ք��S^�'�S;hMx,Е��zv��[�{^��1q�;3}9u���X0�����b5
B��n"�H^�D�]w"UX�<A-k�'�-��
 Ylq���Ԧo�PNO<ܣ�r��<�f��	���!c�wP�"!=s*��c㚎EW0�y�
���}�#��-*����!`ow,��"�A3�{�k�֣�ò�"���}�K(��hs������"c�����U����y"1��`O2ZE���ֻ2�a&���(�pM�Vnj�H��F뙡���Vbmt��kU��2�n��7:3񆾑p���˸����Ø�$G�gb�{�Q��a]E� å� �P
n��͂!10�
D��K7�7�(7�M�/��rd�W3�	@!)4.^MqR� �3�,v�q�ߙ]��2K��a"�X�T�F�%���o��FE��)�Ukpn[m��2i�=��͑����{�~b����X�YO�=q4�Ưʋ�����;��*�\5A�Q��D0��~��Qt�|CJ&��p�p�+����Q�X�˚DVk��ܗ���a+&0�b�G���o���RZ��#�Gb%��بɓp<E�F����K��H��lIv���*<�>H1�VRՏR�+=��,<��B���
���π#�@�
?is)���� Gm�1�����W!	q��wҊZ�*@AP�w9�]�Y��x͢��Qp�C�'������~�B�dF-]m�L��1��H����q��/�rK�e�#�!`�>#�u9攌FNG�$s�DP�}.:hAQP�+	�L{��2�.�I�#7Q�,1��W��P<KF�QG�T�M�9�ru"�G6�Ʒ�1+�E0���Z�Ⱦc�F���iͩ�i�c���H��
�F�O���FRCVmy{�ȟ���`ɺ�����}��Y~0�@܈�IH��a�g�h��+
8����F@�Ǟ��WPPS�V��F`:M�((�LNBo�晟���u�]-=�!�m�i���~3����

shibe.tsv

0	1
941	190
546	3
50	482
437	19
855	116
497	464
834	417
118	340
619	265
374	307
169	182
504	40
36	167
438	99
204	262
477	201
729	111
298	297
658	326
737	18
397	147
628	376
532	104
876	21
318	472
395	83
146	28
911	74
913	208
236	468
254	33
78	23
438	317
957	311
64	83
528	400
313	140
789	40
556	350
758	415
713	176
384	480
880	457
578	247
366	436
20	327
610	33
957	430
863	258
18	386
172	51
33	276
709	218
653	260
855	60
163	473
59	243
162	220
477	8
335	333
385	30
462	478
176	423
860	184
933	265
644	193
858	342
598	442
425	362
323	56
406	389
104	277
136	199
282	83
229	316
111	78
217	190
306	429
797	110
761	276