Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Complete Dreamworld SVG collection #126

Open
Naramsim opened this issue Nov 14, 2023 · 26 comments
Open

Complete Dreamworld SVG collection #126

Naramsim opened this issue Nov 14, 2023 · 26 comments

Comments

@Naramsim
Copy link
Member

Currently our SVG sprites for the Dreamworld art is limited. Official artwork is present from Pokemon with id 1 through 649.

Newer Pokemon artwork is available only as PNG.

We could scrape those PNG off https://www.centropkmn.com/pokes/global-link/ and convert them to SVG.

@gedw99

@gedw99
Copy link

gedw99 commented Nov 14, 2023

cheers @Naramsim

If you want to code to convert to SVG vector format let me know.

Also the SSIm comparison code so that its easy to track down what sprites pulled map to what sprites in the repo...

@Naramsim
Copy link
Member Author

You can start working locally and do some tests. When you have some images you can submit them here through PRs and I'll try to review them

@FallenDeity
Copy link
Contributor

FallenDeity commented Dec 21, 2023

@gedw99 do you have an optimised converter code for png to svg? i scraped all the dreamworld sprites of the above site and bulbapedia but converting them seems a bit hard, the sizes after conversion are a bit too large. need a way to optimise the svgs

@Naramsim
Copy link
Member Author

I don't have any. @gedw99 did you work on it by any chance?

@FallenDeity
Copy link
Contributor

FallenDeity commented Dec 22, 2023

@Naramsim

PNG

650 810
650 810

SVG

650 810
650 810

Is it acceptable?

https://github.com/migvel/color_trace used this for conversion with a few modifications to work with transparent image imo the quality is satisfactory for something converted from raster images

@Naramsim
Copy link
Member Author

Hmm, the contour seems a bit edgy. Better than nothing though. Do you think the image quality can be improved by having a larger SVG?

@FallenDeity
Copy link
Contributor

svgs are supposed to be scalable so i dont think the initial saving size of the svg matters since image will be the same at any scale.

Altho the contour dosent seem to be that edgy to me when i open and zoom the image on browser in pc (it does seem a bit edgy in the default github ui),
it looks fine on phone for some reason

Screenshot_2023-12-23-09-56-42-870_com android chrome

@danimesq
Copy link

danimesq commented Jan 6, 2024

Adding my own PNG->SVG conversion:

PNG

650 810

SVG

650 810

@FallenDeity
Copy link
Contributor

FallenDeity commented Jan 6, 2024

That looks amazing @danimesq do you have the code for this? or would it be more convenient if I zipped over the sprites here? Lets see what other managers have to say ig.

@danimesq
Copy link

danimesq commented Jan 6, 2024

@FallenDeity, I believe we should merge our SVGs maybe?

My SVGs have better black borders, however yours have better internal borders/shadowing.
What software you're using? I do use VectorMagic via WINE (Linux).

Edit: the best way to merge our SVGs is opening each one in Inkscape, and put your shadowing borders into my SVGs (and some missing stuff, such as the line in the right ear of "my" Grookey lol)

Edit: now I've found out the software you've used. Did you try Inkscape's Trace Bitmap function?

I love automation, so clicks in a software could be simulated and the conversion process automatated for all PNGs at once.

@FallenDeity
Copy link
Contributor

I haven't tried inkscape directly but https://github.com/migvel/color_trace used this extracted functions from this repo with a few modifications apparently the extracted functions is similar to what inkscape uses internally for tracing I'll send my updated script and the pngs here shortly

@gedw99
Copy link

gedw99 commented Jan 7, 2024

https://github.com/gotranspile/gotrace is pure golang and can convert raster to vector. Supports SVG, PDF and DXF output

I have used it and it works well.

@FallenDeity
Copy link
Contributor

FallenDeity commented Jan 7, 2024

https://filebox-1-l7109789.deta.app/shared/dd66e4748b6f004e Here are the sprites all mapped to their respective ids (in png)
Let me know if you're unable to access the sprites the whole zip was around 200mb so had to use a file bin

@danimesq
Copy link

danimesq commented Jan 7, 2024

@FallenDeity
Did these DreamWorld sprites stopped in Gen8 or they came to Gen9 as well?

@gedw99

