如何使用canvas编写Delaunay三角形图案?

时间:2016-01-19 19:52:39

标签: javascript html5 canvas html5-canvas

网站http://www.lahautesociete.com/展示了几何背景设计的使用,其顶点在随机方向上移动。

我已经检查过DOM,他们正在使用canvas来生成模式。我想复制这种模式,但问题是,即使我有一些不错的画布经验,我也不知道从哪里开始。

是否存在产生三角形图案的某种数学公式?如何选择各个顶点?如果你能指导我正确的方向,请告诉我,谢谢!

这几乎是我能抓到的与画布设计有关的唯一代码(无用,我知道):

<canvas width="1280" height="353" style="width: 1280px;height: 353px;"></canvas>

我发现了一个缩小的JavaScript文件,但我无法识别其中与画布相关的任何内容。

更新:看起来我使用的deminifier无法处理网站使用的巨大JS文件。在探索时,我发现该网站使用了Three.js

更新(2016年1月21日):经过大量研究后,我发现我想要编码的模式的名称叫做Delhaunay Triangle。我遇到了一些我希望检查和分析的外部资源:

0 个答案:

没有答案