It is currently Thu Jul 25, 2024 11:46 am


All times are UTC - 5 hours [ DST ]



Post new topic Reply to topic  [ 148 posts ]  Go to page Previous  1, 2, 3, 4, 5, 6 ... 8  Next
Author Message
 Post subject: Re: Polygon Art (link to Triangulator app on p.2)
PostPosted: Sat May 17, 2014 3:38 pm  (#51) 
Offline
Script Coder
User avatar

Joined: May 07, 2014
Posts: 4041
Location: Canada
sharing my first try at polygon art (by hand) (on deviant art)
I like the face and the cloth on the forearms. :)
Not very happy with the chest area, looks like there's a big bump or a beach ball there, i was too into the triangles and did not think that it would create such a beach ball effect :(
Image

_________________
TinT


Top
 Post subject: Re: Polygon Art (link to Triangulator app on p.2)
PostPosted: Sat May 17, 2014 8:29 pm  (#52) 
Offline
GimpChat Member
User avatar

Joined: Apr 08, 2010
Posts: 5420
Location: Northwest Ohio
It is still very good and keeps her mysterious look.


Top
 Post subject: Re: Polygon Art (link to Triangulator app on p.2)
PostPosted: Mon May 19, 2014 4:57 pm  (#53) 
Offline
Script Coder
User avatar

Joined: May 07, 2014
Posts: 4041
Location: Canada
polygon zipped folder
I have altered the code (not very good, but it works) of triangulator app.
Now if you click 3 points and then click on the first point it closes off the triangle.
If you click on 4 points (in order, counter clockwise or clockwise) then click on first point it closes off the 4 sided polygon.
If you click on 5 points (in order, counter clockwise or clockwise), it automatically closes off the 5 sided polygon. Because I wanted the maximum to be 5 sided.
After drawing a polygon, you go on the next one. You can not edited created polygons.
And now it uses solid color instead of gradient (well it's a gradient but from the same color to the same color so it's solid).
I think it's a total hack as I am not very experienced with javascript.
Here are some images to demonstrate that it lets you manually creates 3, 4 and 5 sided polygons.
Attachment:
polygons.png
polygons.png [ 26.01 KiB | Viewed 3319 times ]

Attachment:
polygonsoverjesus.png
polygonsoverjesus.png [ 136.75 KiB | Viewed 3319 times ]

_________________
TinT


Top
 Post subject: Re: Polygon Art (link to Triangulator app on p.2)
PostPosted: Mon May 19, 2014 11:18 pm  (#54) 
Offline
Script Coder
User avatar

Joined: May 07, 2014
Posts: 4041
Location: Canada
I changed the code a bit to leave vertices behind so that you can select them again. But don't try to move vertices, it will mess up the polygons in strange ways. Just simply click on them.
polygon with vertices left behind
After about 20 polygons or so the app slows down tremendously.
With the below image it was so slow, i had to export it 7 portions and then composed them later.
I didn't think GIMP could open .svg files, but apparently it does (GIMP is awesome).
Attachment:
toyotayaris.jpg
toyotayaris.jpg [ 757.71 KiB | Viewed 3309 times ]

_________________
TinT


Top
 Post subject: Re: Polygon Art (link to Triangulator app on p.2)
PostPosted: Tue May 20, 2014 3:41 pm  (#55) 
Offline
Script Coder
User avatar

Joined: May 07, 2014
Posts: 4041
Location: Canada
One BIG problem remains. Speed.
After about 20 polygons or so (it's a guess) but basically as you add more vertices/polygons the app slows down tremendously to the point where you can click a number vertices and wait like 3 seconds or more before you see the polygon appear.
Too bad i am not experienced enough to figure out what is slowing it down so much. If anyone has a clue how to speed it up, please let me know.
Thanks in advance.

_________________
TinT


Top
 Post subject: Re: Polygon Art (link to Triangulator app on p.2)
PostPosted: Wed May 21, 2014 2:22 pm  (#56) 
Offline
Script Coder
User avatar

Joined: May 07, 2014
Posts: 4041
Location: Canada
There's a bug, it's exporting 4 pixels to the right and grabbing average color 4 pixels to the right.
I only found this out when i was exporting different parts and they kept moving to the right and showing 4 pixel space. (You can see this spacing when you look at the car above at the edge between two doors and around the hood of car, that's the 4 pixel spacing).
So this version fixes that 4 pixels.
https://www.dropbox.com/s/z3w8f03zv23gf11/polygon_4pixel.zip
This version also makes the outline of polygons to have width of .5 to get rid of the blank outlines so polygons will now meet at the edges and not leave any blank space.
This version will also grab average color of a 4x4 area instead of previously 6x6 area (of the average point of polygon points).

_________________
TinT


Top
 Post subject: Re: Polygon Art (link to Triangulator app on p.2)
PostPosted: Wed May 21, 2014 6:55 pm  (#57) 
Offline
Script Coder
User avatar

Joined: May 07, 2014
Posts: 4041
Location: Canada
Elephant polygon art using the altered code.
And I dropped shawdow on parts such as body, then legs, then ears, then head and trunk to make it pop out a bit
Attachment:
elephant.jpg
elephant.jpg [ 300.45 KiB | Viewed 3257 times ]

_________________
TinT


Top
 Post subject: Re: Polygon Art (link to Triangulator app on p.2)
PostPosted: Wed May 21, 2014 9:14 pm  (#58) 
Offline
GimpChat Member
User avatar

Joined: Sep 22, 2012
Posts: 2089
Location: US
Downloaded the altered script, will try it out this weekend. Thanks for doing this, trandoductin!
The elephant and Mona Lisa came out great.
You said the app's slowing down after 20 or so polygons, I actually have never got this kind of problem,
and just to check this out I created well over 100 with the original triangulator before it started to show the signs
of slowdown. What browser are you using?


Top
 Post subject: Re: Polygon Art (link to Triangulator app on p.2)
PostPosted: Wed May 21, 2014 10:07 pm  (#59) 
Offline
Script Coder
User avatar

Joined: May 07, 2014
Posts: 4041
Location: Canada
K1TesseraEna
you're welcome, i was glad that i was able to alter it.
However i am not good enough to alter it so that you can move the vertices around and the polygons would change (the ability to edit). However i found that once i drew a polygon there was no need to edit so :)
Over 100? I am running it in firefox browser on windows 8.
What browser are you using? (edit: I just remembered you posted in the beginning saying you used Chrome, maybe I'll test it on Chrome and see if it's faster).

Edit: Just tried it in in Chrome, it's much faster and doesn't seem to slow down after 20 polygons Great!
But for some reason things don't start working unless I start off by clicking on "Delete all vertices".
Also, If i zoom in more than 100 percent, the work is not displayed at all (including vertices and polygons) and zoom back out to 100 percent or less than the work is displayed. In firefox i can zoom in maximum until it doesn't let you zoom anymore. Each browser has its advantages/disadvantages i guess. I might have to start using Chrome to get the speed that i want.

_________________
TinT


Top
 Post subject: Re: Polygon Art (link to Triangulator app on p.2)
PostPosted: Thu May 22, 2014 1:06 pm  (#60) 
Offline
Script Coder
User avatar

Joined: May 07, 2014
Posts: 4041
Location: Canada
Such a beautiful apple found here by conbagui.
Must polygonize it :)
I was able to do this in one go with no slow down by using Chrome browser.
Attachment:
apple.jpg
apple.jpg [ 253.61 KiB | Viewed 3220 times ]

_________________
TinT


Top
 Post subject: Re: Polygon Art (link to Triangulator app on p.2)
PostPosted: Fri May 23, 2014 12:36 pm  (#61) 
Offline
Script Coder
User avatar

Joined: May 07, 2014
Posts: 4041
Location: Canada
This version of the app allows you to move created vertices so you can edit created polygons.
Attachment:
polygon_editable.zip [71.72 KiB]
Downloaded 1041 times

_________________
TinT


Last edited by trandoductin on Sat May 24, 2014 12:57 pm, edited 3 times in total.

Top
 Post subject: Re: Polygon Art (link to Triangulator app on p.2)
PostPosted: Fri May 23, 2014 4:05 pm  (#62) 
Offline
GimpChat Member
User avatar

Joined: Jan 13, 2011
Posts: 2260
Location: Poland
Excellent solution - congratulations and thanks :clap

_________________
Image

Slava
Ukraini!


Top
 Post subject: Re: Polygon Art (link to Triangulator app on p.2)
PostPosted: Fri May 23, 2014 4:12 pm  (#63) 
Offline
Script Coder
User avatar

Joined: May 07, 2014
Posts: 4041
Location: Canada
MareroQ, Thanks.
I look forward to seeing some polygon art soon :)

_________________
TinT


Top
 Post subject: Re: Polygon Art (link to Triangulator app on p.2)
PostPosted: Fri May 23, 2014 9:47 pm  (#64) 
Offline
GimpChat Member
User avatar

Joined: Apr 08, 2010
Posts: 5420
Location: Northwest Ohio
I don't know what to do with all the files in this folder?


Top
 Post subject: Re: Polygon Art (link to Triangulator app on p.2)
PostPosted: Fri May 23, 2014 10:08 pm  (#65) 
Offline
Script Coder
User avatar

Joined: May 07, 2014
Posts: 4041
Location: Canada
2-ton

1) just extract the files to your desktop or wherever.

2) and then open index.html in your browser (hopefully Chrome, it's faster in Chrome).

3) then drag an image from your computer into the middle area of the index.html page.

4) And start of by clicking "Delete all vertices" and you should be able to start clicking away to draw your polygons. Don't zoom in too much in Chrome, if you don't see any vertices being drawn, zoom out a bit and try until you see vertices and polygons drawn as you click (on my computer I can only zoom into 110 percent, any more than that makes the work disappear until I zoom out again).
Let me know if it works for you.

PS: I am very excited to see people try the app and hopefully see some polygon art posted soon.

_________________
TinT


Last edited by trandoductin on Sat May 24, 2014 11:11 am, edited 1 time in total.

Top
 Post subject: Re: Polygon Art (link to Triangulator app on p.2)
PostPosted: Fri May 23, 2014 10:36 pm  (#66) 
Offline
Script Coder
User avatar

Joined: May 07, 2014
Posts: 4041
Location: Canada
I am so excited that i have created a short video of using the app.
https://www.youtube.com/watch?v=fVkbzkgM72E

_________________
TinT


Top
 Post subject: Re: Polygon Art (link to Triangulator app on p.2)
PostPosted: Sat May 24, 2014 8:43 am  (#67) 
Offline
GimpChat Member

Joined: Mar 04, 2011
Posts: 2446
That last version is excellent.
A quick render + tweak in Gimp using PClinuxOS, SRware Iron (same as chrome)

Attachment:
rosetriangle.jpg
rosetriangle.jpg [ 82.93 KiB | Viewed 3928 times ]


Is there a limit on image size, seemed to stall on a larger image?

_________________
Image


Top
 Post subject: Re: Polygon Art (link to Triangulator app on p.2)
PostPosted: Sat May 24, 2014 8:53 am  (#68) 
Offline
Script Coder
User avatar

Joined: May 07, 2014
Posts: 4041
Location: Canada
Nice one rich2005.
I wonder what the max image size is now so i can post that so people would know.
edit: I tried with a 3000x3000 image and it's okay i just had to zoomout to 50%, although at 50% it was hard to see where the vertices were clicked. It seems that it doesn't want to show the work done if you zoom in to the point where the width of image is greater than the browser width.
and of course I created a facebook page for the app (https://www.facebook.com/PolygonArtApp).

_________________
TinT


Top
 Post subject: Re: Polygon Art (link to Triangulator app on p.2)
PostPosted: Sat May 24, 2014 8:08 pm  (#69) 
Offline
Script Coder
User avatar

Joined: May 07, 2014
Posts: 4041
Location: Canada
dog


Attachments:
dog.jpg
dog.jpg [ 294.74 KiB | Viewed 3888 times ]

_________________
TinT
Top
 Post subject: Re: Polygon Art (link to Triangulator app on p.2)
PostPosted: Sat May 24, 2014 8:24 pm  (#70) 
Offline
GimpChat Member
User avatar

Joined: Sep 22, 2012
Posts: 2089
Location: US
I've tried the latest modification of the app and it works great.
Editable polygons is a huge improvement!
Great coding man!

Below is an example of 3D polygon art that I also like very much
don't know who the author is but i think it's worth posting

Image


Top
Post new topic Reply to topic  [ 148 posts ]  Go to page Previous  1, 2, 3, 4, 5, 6 ... 8  Next

All times are UTC - 5 hours [ DST ]


   Similar Topics   Replies 
No new posts Attachment(s) GEGL Polygons - Simple Polygon wallpaper generator

15

No new posts Attachment(s) Link Area on image.

16

No new posts Attachment(s) Guide to Dinasset's Drawing Effect Abecedary _ PDFs with a LINK

8

No new posts Draw Arrows/Draw Shapes: Sorry! My download link hadn't worked.

0



* Login  



Powered by phpBB3 © phpBB Group