https://github.com/gotranspile/gotrace is pure golang and can convert raster to vector. Supports SVG, PDF and DXF output
I have used it and it works well.

That sounds good. Let's someday mix the best results of each of the 3 software mentioned on this issue.

@FallenDeity
Copy link
Contributor

Sprites are upto gen 9

@Naramsim
Copy link
Member Author

Adding my own PNG->SVG conversion:

PNG

650 810

SVG

650 810

This looks amazing! Thanks for the effort!

@Naramsim
Copy link
Member Author

https://filebox-1-l7109789.deta.app/shared/dd66e4748b6f004e Here are the sprites all mapped to their respective ids (in png)
Let me know if you're unable to access the sprites the whole zip was around 200mb so had to use a file bin

Whenever you are ready you can submit a PR and if it's possible to automate the process you can add a script as well.

@justingolden21
Copy link

justingolden21 commented Apr 24, 2024

grook

Here's grooky scanned in adobe illustrator as "low fidelity photo" in the image trace preset. It's pretty damn good, and takes up way less bytes and is way less complex, which I figure is the goal of using SVG in the first place instead of the already available PNGs. That said, idk how to automate this process, but surely it can be done, although at worst it would be pyautogui running for a million years haha

EDIT: actually comparing mine to the more recent one it's 45% smaller and you've already got a good method for generating them, so don't mind me lol

EDIT 2: these options seem to work well for what it's worth

image

EDIT 3: after above settings, then object>path>simplify on default settings, then removing background:

grook

it's 12.8kb, looks pretty good, and could be automated (somehow... I hope)

@Naramsim
Copy link
Member Author

Naramsim commented Apr 24, 2024

Hi! Your results look promising! Would you be able to investigate a possible automation? Or a quick way to generate all the images?

