Dominion Strategy Forum

Please login or register.

Login with username, password and session length
Pages: 1 ... 4 5 [6] 7  All

Author Topic: Dominion Card Image Generator  (Read 15656 times)

0 Members and 1 Guest are viewing this topic.

LibraryAdventurer

  • Saboteur
  • *****
  • Offline Offline
  • Posts: 1226
  • Shuffle iT Username: LibraryAdventurer
  • Respect: +943
    • View Profile
Re: Dominion Card Image Generator v1.5
« Reply #125 on: December 12, 2018, 10:24:23 pm »
0

These are raster images, after all, not vectors.
What does this mean? I don't know of these 'raster' or 'vectors' of which you speak.

Violet CLM

  • Young Witch
  • ****
  • Offline Offline
  • Posts: 130
  • Respect: +314
    • View Profile
Re: Dominion Card Image Generator v1.5
« Reply #126 on: December 13, 2018, 12:23:04 am »
+3

Okay! Look at this triangle.

In a raster image, which most image formats qualify as--png, bmp, gif, jpeg, etc.--this is basically encoded as a long list of pixels specifying whether each one should be black or transparent (or something in-between, for the edges). The downside to this approach is that if you want to resize the image, you get something like this:

The program doing the resizing, in this case your web browser, has no idea what the image is actually supposed to depict. It just knows there are a bunch of pixels in different places, and when trying to draw the image larger, it grabs one of those pixels (or multiple of those pixels, if it's blurring) and uses that. So that's one downside to raster images: they have a finite amount of detail, and when you try to display them at a size larger than their detail, it looks wrong.

Because raster images are essentially just lists of pixels, their filesize is hugely affected by their dimensions. A 32x32 image has far fewer pixels than a 1024x1024 image, for example, so it'll almost always be smaller. Depending on the specific image file format you're using, the complexity of the image will also play a role, but the dimensions will always be a factor.

Vector images (most commonly svg files) don't do any of that. The vector equivalent of that triangle image is basically, instead of a long list of pixels, a statement "there is a shape and it's black and it has three points and they are located here, here, and here." That's it! And each of those point locations would be expressed as a percentage of the image's overall width and height. So when you resize a vector image, it looks like this instead:


Perfectly smooth at any size. Vector image file formats generally let you specify a size the image should be displayed as by default, but really, the images themselves don't exactly have dimensions, they're just lists of shapes. The filesize of a vector file will depend purely on the number and complexity of those shapes, but won't care in the slightest about dimensions.

So you might think, wow, vector images sound great, they have none of the downsides of raster images, let's use them for everything! Well, for triangles and stuff, sure. But look at this random picture:

It would take forever to reduce this to a list of shapes and their colors. The more textured the image, the more irregular the shapes, etc., the harder it gets to make a vector equivalent, and automatic software solutions remain fallible. So both rasters and vectors persist, because both do different jobs.
Logged

LibraryAdventurer

  • Saboteur
  • *****
  • Offline Offline
  • Posts: 1226
  • Shuffle iT Username: LibraryAdventurer
  • Respect: +943
    • View Profile
Re: Dominion Card Image Generator v1.5
« Reply #127 on: December 13, 2018, 01:59:30 am »
0

oh. ok. So, back to my original question, why are the images created by your generator so much bigger (dimentionally as well as file size) than a photoshop template for Dominion cards?

Violet CLM

  • Young Witch
  • ****
  • Offline Offline
  • Posts: 130
  • Respect: +314
    • View Profile
Re: Dominion Card Image Generator v1.5
« Reply #128 on: December 13, 2018, 03:15:03 am »
+1

So the DPI is higher in case you want to print anything.
Logged

Neirai the Forgiven

  • Explorer
  • *****
  • Offline Offline
  • Posts: 333
  • Respect: +128
    • View Profile
Re: Dominion Card Image Generator v1.5
« Reply #129 on: December 13, 2018, 12:31:07 pm »
+1

So the DPI is higher in case you want to print anything.

To chime in, when I printed the Antiquities physicals, the printer (www.ludocards.com) wouldn't accept any files under a certain DPI... which basically translated to "under a certain dimensions" if you're using normal windows images. So the fact that the generator produces such massive images was exactly what they/I wanted.

(The printer would reject those files because experience says the client will be upset by the low quality/blotchy/gross results)
Logged

NoMoreFun

  • Saboteur
  • *****
  • Offline Offline
  • Posts: 1448
  • Respect: +1038
    • View Profile
Re: Dominion Card Image Generator v1.5
« Reply #130 on: January 12, 2019, 07:32:42 pm »
+6

Can someone please sticky this topic?
Logged

MattLee

  • Spy
  • ****
  • Offline Offline
  • Posts: 81
  • Respect: +87
    • View Profile
Re: Dominion Card Image Generator v1.5
« Reply #131 on: January 13, 2019, 12:00:17 am »
0

Can someone please sticky this topic?

I can't believe it hasn't been yet. Seriously, if we want this part of the forum to be as active as possible this NEEDS to be stickied.
Logged

Asper

  • Governor
  • *****
  • Offline Offline
  • Posts: 4989
  • Respect: +5243
    • View Profile
Re: Dominion Card Image Generator v1.5
« Reply #132 on: January 13, 2019, 06:59:51 am »
+2

I'm sure we talked about sticky-ing this thread before. I have my own template, and even then I love how simple to use this is. If you could upload your own expansion symbol and this didn't have some issues with certain costs (*, +), I'd use it for everything.

Shard of Honor

  • Salvager
  • ****
  • Offline Offline
  • Posts: 65
  • Shuffle iT Username: Shard of Honor
  • Respect: +44
    • View Profile
    • Fan Card Creator
Re: Dominion Card Image Generator v1.5
« Reply #133 on: February 02, 2019, 08:58:30 pm »
+6

Hey folks,

I started to adjust this great dominion card image generator with a few additional features. At first, only locally for personal use, but I don't want to keep this from the community, so here it is:

https://shardofhonor.github.io/dominion-card-generator/

Dumb example to showcase some of the new features

I am sure, Violet CLM's next version is even better, but it might be useful for you in the meantime.
I hope nobody takes offense, if I hijack this. But if this is the case, I can delete my version again very quickly!
Please note, that the main effort and code is not made by me and these are only small adjustments to the original, including:

- Better display of overpay and variable costs
- Two lines for more than 3 types
- Options to move and zoom card images
- Custom boldable keywords (the german keywords are already hardcoded into it)
- Custom expansion icons
- Option to create italic text, by adding the code "[i]" to the specific line
- New right-justified line at the bottom to enter additional credit information
- More positions to split the background for two colored cards

(Tested on macOS with Chrome, Firefox and Safari)
Logged
You might want to check out my own fan-card creations, built with this.

Violet CLM

  • Young Witch
  • ****
  • Offline Offline
  • Posts: 130
  • Respect: +314
    • View Profile
Re: Dominion Card Image Generator v1.5
« Reply #134 on: February 03, 2019, 01:36:55 am »
+1

Some great additions there, thanks for sharing! The Position X/Position Y/Zoom sliders in particular are exactly what I've always had in mind but never gotten around to implementing... something about their CSS may be a bit iffy, though, because the two form columns are wildly different widths for me, at least viewing in Chrome. I've also noticed that changing the Secondary Color doesn't work properly when Split Position is anything other than Half, and for that matter, Split Position probably shouldn't be an available field for card styles when it doesn't do anything.

ETA: also, you've got a problem where messing with the image's position/size can cause it to be drawn behind the transparent corners of the card
« Last Edit: February 03, 2019, 02:01:27 am by Violet CLM »
Logged

herw

  • Bishop
  • ****
  • Offline Offline
  • Posts: 114
  • Shuffle iT Username: Dominion-online: herw (basic account) and Herwig (Gold)
  • Respect: +43
    • View Profile
Re: Dominion Card Image Generator v1.5
« Reply #135 on: February 03, 2019, 01:53:31 am »
+1

Hey folks,

I started to adjust this great dominion card image generator with a few additional features. At first, only locally for personal use, but I don't want to keep this from the community, so here it is:

https://shardofhonor.github.io/dominion-card-generator/

[...]
great additions; thanks
I still don't like the pictures of costs and debts. The numbers are too big (especially when using 12$ or 12 debt). The numbers should be a few pixel to bottom.
Long titles (more than 13 characters) have a conflict with costs on top (treasures).
« Last Edit: February 03, 2019, 02:11:14 am by herw »
Logged

Shard of Honor

  • Salvager
  • ****
  • Offline Offline
  • Posts: 65
  • Shuffle iT Username: Shard of Honor
  • Respect: +44
    • View Profile
    • Fan Card Creator
Re: Dominion Card Image Generator v1.5
« Reply #136 on: February 03, 2019, 10:26:37 am »
+1

I fixed some of the issues, namely:

- the title conflict for treasures
- layout for sliders
- changing of secondary color for other split positions
- cut corners for zoomed picture

Still open issues are the number rendering and hiding the split position field, if it is not required. I'll do this, when I find some time for it.
Logged
You might want to check out my own fan-card creations, built with this.

mail-mi

  • Saboteur
  • *****
  • Offline Offline
  • Posts: 1113
  • Shuffle iT Username: mail-mi
  • Come play some Forum Mafia with us!
  • Respect: +1169
    • View Profile
Re: Dominion Card Image Generator v1.5
« Reply #137 on: February 08, 2019, 01:01:05 pm »
0

This may seem like a dumb question, but how do I get the card from the creator onto the forum? I'm pretty illiterate in this field.
Logged
I currently imagine mail-mi wearing a dark trenchcoat and a bowler hat, hunched over a bit, toothpick in his mouth, holding a gun in his pocket.  One bead of sweat trickling down his nose.

'And what is it that ye shall hope for? Behold I say unto you that ye shall have hope through the atonement of Christ and the power of his resurrection, to be raised unto life eternal, and this because of your faith in him according to the promise." - Moroni 7:41, the Book of Mormon

Shard of Honor

  • Salvager
  • ****
  • Offline Offline
  • Posts: 65
  • Shuffle iT Username: Shard of Honor
  • Respect: +44
    • View Profile
    • Fan Card Creator
Re: Dominion Card Image Generator v1.5
« Reply #138 on: February 08, 2019, 01:39:33 pm »
+1

This may seem like a dumb question, but how do I get the card from the creator onto the forum? I'm pretty illiterate in this field.
Despite the generator being a website, the image is only generated via javascript running locally in your browser, so there is no static image that can be referenced directly.
So you have to download the image from the generator to your computer via right-click option and then upload it somewhere at a image hosting service (for example imgur) to reference the image link from there using image bb code like this:
Code: [Select]
[img width=200]https://exampleimagehostingservice.com/link-to-image-file[/img]
Logged
You might want to check out my own fan-card creations, built with this.

Shard of Honor

  • Salvager
  • ****
  • Offline Offline
  • Posts: 65
  • Shuffle iT Username: Shard of Honor
  • Respect: +44
    • View Profile
    • Fan Card Creator
Re: Dominion Card Image Generator v1.5
« Reply #139 on: February 08, 2019, 04:24:16 pm »
0

The numbers issue is not exactly solved but hopeful better and the split-position field now only shows, when needed.
And there are two new things: Base Cards and Pile Markers
« Last Edit: February 14, 2019, 03:04:43 am by Shard of Honor »
Logged
You might want to check out my own fan-card creations, built with this.

Commodore Chuckles

  • Jester
  • *****
  • Offline Offline
  • Posts: 803
  • Shuffle iT Username: Commodore Chuckles
  • Respect: +1125
    • View Profile
Re: Dominion Card Image Generator v1.5
« Reply #140 on: February 08, 2019, 06:10:19 pm »
0

This may seem like a dumb question, but how do I get the card from the creator onto the forum? I'm pretty illiterate in this field.
Despite the generator being a website, the image is only generated via javascript running locally in your browser, so there is no static image that can be referenced directly.
So you have to download the image from the generator to your computer via right-click option and then upload it somewhere at a image hosting service (for example imgur) to reference the image link from there using image bb code like this:
Code: [Select]
[img width=200]https://exampleimagehostingservice.com/link-to-image-file[/img]

To be more precise, you have to take a screen shot. I don't think you can download the image just by right-clicking on it.
Logged

Violet CLM

  • Young Witch
  • ****
  • Offline Offline
  • Posts: 130
  • Respect: +314
    • View Profile
Re: Dominion Card Image Generator v1.5
« Reply #141 on: February 08, 2019, 06:12:46 pm »
+3

You can download the image just by right-clicking on it.
Logged

Shard of Honor

  • Salvager
  • ****
  • Offline Offline
  • Posts: 65
  • Shuffle iT Username: Shard of Honor
  • Respect: +44
    • View Profile
    • Fan Card Creator
Re: Dominion Card Image Generator v1.5
« Reply #142 on: February 09, 2019, 05:48:24 pm »
+1

We all know Coffers and Villagers mats. How about a way to organize your VP and Debt tokens?
Ahh, yes. I've also implemented a (still rudimentary) option to create player mats  8)
Logged
You might want to check out my own fan-card creations, built with this.

Commodore Chuckles

  • Jester
  • *****
  • Offline Offline
  • Posts: 803
  • Shuffle iT Username: Commodore Chuckles
  • Respect: +1125
    • View Profile
Re: Dominion Card Image Generator v1.5
« Reply #143 on: February 09, 2019, 06:04:00 pm »
0

You can download the image just by right-clicking on it.

On what browser? It doesn't work for me on Safari.
Logged

Shard of Honor

  • Salvager
  • ****
  • Offline Offline
  • Posts: 65
  • Shuffle iT Username: Shard of Honor
  • Respect: +44
    • View Profile
    • Fan Card Creator
Re: Dominion Card Image Generator v1.5
« Reply #144 on: February 09, 2019, 06:21:20 pm »
+2

You can download the image just by right-clicking on it.

On what browser? It doesn't work for me on Safari.

Just tested it myself and you are right. Safari does not have the right click option. Firefox and Chrome have it. Never realized that before...
I've added a download button for the full sized image  ;)
« Last Edit: February 09, 2019, 08:04:11 pm by Shard of Honor »
Logged
You might want to check out my own fan-card creations, built with this.

DooWopDJ

  • Moneylender
  • ****
  • Offline Offline
  • Posts: 154
  • Respect: +48
    • View Profile
Re: Dominion Card Image Generator v1.5
« Reply #145 on: February 28, 2019, 02:36:26 pm »
+1

Thanks for the updates.
I am having an issue with some images not displaying in the new version.
Should I post the image URL here or PM for you to review?
Thanks
Logged

Shard of Honor

  • Salvager
  • ****
  • Offline Offline
  • Posts: 65
  • Shuffle iT Username: Shard of Honor
  • Respect: +44
    • View Profile
    • Fan Card Creator
Re: Dominion Card Image Generator v1.5
« Reply #146 on: February 28, 2019, 04:43:10 pm »
0

Thanks for the updates.
I am having an issue with some images not displaying in the new version.
Should I post the image URL here or PM for you to review?
Thanks

Just PM me. If I have time, I'll have a look into it  ;)
Logged
You might want to check out my own fan-card creations, built with this.

Shard of Honor

  • Salvager
  • ****
  • Offline Offline
  • Posts: 65
  • Shuffle iT Username: Shard of Honor
  • Respect: +44
    • View Profile
    • Fan Card Creator
Re: Dominion Card Image Generator v1.5
« Reply #147 on: March 01, 2019, 01:42:23 pm »
+1

The Image bug was quite easy to fix. All kinds of image URLs should work again. (Technical Details here)
Logged
You might want to check out my own fan-card creations, built with this.

DooWopDJ

  • Moneylender
  • ****
  • Offline Offline
  • Posts: 154
  • Respect: +48
    • View Profile
Re: Dominion Card Image Generator v1.5
« Reply #148 on: March 01, 2019, 11:34:27 pm »
0

The Image bug was quite easy to fix. All kinds of image URLs should work again. (Technical Details here)
Thanks works very well
Logged

King Leon

  • Duke
  • *****
  • Offline Offline
  • Posts: 360
  • Respect: +280
    • View Profile
Re: Dominion Card Image Generator v1.5
« Reply #149 on: March 04, 2019, 08:39:18 am »
0

Hi Shard of Honor,

I see that you are using Trajan Bold Pro and Minion Std Black, both are copyright by Adobe. In the way you are using those fonts, the full font program is downloaded by the client. This is clearly a license violation. Therefore I tried to find some free and open source alternatives and found Cinzel and Crimson Text. What do you think?

Cinzel Bold
https://fonts.google.com/specimen/Cinzel

Crimson Text Bold
https://fonts.google.com/specimen/Crimson+Text
« Last Edit: March 04, 2019, 08:46:19 am by King Leon »
Logged
Pages: 1 ... 4 5 [6] 7  All
 

Page created in 0.124 seconds with 21 queries.