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

本文介绍了一个基于d3.js开发的三角形生成工具Trianglify.js,展示了如何利用此工具生成具有折纸效果的低多边形设计,并提供了参数调整和导出SVG格式图像的功能。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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

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

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





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

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


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


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

相关阅读

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

2.Low Poly

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

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

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

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

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

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

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值