多边形背景生成工具推荐-Trianglify

前端开发whqet,csdn,王海庆,whqet,前端开发专家

low poly低多边形(相似于折纸的效果),多边形风格的设计应用越来越多,今天我们就来看一个利用d3.js写成的生成器Trianglify.js

先上图找找感觉,来看看网上流传比較广的高大上的效果……

多边形背景生成工具推荐-Trianglify

多边形背景生成工具推荐-Trianglify

多边形背景生成工具推荐-Trianglify

多边形背景生成工具推荐-Trianglify

好的视觉效果须要精雕细琢,假设利用ps等画图工具实现这种效果也会有点麻烦,怎样保证形状的不规则、颜色的过渡自然应该都是难点,因此,给大家隆重推荐今天的这个工具。

Trianglify.js是一个基于d3.js开发的三角形生成工具,演示样例页面在这里,生成页面例如以下图所看到的。

多边形背景生成工具推荐-Trianglify

我们还能够通过“show controls”打开控制面板,进行“噪点”、“单元格大小”、“单元格间距”三个參数的控制,例如以下图所看到的。

多边形背景生成工具推荐-Trianglify

假设达到惬意的效果,我们能够将值导出为svg格式的图像,svg有没有兴奋,矢量图、可交互、可动画,哦,稍等我下,我回头还想弄个效果哟。

相关阅读

1. 多边形底纹的网页设计赞赏

2.Low Poly

3.怎样简单地把一张相片处理成低多边形 Low Poly 3D 风格效果?

4.28个多边形风格的Logo设计赞赏

5.还有一个多边形风格图像转换工具

6. 15个设计感极强的Low-Poly站点赞赏 (2014.06.01更新)

----------------------------------------------------------

前端开发whqet,关注web前端开发,分享相关资源,欢迎点赞,欢迎拍砖。
---------------------------------------------------------------------------------------------------------

上一篇:如何在 ejs 模板中使用 helper function 外部函数进行特殊处理?


下一篇:Junit初体验