多边形背景生成工具推荐-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.另一个多边形风格图像转换工具

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

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

多边形背景生成工具推荐-Trianglify,布布扣,bubuko.com

时间: 2024-10-14 08:42:46

多边形背景生成工具推荐-Trianglify的相关文章

给 Web 开发人员推荐的文档生成工具——爱创课堂

工欲善其事必先利其器,在此给给 Web 开发人员推荐几款优秀的开源文档生成工具,希望能对大家有所帮助. 1.JavaScript JSDoc 3 https://www.oschina.net/p/jsdoc 这是一款根据 Javascript 文件中注释信息,生成 JavaScript 应用.库.模块的 API 文档的工具.你可以使用它记录如:命名空间.类.方法.方法参数等.该项目还衍生出了许多模板和其他工具来帮助生成和自定义文档,比如: 模板 jaguarjs-jsdoc:https://g

百度地图API:利用瓦片生成工具,自定义背景图片

参考酸奶小妹的博文<[百度地图API]如何制作一张魔兽地图!!——CS地图也可以,哈哈哈> (http://www.cnblogs.com/milkmap/archive/2011/05/27/2060021.html). 及博文 <百度地图:新的瓦片生成工具来了> 链接:http://blog.csdn.net/bq_cui/article/details/9396703,开发的工具下载地址:http://blog.csdn.net/bq_cui/article/details/

怎样使用新浪短网址进行网址缩短-推荐15个在线生成工具

新浪短网址服务是目前互联网上最稳定.最安全.最快速的短网址服务,帮您把冗长的URL地址缩短成8个字符以内的短网址. 1.冷狗短链接 平台官网:http://dogdwz.cn/ 冷狗短链接那边提供最新的新浪T.CN短链接在线生成服务,每天都可以去免费生成新的微博T.CN短网址,他们采用的是新浪微博的官方的原生态生成接口,安全.稳定.一次生成永久使用.. 2.麦云短链接 平台官网:http://maiyurl.cn/ 麦云短链接的官网也是可以免费生成短链接的,但是他们的专长是帮助其他平台对接新浪t

高性能WEB开发(6) - web性能测试工具推荐

WEB性能测试工具主要分为三种,一种是测试页面资源加载速度的,一种是测试页面加载完毕后页面呈现.JS操作速度的,还有一种是总体上对页面进行评价分析,下面分别对这些工具进行介绍,如果谁有更好的工具也请一起分享下. Firebug: Firebug 是firefox中最为经典的开发工具,可以监控请求头,响应头,显示资源加载瀑布图: HttpWatch : httpwatch 功能类似firebug,可以监控请求头,响应头,显示资源加载瀑布图.但是httpwatch还能显示GZIP压缩信息,DNS查询

DBImport v3.3 中文版发布:数据库数据互导及文档生成工具(IT人员必备)

前言: 好久没写文了, 距离上一篇文章是3个月前的事了,虽然工作很忙,主要还是缺少写作的内容和激情,所以没怎么动手. 之前有一个来月不断面试不同层次来应聘的人员,很有想写文的冲动,后来还是忍住了. 估计写了也是那种说人坏话.恨铁不成钢的情绪文,没啥营养,所以情绪过了就没想写了. 在公司除了管理上的事情之外,另外也研发了一套适用信息系统的快速开发框架,这个有机会再写写文和大伙分享了. 下面言归正文了. 背景: 关于这个DBImport工具,发布的版本不多,仅有:V1.0.V2.0.V3.0.V3.

淘宝卖家工具推荐

宝贝编辑工具:淘宝助理 淘宝助理是一个功能强大的客户端工具软件,它可以帮助您编辑宝贝信息,快捷批量上传宝贝,并提供方便的管理界面. 宝贝克隆:甩手工具箱 超级店长:优点,功能多  缺点,批量处理效率差! 欢乐逛:  手机详情页一键生成.优点,处理速度快,也很稳定  缺点:基本功能都有,但没某些软件使用方便! NO.1 淘宝旺铺  推荐指数:★★★★★ 简介:淘宝官方旺铺装修工具,开店装修必备 链接:http://fuwu.taobao.com/ser /detail.htm?spm=a1z13.

使用Objective-C的文档生成工具:appledoc

前言 做项目的人多了,就需要文档了.今天开始尝试写一些项目文档.但是就源代码来说,文档最好和源码在一起,这样更新起来更加方便和顺手.象 Java 语言本身就自带 javadoc 命令,可以从源码中抽取文档.今天抽空调研了一下 objective-c 语言的类似工具. 从 stackoverflow 上找到三个比较 popular 的工具:doxygen, headdoc 和 appledoc .它们分别的官方网址如下: docxygen http://www.stack.nl/~dimitri/

源代码测试工具推荐及点评

本文推荐并点评了软件开发测试中经常使用的20种源代码测试工具,能够帮助大部分人解决测试问题.>>原文来自20款源代码测试工具推荐及点评 AdaTEST--一款针对于Ada应用程序的覆盖率测试.静态测试和动态测试工具 AQtime--该产品含有完整的性能和调试工具集,能够收集程序运行时关键的性能信息和内存/资源分配信息,并提交概要报告和详细报告,还提供所有的程序优化处理工具,囊括了自定义过滤器.图形化的调用层次结构一直到源代码浏览等内容. BoundsChecker--为C++开发者而生的运行时

数据字典生成工具之旅(5):DocX组件读取与写入Word

由于上周工作比较繁忙,所以这篇文章等了这么久才写(预告一下,下一个章节正式进入NVelocity篇,到时会讲解怎么使用NVelocity做一款简易的代码生成器,敬请期待!),好了正式进入本篇内容. 这篇会介绍DocX读写WORD,DocX组件功能强大,可以很容易的读写WORD,相对于NPOI强大很多,性能也好很多,做这个工具之所以会选择这个组件,主要是看重该组件的表格合并功能. 阅读目录 使用模版生成简历 读写表格数据 合并单元格 工具源代码下载 学习使用 回到顶部 使用模版生成简历 下面将以一