\documentclass{standalone}
\usepackage{luamplib}
\usepackage{dwmpcode}
\begin{document}
\mplibtextextlabel{enable}
\begin{mplibcode}
beginfig(1);
path p; numeric s; s = 144;
p := (origin {1, 3} .. (1, 0) .. {1, 2} (2, 0)) scaled s; 

ahangle := 20;
ahlength := 6;
picture P[];
P1 = image(
    draw p withcolor 0.54 red;
    for t=0 upto length p: draw fullcircle scaled dotlabeldiam shifted point t of p; endfor
    label.bot(TEX("\mpl{point 0 of p}") scaled 0.8, point 0 of p shifted 16 right);
    label.urt(TEX("\mpl{point 1 of p}") scaled 0.8, point 1 of p);
    label.top(TEX("\mpl{point 2 of p}") scaled 0.8, point 2 of p shifted 16 left);
);
P2 = image(
    draw p withcolor 0.54 red;
    drawoptions(withcolor 1/2);
    for t=0 upto length p:
        drawarrow precontrol t of p -- postcontrol t of p;
        fill fullcircle scaled 2 shifted precontrol t of p;
        draw fullcircle scaled 4 shifted point t of p;
    endfor
    label.bot(TEX("\mpl{precontrol 0 of p}")  scaled 0.8, precontrol 0 of p shifted (24, -2));
    label.top(TEX("\mpl{postcontrol 0 of p}") scaled 0.8, postcontrol 0 of p shifted (24, 4));
    label.top(TEX("\mpl{precontrol 1 of p}")  scaled 0.8, precontrol 1 of p);
    label.bot(TEX("\mpl{postcontrol 1 of p}") scaled 0.8, postcontrol 1 of p);
    label.bot(TEX("\mpl{precontrol 2 of p}")  scaled 0.8, precontrol 2 of p);
    label.top(TEX("\mpl{postcontrol 2 of p}") scaled 0.8, postcontrol 2 of p shifted (-24, 2));
    drawoptions();
);
P3 = image(
    draw p withcolor 0.54 red;
    drawoptions(withcolor 1/2);
    pair s;
    for t=0 step 1/4 until length p:
        s := 16 unitvector(direction t of p);
        drawarrow (-s -- s) shifted point t of p;
        draw point t of p withpen pencircle scaled 2;
    endfor
    drawoptions();
    numeric x, y; x = 8; y = -12;
    label.rt(TEX("\mpl{pair s;}") scaled 0.7, (x, y+10));
    label.rt(TEX("\mpl{for t=0 step 1/4 until length p:}") scaled 0.7, (x, y));
    label.rt(TEX("\quad\mpl{s := 16 unitvector(direction t of p);}") scaled 0.7, (x, y-10));
    label.rt(TEX("\quad\mpl{drawarrow (-s -- s) shifted point t of p);}") scaled 0.7, (x, y-20));
    label.rt(TEX("\quad\mpl{draw point t of p withpen pencircle scaled 2;}") scaled 0.7, (x, y-30));
    label.rt(TEX("\mpl{endfor}") scaled 0.7, (x, y-40));
);
draw P1;
draw P2 shifted 144 down;
draw P3 shifted 248 down;
endfig;
\end{mplibcode}
\end{document}