{"id":130,"date":"2014-12-16T09:06:56","date_gmt":"2014-12-16T14:06:56","guid":{"rendered":"https:\/\/blogs.mathworks.com\/graphics\/?p=130"},"modified":"2014-12-16T09:06:56","modified_gmt":"2014-12-16T14:06:56","slug":"down-the-tubes","status":"publish","type":"post","link":"https:\/\/blogs.mathworks.com\/graphics\/2014\/12\/16\/down-the-tubes\/","title":{"rendered":"Down the Tubes (Parametric Curves Part 2)"},"content":{"rendered":"

The ribbons we created last time<\/a> are nice, but sometimes we want something a bit more solid. Something like a tube.<\/p>

To do that, a single vector normal to the curve is not going to be sufficient. We need two vectors which are normal to the curve and also normal to each other. In theory the third partial (aka the binormal) fits the bill, but it tends to behave rather poorly in practice.<\/p>

Another approach is to use the cross product. Remember that if we compute the cross product of two vectors, we get a third vector which is normal to each of those. This means that if we cross the tangent and the normal vectors that we computed last time, we'll get another vector with exactly the behavior we need. We can do that with this function.<\/p>

function<\/span> [xo,yo,zo] = cross_vectors(x1,y1,z1, x2,y2,z2)\r\n  n = numel(x1);\r\n  xo = zeros(1,n);\r\n  yo = zeros(1,n);\r\n  zo = zeros(1,n);\r\n  for<\/span> i=1:n\r\n    xo(i) = y1(i)*z2(i) - z1(i)*y2(i);\r\n    yo(i) = z1(i)*x2(i) - x1(i)*z2(i);\r\n    zo(i) = x1(i)*y2(i) - y1(i)*x2(i);\r\n  end<\/span>\r\n<\/pre>
Which we can use like this:<\/p>
t = 0:pi\/128:2*pi;\r\nx = 3*cos(t)+cos(10*t).*cos(t);\r\ny = 3*sin(t)+cos(10*t).*sin(t);\r\nz = sin(10*t);\r\n<\/pre>
Get the tangent vector.<\/p>
dxdt = -3*sin(t) - cos(10*t).*sin(t) - 10*sin(10*t).*cos(t);\r\ndydt = 3*cos(t) + cos(10*t).*cos(t) - 10*sin(10*t).*sin(t);\r\ndzdt = 10*cos(10*t);\r\n<\/pre>
Get the normal vector.<\/p>
d2xdt2 = -3*cos(t) + 20*sin(10*t).*sin(t) - 101*cos(10*t).*cos(t);\r\nd2ydt2 = -3*sin(t) - 101*cos(10*t).*sin(t) - 20*sin(10*t).*cos(t);\r\nd2zdt2 = -100*sin(10*t);\r\n[n1x,n1y,n1z] = normalize_vector(d2xdt2,d2ydt2,d2zdt2);\r\n<\/pre>
And cross them to get a second normal vector.<\/p>
[cx,cy,cz] = cross_vectors(dxdt,dydt,dzdt, d2xdt2,d2ydt2,d2zdt2);\r\n[n2x,n2y,n2z] = normalize_vector(cx,cy,cz);\r\n<\/pre>
plot_vectors(x,y,z, n1x,n1y,n1z);\r\nhold on<\/span>\r\nplot_vectors(x,y,z, n2x,n2y,n2z);\r\nset(gca,'DataAspectRatio'<\/span>,[1 1 1])\r\n<\/pre>\"\" 
Now we have two sets of normals which we can use to create four ribbons which make a closed tube around the curve. Notice the pattern here. We create 4 ribbons. Each one uses one of our 2 vectors in either the + or - direction, and then creates 2 rows from the + and - versions of the \"other\" vector.<\/p>
sides = gobjects(1,4);\r\n\r\nsx = [x+(-n1x-n2x)\/2; x+( n1x-n2x)\/2];\r\nsy = [y+(-n1y-n2y)\/2; y+( n1y-n2y)\/2];\r\nsz = [z+(-n1z-n2z)\/2; z+( n1z-n2z)\/2];\r\nsides(1) = surf(sx,sy,sz,[t;t]);\r\nhold on<\/span>\r\n\r\nsx = [x+( n1x-n2x)\/2; x+( n1x+n2x)\/2];\r\nsy = [y+( n1y-n2y)\/2; y+( n1y+n2y)\/2];\r\nsz = [z+( n1z-n2z)\/2; z+( n1z+n2z)\/2];\r\nsides(2) = surf(sx,sy,sz,[t;t]);\r\n\r\nsx = [x+( n1x+n2x)\/2; x+(-n1x+n2x)\/2];\r\nsy = [y+( n1y+n2y)\/2; y+(-n1y+n2y)\/2];\r\nsz = [z+( n1z+n2z)\/2; z+(-n1z+n2z)\/2];\r\nsides(3) = surf(sx,sy,sz,[t;t]);\r\n\r\nsx = [x+(-n1x+n2x)\/2; x+(-n1x-n2x)\/2];\r\nsy = [y+(-n1y+n2y)\/2; y+(-n1y-n2y)\/2];\r\nsz = [z+(-n1z+n2z)\/2; z+(-n1z-n2z)\/2];\r\nsides(4) = surf(sx,sy,sz,[t;t]);\r\n\r\nhold off<\/span>\r\nset(sides,'EdgeColor'<\/span>,'none'<\/span>);\r\nset(sides,'FaceColor'<\/span>,'interp'<\/span>);\r\nset(sides,'FaceLighting'<\/span>,'gouraud'<\/span>);\r\nset(gca,'DataAspectRatio'<\/span>,[1 1 1])\r\ncolormap(hsv(256))\r\ncamlight headlight<\/span>\r\n<\/pre>\"\" 
That looks pretty good, but let's take a closer look. What if we move the camera inside the scene and use a perspective projection? While we're at it, let's save it to an animated GIF.<\/p>
a = gca;\r\na.Visible = 'off'<\/span>;\r\na.Projection = 'perspective'<\/span>;\r\na.CameraViewAngle = 45;\r\nfirst = true;\r\nfor<\/span> theta=t\r\n    a.CameraPosition = 3*[cos(theta), sin(theta), 0];\r\n    a.CameraTarget = a.CameraPosition + [-sin(theta), cos(theta), 0];\r\n    im = getframe(gcf);\r\n    [A,map] = rgb2ind(im.cdata,256);\r\n    if<\/span> first\r\n        first = false;\r\n        imwrite(A,map,'torus_animation.gif'<\/span>,'LoopCount'<\/span>,Inf,'DelayTime'<\/span>,1\/24);\r\n    else<\/span>\r\n        imwrite(A,map,'torus_animation.gif'<\/span>,'WriteMode'<\/span>,'append'<\/span>,'DelayTime'<\/span>,1\/24);\r\n    end<\/span>\r\nend<\/span>\r\n<\/pre>\"\"