u=1cm; w=6; h=8;
 m=0.3;

 z1=(1,0)*u;
 z2=(1,1)*u;
 z3=(2,3)*u;
 z4=(5,8)*u;
 z5=(13,21)*u;
 z6=z4+(z5-z4)*m/(21-8);
 pickup pencircle scaled 1pt;
 fill z1--z2--z3--z4--z6--(w+m,h+m)*u--(w+m,0)*u--cycle withcolor 0.9white+blue;
 draw z1--z2--z3--z4--z6 withcolor blue+0.5white;

 z11=(0,1)*u;
 z12=(1,2)*u;
 z13=(3,5)*u;
 z14=(8,13)*u;
 z15=z13+(z14-z13)/8*(3+m);
 fill z11--z12--z13--z15--(0,h+m)*u--cycle withcolor 0.9white+red;
 draw z11--z12--z13--z15 withcolor red+0.5white;

 drawarrow (-m,0)*u--(w+m+0.1,0)*u;
 drawarrow (0,-m)*u--(0,h+m+0.1)*u;

 pickup pencircle scaled 3pt;
 for i=0 upto w: for j=0 upto h:
   drawdot (i*u,j*u);
 endfor endfor

 label.ulft(btex $O$ etex scaled 1, (0,0));
 label.urt(btex $(1,0)$ etex scaled 1, z1);

 pickup pencircle scaled 1pt;
 draw (0,0)--(13,21)*u*(h+m)/21;

 drawarrow (0,0)--(1,21/13)*u;
 drawarrow (0,0)--(1,0)*u;
 drawarrow (0,0)--(0,1)*u;

 label.ulft(btex $(1,\varphi)$ etex scaled 1, (1,21/13)*u);
 label.lft(btex $(0,1)$ etex scaled 1, (0,1)*u);