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

前端开发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前端开发,分享相关资源,欢迎点赞,欢迎拍砖。
---------------------------------------------------------------------------------------------------------

TriangulateImage v.5 02/15/2014 Copyright 2014. Concept Farm. ilya@conceptfarm.ca General Usage Notes =================== - Tested on windows 7x64 and OSX 10.9 - Not tested on window 8 or any x86 windows versions. - Tested running Java 7 Update 45 although this version of java should be included in the package. Installation ============ Windows x86 ------- Run the TriangulateImage5.exe file in the application.windows32 directory Windows x64 ------- Run the TriangulateImage5.bat file in the application.windows64 directory OSX --- Run the TriangulateImage5.app file in the application.macosx directory no need to drag and drop into the applications directory Troubleshooting =============== - OSX 10.8 and higher does not allow by default to run non-Apple software and will display a broken app pop up message. To bypass that go to System Preferences - Security & Privacy - Allow apps downloaded from - set that to "Anywhere". The broken message window will still appear but now you can bypass it by clicking OK. - Windows, if the you are running a 64bit version of windows and the program doesn't work try downloading the 32bit version of the software, depending on you system that might work better. Legal ===== In no event shall the Concept Farm be liable for any loss of profit or any other commercial damage, including but not limited to special, incidental, consequential or other indirect damages under any cause of action arising out of or relating to use of the Software or Data, including, without limitation, claims arising from malfunction or defects in the Software.
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值