点击上方“高级农民工”,选择“星标”公众号
第一时间速享原创干货
作者 | Jay Alammar
译者 | 高级农民工
转发文章最多的朋友可以免费进入价值99元的《湾区AI精英会》海归圈子
通常我们用 Python 绘制的都是二维平面图,但有时也需要绘制三维场景图,比如像下面这样的:
![640?wx_fmt=png](https://i-blog.csdnimg.cn/blog_migrate/4a425b86bbdec607a284756c7479496e.jpeg)
这些图怎么做出来呢?今天就来分享下如何一步步绘制出三维矢量(SVG)图。
八面体
我们先以下面这个八面体为例。
![640?wx_fmt=png](https://i-blog.csdnimg.cn/blog_migrate/a40e43972b2d47d67059fda26000cf1e.jpeg)
1 安装相关包
首先安装两个必备包:
import pyrr # NumPy 的 3D 函数库import svgwrite # svg图形处理库# NumPy 的 3D 函数库
import svgwrite # svg图形处理库
2 定义 3D 图生成环境
接下来定义几个类设置好 3 维图基础环境:
![640?wx_fmt=png](https://i-blog.csdnimg.cn/blog_migrate/4fe193c509401d34c7f391c656e20949.jpeg)
viewport :矩形图范围
camera:包括视图矩阵和投影矩阵
mesh:svg 矢量图所需的网格表面矩阵、着色器和样式字典
3 生成八面体数据
然后生成八面体每个定点的数据:
def octahedron(): """Construct an eight-sided polyhedron""" f = sqrt(2.0) / 2.0 verts = numpy.float32([ ( 0, -1, 0), (-f, 0, f), ( f, 0, f), ( f, 0, -f), (-f, 0, -f), ( 0, 1, 0) ]) triangles = numpy.int32([ (0, 2, 1), (0, 3, 2), (0, 4, 3), (0, 1, 4), (5, 1, 2), (5, 2, 3), (5, 3, 4), (5, 4, 1) ]) return verts[triangles]
"""Construct an eight-sided polyhedron"""
f = sqrt(2.0) / 2.0
verts = numpy.float32([ ( 0, -1, 0), (-f, 0, f), ( f, 0, f), ( f, 0, -f), (-f, 0, -f), ( 0, 1, 0) ])
triangles = numpy.int32([ (0, 2, 1), (0, 3, 2), (0, 4, 3), (0, 1, 4), (5, 1, 2), (5, 2, 3), (5, 3, 4), (5, 4, 1) ])
return verts[triangles]
4 pyrr 包渲染
接下来利用 pyrr 3维库渲染上面的原始数据,最后生成 svg 矢量图。
![640?wx_fmt=png](https://i-blog.csdnimg.cn/blog_migrate/90830fe0d8af8be5b009f11023be1831.jpeg)
5 生成 svg
上面最后一步生成 svg 图形,需要调用下面的 Engine 函数,略微有些复杂:
![640?wx_fmt=png](https://i-blog.csdnimg.cn/blog_migrate/9a93c2977224644064a828566964a85d.jpeg)
以上代码全部封装到类中调用,就可以生成八面体图形了。
除了八面体还可以生成很多其他图形。
球体和 Klein 瓶
![640?wx_fmt=png](https://i-blog.csdnimg.cn/blog_migrate/752c4b560c21ee9e7089c13002d49e11.jpeg)
代码如下:
![640?wx_fmt=png](https://i-blog.csdnimg.cn/blog_migrate/5be87c13fc2924433883331d64ba8529.jpeg)
多面球体
![640?wx_fmt=png](https://i-blog.csdnimg.cn/blog_migrate/6b746dff8e9cfbff13c2069c4a2c335f.jpeg)
代码如下:
![640?wx_fmt=png](https://i-blog.csdnimg.cn/blog_migrate/ecf8646894582d31702a0c06d29567da.jpeg)
发光的球体
![640?wx_fmt=png](https://i-blog.csdnimg.cn/blog_migrate/d2ee941f422df402c57ff276c6f7c3cf.jpeg)
代码实现:
![640?wx_fmt=png](https://i-blog.csdnimg.cn/blog_migrate/75ccc46409bebfb2a3d71aa15715b741.jpeg)
还可以绘制这种曲面体
![640?wx_fmt=png](https://i-blog.csdnimg.cn/blog_migrate/32fcdf080fbe0ae2ed7a5fde00c49b73.jpeg)
代码实现如下:
![640?wx_fmt=png](https://i-blog.csdnimg.cn/blog_migrate/ff7fd429784e3a62650766cfbb0cec49.jpeg)
以上源代码可以在后台回复:svg 得到。
END.
作者:Jay Alammar
链接:https://jalammar.github.io/visual-numpy/
用法律武器,痛击腾讯侵权行为!!!湾区人工智能可以改善知识产权现状吗?
80后,天才程序员, Facebook 第一任 CTO,看看开挂的人生到底有多变态?
【厂妹进谷歌】从富士康流水线小妹到 Google 工程师,She made it !!!
【刚刚】世界顶级名校:美国斯坦福大学在人工智能领域诞生了一位来自中国的女神
【幸福的猪】德国难民躺赢的人生:和三个老婆造人就是神圣不可侮辱的职业
长按扫码撩海归