sprites icon indicating copy to clipboard operation
sprites copied to clipboard

Complete Dreamworld SVG collection

Open Naramsim opened this issue 1 year ago • 26 comments

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

Naramsim avatar Nov 14 '23 14:11 Naramsim

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...

gedw99 avatar Nov 14 '23 15:11 gedw99

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

Naramsim avatar Nov 16 '23 01:11 Naramsim

@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

FallenDeity avatar Dec 21 '23 15:12 FallenDeity

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

Naramsim avatar Dec 21 '23 16:12 Naramsim

@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

FallenDeity avatar Dec 22 '23 14:12 FallenDeity

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?

Naramsim avatar Dec 22 '23 22:12 Naramsim

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

FallenDeity avatar Dec 23 '23 04:12 FallenDeity

Adding my own PNG->SVG conversion:

PNG

650 810

SVG

650 810

danimesq avatar Jan 06 '24 05:01 danimesq

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.

FallenDeity avatar Jan 06 '24 13:01 FallenDeity

@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.

danimesq avatar Jan 06 '24 19:01 danimesq

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

FallenDeity avatar Jan 06 '24 20:01 FallenDeity

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.

gedw99 avatar Jan 07 '24 11:01 gedw99

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

FallenDeity avatar Jan 07 '24 16:01 FallenDeity

@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.

danimesq avatar Jan 07 '24 17:01 danimesq

Sprites are upto gen 9

FallenDeity avatar Jan 07 '24 19:01 FallenDeity

Adding my own PNG->SVG conversion:

PNG

650 810

SVG

650 810

This looks amazing! Thanks for the effort!

Naramsim avatar Jan 11 '24 17:01 Naramsim

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.

Naramsim avatar Jan 11 '24 17:01 Naramsim

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)

justingolden21 avatar Apr 24 '24 08:04 justingolden21

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)

Naramsim avatar Apr 24 '24 20:04 Naramsim

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)

justingolden21 avatar Apr 25 '24 08:04 justingolden21

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

Naramsim avatar May 02 '24 20:05 Naramsim

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 :)

akadmitry avatar May 09 '24 13:05 akadmitry

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

Naramsim avatar May 09 '24 13:05 Naramsim

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):

akadmitry avatar May 09 '24 15:05 akadmitry

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

Naramsim avatar May 09 '24 19:05 Naramsim

@Naramsim may be of help:

  • https://twitter.com/dreamworldsvg
  • https://drive.google.com/drive/folders/121i6SuB-peAm57GKh6moQ_tQSw7orjys

danimesq avatar May 22 '24 17:05 danimesq