PS: I tried right click->open in new window your images but they turn out pitch black, is it normal? (I'm on Chrome)

@justingolden21
Copy link

Thanks 😊

Yeah I'm in chrome too and I just saw that as well. I can send the code I guess:

<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 28.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 465 465" style="enable-background:new 0 0 465 465;" xml:space="preserve">
<style type="text/css">
	.st0{fill:#0B1119;}
	.st1{fill:#8BC56D;}
	.st2{fill:#FEF797;}
	.st3{fill:#78AB5F;}
	.st4{fill:#865A15;}
	.st5{fill:#060A15;}
	.st6{fill:#EF8337;}
	.st7{fill:#6A4604;}
	.st8{fill:#CF712F;}
	.st9{fill:#875A15;}
	.st10{fill:#D0712F;}
	.st11{fill:#AE7B4A;}
	.st12{fill:#77AB5F;}
	.st13{fill:#060B17;}
	.st14{fill:#D3975C;}
	.st15{fill:#060A16;}
	.st16{fill:#D1712F;}
	.st17{fill:#78AC5F;}
	.st18{fill:#D4975C;}
	.st19{fill:#D5975C;}
	.st20{fill:#038D2E;}
	.st21{fill:#0E141B;}
	.st22{fill:#050811;}
	.st23{fill:#3C1A24;}
	.st24{fill:#FCFCFC;}
	.st25{fill:#FDFDFD;}
	.st26{fill:#FCFDFD;}
</style>
<g>
	<g>
		<path class="st0" d="M323,189.2c-3.9,49-21.2,52.6-45,90.1c-2,3,0.2,3.6,2.1,4.8c35.6,20.2,52.5,52.1,63.1,89.9
			c19,11.9,53.4,8.2,60.9-19.2c1.5-5.5-0.5-10.2-2.3-14.9c-3.6-9.3-6.1-18.8-4.7-28.7c3.2-25.4,38.4-27.1,43.6-2
			c19.3,58.8-40.2,122.6-99,96.9c-3.4-1.6-5-0.9-6.6,2.3c-3,6.1-8.1,11-6.5,19.3c0.9,4.9-5.9,7.8-9.3,6.7
			c-7.6-2.4-14.5,4.2-22.1,0.4c-9.2-1-10.7,13.4-26.6,9.1c-4.6-1.1-9.8,5.4-13.6-1.3c-8.3,6.3-13-6.5-20.7-4
			c-0.9,0.3-3.5-1.4-3.7-2.5c-1-4.2-3.9-4-6.5-2.7c-13.3,6.4-27.1,1.7-40.6,2.4c-2.7,0.1-4.5-1.7-5.1-4c-0.9-3.4,0.6-6.6,3.2-8.4
			c10-6.1-15.5-6.7-15.3-37.5c-34.5,27.8-73.3-1.7-60.9-41.1c1-3.8,0-5.1-3.4-7.1C64,317.8,26.2,308.4,8.5,261
			c-5.4-14.7,12.1-20.4,23-22.5c6.7-0.7,9-3.6,9.6-10c2.7-31.3,18.5-56.4,37.5-80.3c-5.8,1-11.1,4-16.7,5.8
			c-15.1,6.5-24.1-18-8.6-22.8c5.4-2.5,11-4.8,16.7-6.5c6.7-2.1,5.3-4.2,1.1-8c-17.7-16.2-25-36.3-21.1-60.1
			c1.5-9,7.4-11.2,15.4-8.7c18.2,5.1,29.6,18.4,41,32.2c3-26.8,16.5-46.3,40.5-58.4c5.9-3,10.2-1.3,13.5,4.1
			c12.1,19,10.2,39,5.5,59.8c9.9-3.3,19.3-7.9,29-11.6c11.1-4.5,13,5,15.8,11.4s3.5,12.9-5.9,15.7c-10.2,3.6-21,6.5-30.6,11.5
			c36.7,1,67.7,12.9,91,42.2c2,2.4,3.9,2.7,6.9,1.9C297.8,149.7,325.2,150,323,189.2z"/>
		<path class="st1" d="M52.1,262c0,11.3,4.2,21.4,8.1,31.7c-35-52.5-5-119.5,36.8-158.5c9.5-5.6-0.9-13.5-7.2-16
			C67.6,107.9,52,78.8,54.9,53.9c1.2-3.9,4.2-4.1,7.2-3c23.6,8,39.6,24.4,48.2,47.8c-0.8-30.8,7-55.9,36.1-72.7
			c5.8-3.3,9.1-2,12,3.4c13,26.1,5,58.6-17.9,76.7c-3,2.4-6,4.8-6.2,9.1c-2.4,8.2,48.2-0.7,56.5,2.7c28.3,4.1,51.6,16.8,69.6,39
			c0.9,1.1,3.7,2.6,0.3,4c-25.9,12.2-10.6,88.2,13.2,99.2c-11.9,33.8-46,52.7-78.5,62.4c-1.7,0.5-3.8,2.1-5-0.9
			c9.5-29.3-2.3-21.1,27.1-21.5c71.9-14,17.5-147.1-45.6-116c-10.3,5.3-16.3,15-20.3,25.6c-0.7,1.6-0.8,4.1-2.9,4.2
			c-4.2-0.4-7.7-13.9-11.3-17.7c-3.6-5-12.7-20.5-17.1-8.3c-4.5,10.8-4.7,22.4-4.3,33.9c0.1,1.1,0.1,2.5-1.1,3.1
			c-1.2,0.5-2.2-0.3-3.2-0.9c-15.3-16.8-39.2-17-50.6,4c-4.7,8.3-6.9,17.3-7.2,26.8C53.6,257.3,54.1,259.9,52.1,262z"/>
		<path class="st2" d="M88.2,318.9c-29.3-20-45.3-65.9-22.5-95.8c16.3-18.7,36.4-9.1,50.3,6c1.7-0.8,0.5-3.3,0.4-5
			c-1-27.6,3.8-61.6,25.8-18.2c1.6,1.5,5.7,16.6,7.7,9.7c6.4-28.1,34.3-43.8,60.6-29.8c32.9,18.4,52.4,66.9,30.6,100.3
			c-9.8,15.2-38.3,19-46.4,8.1c-0.1-4-6.9-16.3-4.1-18.3c2.7-0.4,4.2,1.7,5.9,3.2c6.8,6.4,14.6,10.1,23.6,6.3
			c18.8-8.9,13.3-35.8,3.7-49.9c-23.2-30.3-50.8-4.7-38.1,26.1c2.3,3.8,1.4,11.6-3.5,5.7c-12.3-14-30.6-22.8-49.3-16.1
			c-14.2,3.2-16.9,24.8-23.4,14.5c-6.3-9.3-18.7-18.7-30.1-12.1c-15.4,15-2.2,42.6,13.7,52.5c14.5,10.6,19.6-5.9,25.4,1.8
			c2.9,3.9,6.3,10.3,0,12.3C108.8,325.3,97.1,326.3,88.2,318.9z"/>
		<path class="st3" d="M191,321.8c36.5-9.2,64.8-27.3,83-61.7c17.8-0.1-9.6,32.3-14,37.8c-1.3,1.4-3.7,2.5-2.9,5.2
			c0.2,0.5,0.2,1.1-0.1,1.4c-7.2,7.5-11.3,16.8-15.8,25.8c-5,9.4-6.2,19.8-7.5,30.1c-2,15,0.2,29.8,2.8,44.5
			c2.4,12.9-9.8,3.5-13.3-1.6c2.9,6.4,19.8,10.1,13.9,17.5c-11.4,0.2-22.7-2.3-34.1-0.1c-2.3,0.4-4.9,1.3-7.1-0.6
			c-19.1-3.4-34.5-36.9-10.6-48c7.7-5,9.6,1.4,15.9,4.6c1.3-5.4-18.3-18.6-23.3-18.1c-1.5,1.2,0.7,1.7,0.9,2.6
			c-2.6,10.8-10.3,21-21.2,25.7c-1.1-2.1,0.3-3.8,0.9-5.6c11.5-33.9-9.1-35.3,16.4-38.6c-3.3,0.2-12.9,3.9-13.9-1.3
			c-1.1-4.5,3.8-5.9,7.2-6.2c7.1-1.4,13.1-4.7,18-10C187.4,323.6,188.6,321.6,191,321.8z"/>
		<path class="st1" d="M240,329.1c4.8-9.3,8.2-19.4,17-26.1c3.9-3.6,8.7-6.6,11.4-11c4.4-7,8.3-6.3,14.3-2.1
			c23.8,15.6,61.3,59.3,50.8,88.8c-9.2,11.6-21.4,16.2-36,14.4c-4.1-0.1-7.9-3.3-6.9-7.7c1.2-8.1,0.5-16.2,0.7-24.3
			c-1.2-11.7,6.4-11.2,15.7-12.9c-5.7-6.2-10.5-15.5-18.9-17.6c1.5,9.8,3.8,29.4,2.5,43c0.6,11-23.7-8.7-50.5,7.7
			c-14.6,9.3-3.3-43.9-0.3-49.3C240,331.1,240.1,330.2,240,329.1z"/>
		<path class="st4" d="M266,247.1c-15-23.4-18.2-49-10.9-75.5c8.2-12.5,21.9-12.8,34.4-14.3c9.7-1.1,20-1.2,25.7,9.6
			C322.6,191.9,292.3,245.5,266,247.1z"/>
		<path class="st5" d="M191,321.8c-12.5,19.1-29.8,11.2-29,19.2c-0.1,3.1,2.3,1.5,3.6,1.4c5.6-0.6,11.4-1.2,17-1.8
			c-2.6,3.4-6.8,3.3-10.2,3.4c-8,0.3-10.9,2.9-9,11.5c0.9,2.2-0.6,19.4-3,19.2c-2.2-0.6-1.8-2.6-1.9-4.3c3.1-11.3-1.9-22.3-0.6-33.6
			c0.8-6.9-5.3,1.5-7.9-1c-2.5-2.2,1.8-6.4-1.3-8.3c-1.6-1-2.7,0.5-3.9,1.4c-2.7,3.3-5.7,2.1-5.1-2.2c0.7-4.5-3.1-5.2-4.6-1
			c-0.9,1.5-1.4,3.9-3.7,3.3c-2.2-0.6-1.7-2.9-1.9-4.7c0.2-5-4.1-5.1-5.5-0.6c-4.5,17-9.2-4.5-10.5,5.5c-0.4,2.9,0.9,6.1-1.7,8.5
			c-5.9-12.9-18.3-5.1-23.8-19.1c10.5,5.2,21.2,5.4,30.9-1.1c6.2-4.1-1.9-7-2.8-10.6c-1-3.8-2.6,0.4-3.5,1
			C88.1,320.7,65.2,281,72.5,260c1.1-3.5,2.7-6.8,6.3-8.5c1.8-0.5,1.5,0.8,1.2,1.6c-8.7,15.8,0.8,42.1,16.5,50.3
			c6,3.8,16.2,2.5,14.6-6.4c-0.4-2.6-1.1-5.2,0.1-7.8c5.8-6.6,7.5,12.8,10.7,15.7c1.2,2.2,1.3,6,5.8,4.4
			c15.9,9.3,32.1,17.3,45.5-1.6c5.3-4.6,6.6-22.7,11.6-21.6c2.1,1.4,1.9,3.5,1.5,5.4c-3.2,15.2-9.7,28-25.6,33.5
			c-2.2,0.4-2.2,1.2-0.3,2.1c4.7,6.1,10.1,4,15.5,1.3c11.5-5.8,17.5-19.1,15.3-33.6c-3.8-24.3-26.9-47.2-52.6-42.1
			c-7.4,1.2-13.2,5.2-17,11.9c-1.2,2.1-1.9,4.7-4.8,5.4c-2.4-0.8-2.6-2.3-1.6-4.3c11.5-29,55.7-21.2,70.9,2.9
			c9.6,0.7,4.2,23.9,13.7,26.9c12.2,4.9,25.1,3.6,35.5-5.8c27.1-27.8,11-76-16.6-97.5c-32.9-23.9-59.4-5.1-69.9,29.7
			c-3-4.5-22-48.3-27-32.5c-5.6,14.4-3.1,29.3-3.8,44.1c-11.9-10.1-21.1-24.7-39.3-17.5c-22.4,8.2-21,32.2-23.3,51.7
			c-0.6-2.6,0.6-7.1-3.4-5.7c-4.4-37.9,30.8-72.1,62.1-37.7c-0.4-12.7-0.5-25.5,4.5-37.5c8-19.9,25.1,20,29.8,26.4
			c12.8-44,56.2-43.1,79.8-17.2c36.5,30.1,34.9,119-27.9,104.7C193.1,297.9,198.8,310.4,191,321.8z"/>
		<path class="st4" d="M352,381.8c18.6,4.3,35.6,2.3,48.7-13c7.8-9.1,9.4-19.4,4.7-30.8c-6.9-14.3-8.3-40.6,12.4-43
			c8.9-1.1,14.1,4,17.6,11.2c10.2,23.3,2.5,51.4-13.5,70.2c-12.2,13.8-27.5,21.2-45.8,22.2c-10.1,1.1-25.9,0-26-12.9
			C350.1,384.2,349.4,382.1,352,381.8z"/>
		<path class="st6" d="M112,338c0.5-3.4-2.1-13.5,1.8-14.4c3.5-0.5,5,4.1,6.4,6.8c2.7-3.4,2.3-13.5,8.3-12.3
			c4.3,1.5,2.9,6.8,3.3,10.5c2.4-0.3,1.5-2.6,2.3-3.9c2.2-7.5,10.3-4.4,7.7,2.8c-0.3,0.8-0.1,1.8-0.1,2.7c3.1-1.7,4.6-7.7,8.8-4.7
			c4.1,2.6,1,6.5,0.2,10.2c2.4-0.6,9.3-8.3,8.8-2.1c-1.1,12.3,4.9,24.3,0.8,36.4c-16.8,8.2-44.4,6.8-50.9-14
			C110.1,350,111,344,112,338z"/>
		<path class="st3" d="M292.1,389.9c18.1,6.6,42.1-5,44-21.3c4.8,20.7-0.3,38.4-15.2,54.1c-1.6,4.4-16.9,3.1-21.2,2.7
			c-4.7-2.3-15.4,0-14.3-7.8C288.1,410.2,287.4,395,292.1,389.9z"/>
		<path class="st7" d="M352,381.8c-1.4,9.9,3.4,14.8,12.8,15.1c41,1.7,67.5-22.8,75-62.9c1.3,51.4-50.5,88.4-96.7,69.3
			c-7.8-2.2-0.9-9.9-2.1-15.4C340.6,378.2,344.6,376.9,352,381.8z"/>
		<path class="st7" d="M266,247.1c31.6-12.9,48.8-47.5,49.1-80.2C329.5,188.3,296.7,291.7,266,247.1z"/>
		<path class="st8" d="M109.1,356c10.6,16.2,28.6,21.5,46.6,13.6c1.7-0.7,3-1.2,4.3,0.4c0.2,1.5,0.5,2.9,0.7,4.4
			c0.4-0.5,0.8-1,1.3-1.5c1.1,5.5-2.5,9.5-4.3,14.1C134.9,404,105.7,382.4,109.1,356z"/>
		<path class="st8" d="M286.1,432.9c0.1,2.7,1.3,6.3-2.8,6.8c-4.6,0.5-0.5-4.1-4.9-8c-0.7,3.7,1,9.7-4.2,10.1c-6,0.6-4.2-6-6.2-9.8
			c-1.6,3.6-0.5,9.6-5.8,10c-5.2,0.4-4.3-5.5-6.2-8.7c-0.4,0.8-1.2,1.6-1.1,2.2c1.3,8.1-11.9,8.1-8.6-5.1c-0.8,0.9-1.8,1.8-2.4,2.9
			c-1.6,3-4.4,2.8-7,2.4c-2.7-0.4-1.4-2.4-1.1-3.9c-1.8-4.3,5.6-3.3,5.6-10.9c1.8-7.3,21.7,4,39.1-10.1c4.2-3.6,7,0.5,5.2,4.9
			c-1.1,5.1-3.3,10.4,0.6,15.4C286.7,431.5,286.4,432.3,286.1,432.9z"/>
		<path class="st9" d="M12.2,257c-1.2-10.5,7.7-11.2,14-13.7c24.2-10.3,7.4,15.4,24,43.6c0.2,1.7-1.2,1.5-1.9,1.1
			C33.5,280.9,19.7,272.6,12.2,257z"/>
		<path class="st7" d="M12.2,257c10,13.3,22.1,24.1,38,29.9c5.9,11.8,13.5,22.2,22.9,31.4C52.8,316.8,15.6,277.7,12.2,257z"/>
		<path class="st10" d="M195.9,420.1c14.1-3.1,28.1-2.8,42.2-0.1c7,5.2-3.7,12.2-9,10c-5.6,0.4-20.1,8.5-23,1.8
			c-1.9-4.3,2.5-4.8,4.7-7.4c-4.1-1.3-8.2,1.6-8.3,5.9c-0.1,1.7,0.7,3.4-2,3.5c-8.4,0.3-7.7-6.9-1.1-9.8c-3.6-1.4-7.2,1.2-8.2,4.8
			c-0.5,1.5,1.2,4-1.8,4.3c-4.5,1.4-7.9-2.6-4.5-6.4C187.5,422.6,192.5,422.7,195.9,420.1z"/>
		<path class="st11" d="M197.2,91c6.9,6.2,4.7,8.9-3.4,10.9c-17.1,4.1-33.1,15.9-51.7,12.7c7.1-6.2,13.8-12.6,19-20.5
			c4.3,1.8,0.8,8.6,8,5.5C175.7,98.4,193,87.5,197.2,91z"/>
		<path class="st12" d="M54.9,53.8c1.6,27.1,13.8,55.6,40.5,66.4c3.5,1.7,7.6,3.6,5.5,8.9C66.7,116.3,45,84.8,54.9,53.8z"/>
		<path class="st11" d="M67.7,128.8c8.9-6.5,17.3-3.4,25.5,1.4c8.7,4.7-34.1,23.6-37.5,21.4c-5.5-0.4-7.8-6.3-1.7-8.4
			c4.8-2.3,9.9-3.8,14.8-6c4.7-2,4.7-2.4,1-5.8C69,130.7,68,130.1,67.7,128.8z"/>
		<path class="st13" d="M286.1,432.9c-7.5-7.3-0.8-15.3-1.1-23c-0.4-11.2,0.5-22.2,3.9-32.9c1.7-18-1.2-35.7-3.2-53.6
			c2.7,6.4,7.2,11.7,7.1,18.9c1.8,10.3,9.3-2.2,19.8,9c-10.7-1.9-20.3-2.2-19.6,11.2c0,9.1-0.5,18.3-0.8,27.4
			c-1.4,7.8-2,15.8-4.4,23.3c-3.7,10.7,4.8,8,11.4,10.8c-1.9,6.2-14.1-2.3-10,7c0.5,1.7-1.1,3.3-1.7,4.9
			C287,434.9,286.6,433.9,286.1,432.9z"/>
		<path class="st14" d="M197.2,91c-7.9,2.9-15.8,5.5-23.5,8.8c-6.7,2.9-12.5,5.3-12.6-5.7c1.7-6.9,14.3-7.2,19.6-11.1
			C190.9,76.3,196.5,78.5,197.2,91z"/>
		<path class="st15" d="M229,429.9c5.2-1.3,12-1.1,9.1-9.9c-0.2-6.3-6.6-6.3-9.7-9.6c-3.6-3.8-8.1-6.9-9.3-12.5
			c4.6,1.3,5.7,6.4,9.4,8.6c2.4,1.4,4.7,2.9,7.1,4.4c-4.8-27.5-7.7-55.2,4.5-81.6c2,2.1,0.2,4.1-0.3,6c-4.4,15.4-5.8,31-4.4,46.9
			c1.8,2,2,4.5,2.3,7c0.4,11.1,4.9,21.8,4.5,32.9c2.5,6.3-5,6.2-6.3,10C233.5,431.2,231.2,430.6,229,429.9z"/>
		<path class="st16" d="M289,432.9c-5.7-7.8-3.6-10.1,5.4-8.1c8.6-1.7,17.9,0.3,26.5-2.2c1.5,1.3,4.2-3.1,5,1.1
			c2.2,8.1-12.4,11-13.4,2.4c-2.9,5.9-2.4,6.7-9.1,6.6c-2.7,0.2-5.1-0.7-4.2-4.4c0.1-0.4-0.5-0.9-0.7-1.4c-0.5,0.4-1.3,0.8-1.4,1.3
			C296.2,433.1,292.3,432.5,289,432.9z"/>
		<path class="st17" d="M134.3,115.1c-3.4-3.9-0.1-6.3,2.4-8.1c20-14.4,26.7-34.9,27.5-58.3C170.2,72,157.8,99.6,134.3,115.1z"/>
		<path class="st18" d="M67.7,128.8c3.1,1.4,6.1,3,7.9,6.2c-7.8,5.8-18.1,6.3-25.3,13C42.4,135.6,59.4,132.2,67.7,128.8z"/>
		<path class="st19" d="M209.7,92.2c-0.1,2.4-0.5,5.3-2.5,4.4c-7.1-3.1-8.6-9.9-9.7-16.7c-0.3-1.8,0.1-5,1.9-4.2
			C206.9,78.7,208,86,209.7,92.2z"/>
		<path class="st20" d="M118.3,115.8c-5.4-0.3-29-16.7-27.7-23c3.3,1.7,25.9,25.6,26.7,15.7c2.8-11.3,5.1-24.9,14-33
			c-4,12.3-10,23.9-11.4,37.2C119.7,114,118.7,115.1,118.3,115.8z"/>
		<path class="st21" d="M184.1,232c7.2-19,32.5-12.8,40.8,2c0.5,11.7,7.2,25.4-2.5,35.3c-14.1,14.7-33.2-5.1-35.7-20.1
			C185.2,243.3,186.1,237.7,184.1,232z"/>
		<path class="st21" d="M115.1,266c0,1.7,0.2,3.2,2,4c1.7,4.8,0.2,14.1-2,19c-1,0.4-2.1,0.8-3.1,1.2c-13.4,20.3-39.9-9.2-34.8-29.1
			c0.2-0.9,0.7-1.9,0.1-2.9c0.6-2.1,1.2-4.2,1.8-6.3c10.2-5.8,22.7-0.7,32.3,13.1C112,266.1,112.7,270,115.1,266z"/>
		<path class="st22" d="M225,242.8c-0.4-2.9-4.3-5.8-0.1-8.7c27,36.8-8,80.1-39,34.9c-2.4-12-8.6-25.1-1.9-37c1,1.4,1.9,2.7,2.9,4.1
			C179.2,284.9,243.9,306.7,225,242.8z"/>
		<path class="st6" d="M242.1,421.9c-3.9-13-6.1-26.3-6.8-39.9c17-10.4,34.9-12.7,53.6-5c-0.3,11.1-1.4,22.1-3.9,32.9
			c-11.9,9-25,12.8-39.8,9.5C242.8,418.9,243.2,421.2,242.1,421.9z"/>
		<path class="st12" d="M308,347.9c-18.2,4.9-17.6-4.6-18.9-17c1.1-0.2,0.7-3.7,2.9-1.4C297.7,335.3,304,340.6,308,347.9z"/>
		<path class="st23" d="M255.9,215.2c1.6-11.1,23.4-30.7,34.5-31.5c-11.4,9.3-24.5,17-32.6,30.1
			C257.4,214.1,256.9,214.3,255.9,215.2z"/>
		<path class="st6" d="M115.1,289c-1.9-53.2,59.4-47.2,74.1-5.2c-1.5,0.9-1.9,3.2-4.1,3.2c-4.6,2.3-2.3,7.9-5.1,11
			c-6.7,7.2-14.8,12.2-24.3,15c-8.2,2.4-16.4,1.8-24.6,0c-3.2-2-3-1.9-4,0.7C124.5,318.5,114.2,291.9,115.1,289z"/>
		<path class="st8" d="M185.1,287c1.4-1.1,1.5-3.7,4.1-3.2c10.4,21.3,0,45.3-21.5,49.6c-6,1.2-7.1-7.1-12.9-5.9
			c-0.2,0-0.8-2.2,1.5-2.9C174.4,319.2,184.8,305.4,185.1,287z"/>
		<path class="st24" d="M77.2,258.2c-0.2,20.1,12.1,45.3,34.7,32C121.2,330.2,63.7,295.6,77.2,258.2z"/>
		<path class="st8" d="M131.1,312.9c5.9-2.3,11.7,1.2,17.6-0.1c10.4-2.2,20.1-5.6,27.5-13.6c1-1.1,2-2.3,3.8-1.3
			C169.6,326.1,149.5,325.8,131.1,312.9z"/>
		<path class="st25" d="M225,242.8c6.4,11,8,22.4,1.9,33.9c-19,27.3-51.4-22.1-39.9-40.6c-1.4,15.9,10.1,42.5,29.6,35.6
			C228.7,266.5,226.3,253.4,225,242.8z"/>
		<path class="st24" d="M214.1,250.4c-0.5,3.7-1.1,8.4-5.3,7.3c-8-2-8.8-9.5-9.4-16.4c-0.3-3,0.7-7.2,4.4-6.5
			C212,236.5,212.7,244,214.1,250.4z"/>
		<path class="st26" d="M88.6,267.6c0.3-2.3,0.5-6.1,4-5.2c7.5,1.9,9.7,8.4,10.6,15.3C102.7,291.2,87.8,277,88.6,267.6z"/>
	</g>
</g>
</svg>

(for some reason github specifically pastes the copied code incorrectly (works fine in every other text field I've tried) so I had to paste into vs code then copy that and paste back into github to get the svg without a bunch of html tags and pipes "|", very weird)

As for automation, I'm curious too. I don't know anything at all about automating in illustrator, but I'm sure it's possible somehow. It's a popular program and a powerful one (and as someone who uses it often and has used it for a decade, a horribly laggy and buggy one and I'm glad to see competitors finally take it over lol)

@Naramsim
Copy link
Member Author

Naramsim commented May 2, 2024

Well if you have rendered some of them already, you could add them to the sprites repo, even if it's only grookey :)

@akadmitry
Copy link

Hey there! I have a script for Adobe Illustrator which takes source folder, destination folder and automates the task by reading each of the PNGs from the source folder, applying Image Trace Preset with the name Pokemon (You can create it in AI with the desired options), calling Object>Path>Simplify and eventually saving as SVG into destination folder.

P.S. Found the job on Upwork, but was not able to apply because I am from Europe, not US, felt like to tell about it here :)

@Naramsim
Copy link
Member Author

Naramsim commented May 9, 2024

Cool! Could you try and see if it works for converting our images?

@akadmitry
Copy link

It's all about balance between artefacts and file size. With exact justingolden21 preset some of svgs have artefacts due to noise level of 100px.

I have changed it to 1px which obviously increases the size, but it looks more or less viable.

Here are 10 processed images with 1px noise (IDs: 650-659):

@Naramsim
Copy link
Member Author

Naramsim commented May 9, 2024

I still cannot open these in a new tab, github renders them completely black.

@danimesq
Copy link

@Naramsim may be of help:

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

6 participants