new:用ArrayBuffer优化了一点,修复加载默认图片的bug,增加一个下载功能。
嘛,前段时间在找素材的时候,突然间发现一种叫做low poly(低多边形)风格的图片,感觉挺有意思的,找各种工具的的时候,知乎上面看到几个不错的回答,目前以自己的水平能看懂(算法看不懂)的也只有*这个*了,但感觉他的工具不是很友好,所以自己重写了一个。
本来想着能不能把它的处理速度提高一点的,于是用了web workers,就结果而言,一句概括:然而并没有什么卵用......
想了几个方法,算法层面上的......渣渣表示改不动。试了几次发现worker处理图片imageData时占了很大一部分时间,而正真渲染图片的时间是很短的,于是想着能不能把canvas的输出的imageData分片段处理,不然主进程(姑且叫主进程吧)一直等待woeker的回馈也是浪费。把imageData的data(好长好长的)数组截成几段,分段处理,每处理完一段就传回主进程,进行图片的渲染,把两边资源的都利用起来。然后。。。。卧槽果然很快,卧槽这渲染个什么东西。细看才发现,算法上一些东西涉及图片的整体数据,渣渣又动不了了,恳请高人指教。
最后想到的是把要处理的图片分块,多开几个worker来处理,快是快了,但渲染结果是,图片分块的界限很明晰,彼此独立成一块,不是原来的那种效果。
所以搞了一大堆,最后有用还是最初的那个。然后在网上看了好久的相应算法方面的资料。。。。啊,亲爱的高数书,你在哪,我需要你呀。
准备抽点时间补补算法方面的缺失。
贴张效果图
原图:
效果图:
项目地址 官人您要感觉有点意思就点个赞呗~~~~
年后准备找工作了,求收留求带走啊!
贴个**个人简历**:没准有人就要了呢。嘿嘿嘿~~~~