如何为3D html5形状制作线框

Question

我正在学习如何在html5中绘制形状，我开始转向3D形状。我知道，为了制作球体和圆环等形状，您需要首先制作圆柱线框，然后应用方程式将线框圆柱体转换为所需的形状。例如，您需要从这样的线框开始：

然后你将应用参数方程：x = cos（φ）* cos（θ）， y = cos（φ）* sin（θ），z = sin（φ）其中θ=2πu和φ=πv - π/ 2 这将创建一个球体，如：

问题在于我不确定如何制作线框。我已经看到，在一个实现中你可以基本上制作一个立方体，然后向外挤出两边形成一个球体，但我不确定这是否是最佳方式，甚至不是如何实现它。我没有在html5中找到这么多的信息而没有使用像三个js或webgl这样的库，并且只看到过时的帖子，如this one。创建这些形状之一所需的过程/算法是什么。