Shena'Fu's Online Card Creator

[Den]

Someone on MTGSalvation suggested making a client-server card creator. So I created this online card creator.

Please post only issues or suggestions for the online card creator in this topic.

Please post you card creations at the other topic.

Images by FirePenguinMaster,  ComicBookGuy, Vogon, et al.

Over 126,000 cards have been created since 2009.

Changelog

Spoiler:

8/22/17
Added QR code for card image

6/22/17
Rearranged form fields
Hide hints/instructions by default
Added Show Instructions button

6/20/17
Make radio buttons label clickable

6/16/17
Added Genres, which alters the card types and supertypes. [Magic, Earth, Space]

6/15/17
Added CBG frame

6/14/17
Added Classic-Shifted Art BG frame

6/13/17
Card list by creator @ https://shenafu.com/magic/cclist.php?creator=

11/7/16
Added Full Art frame

11/5/16
Allow set icon and rarity. (not done for all frames yet.)
Use imagick instead of gd. (not done for all frames yet.)
Better help section.

10/20/16
Added energy mana. Use 'e' in mana cost or {e} in rules text.

4/18/16
Change Classic and Modern frames to Amiri bold font type:

1/13/16
Added colorless mana symbol (diamond shaped).

10/18/15
Added Planeswalker, flip and split frames.
Main font Molengo-Regular.ttf
Rules text parse word by word (in filp and split.) (Was line by line).

1/1/13
Hybrid and Phyrexian mana in the form 2/c, c/2, c/d, d/c, p/c, c/p. e.g. 2/ww/p

4/1/12
Image URL shorter and more legible.

11/20/11
Added Creator field.

1/8/11:
Added Planar Chaos aka "Planeshift" and FirePenguinMaster's (FPM) frames.

11/17/10
Added supertype Ongoing, types Scheme and Emblem

5/20/10
Added Space frames.

5/13/10
Added future-shifted frames.

5/11/10:
Added 8th edition (modern) frames.

((TODO))
.new frames. vanguard/avatar, scheme, saga
.script to create all WotC cards
.high def images of frames (done: vogonhd, vogon full art, planeswalker)
.fix slash to %2F in card names. fix redirection accept %2F
.fix some cards show in ymtc.png, but not in card creator page
.fix links to example cards. split cards, et al.
.fix saves cardimage from old data
.seticon maintain w/h ratio. scale to height. align right.
.add metadata to image. including URL to card creator for this card.
.make type icons for earth and mbs genre.
.arts special functions.
.frame blend for 3-colored cards. (top left + bottom right) / (center cross) / (top right + bottom left). Use GIMP and PNGs. Layer mask + blend.

[Dykotomee]

I'm an experienced PHP/JavaScript developer, and of all the CC tools out there, yours seems to look the most promising. Is there any chance of collaboration on this? I'd love to further the project, and I have some ideas I can suggest too.

- Michael

~ ><>

[Den]

I'm interested in hearing your ideas and how you plan to expand on the CC.

[bakert]

Hey.  Thanks for approving my membership.  I tried to join to comment on this thread about the card creator.  I think we ended up having a conversation on MTG Salvation already.

Still interested in the source to have a go at adding hybrid and as insurance in case your version disappears but very happy with the program!

Thanks!

[Den]

Added flip and split frames. Flip and split cards: use ;; to separate each half in corresponding fields. (e.g. Fire;;Ice) For an example, see Fire;;Ice and Budoka Gardener;;Dokai, Weaver of Life

Added Planeswalker frames.
Ex. Koth of the Hammer

[Den]

Added colorless mana. Use 'c' in mana cost or {c} in rules text.

[Den]

Change Classic and Modern frames to Amiri bold font type: https://github.com/google/fonts/tree/master/ofl/amiri

[Den]

• Added energy mana. Use 'e' in mana cost or {e} in rules text.
• Allow set icon and rarity. (not done for all frames yet.)
• Use imagick instead of gd. (not done for all frames yet.)
• Better help section.

[Den]

• Added Full Art frame

[Den]

https://shenafu.com/magic/cclist.php?creator=

You can view a list of all your cards via above URL and add your creator name at the end of the address.

Over 110,000 cards have been created since 2009.

[Den]

6/14/17
Added Classic-Shifted Art BG frame

6/15/17
Added CBG frame

6/16/17
Added Genres, which alters the card types and supertypes. [Magic, Earth, Space]

[Den]

6/20/17
Make radio buttons label clickable

6/22/17
Rearranged form fields
Hide hints/instructions by default
Added Show Instructions button

[Den]

8/22/17
Added QR code for card image

[Den]

10/03/2017

• Form more compact
• Flex layout
• Fonts:
  • text = Itim
  • header = Fondamento
• Instructions in Markdown; converted to HTML with JS library

[Den]

10/14/2017

added Delayed supertype

10/30/2017

added direct link to view the list of cards by creator

[Den]

1/24/2018

blended trims and rules box for two-color cards (in classic, modern, and planeshift frames for now). takes into account mana symbols in both mana cost and rules text.

1/27/2018

added Token supertype

[Den]

2/3/2018

added Playing Card frame

Playing card	Options
Rank	P/T
Suit	Set Icon or Mana Cost
Title	Subtype
Art and Rules + Flavor Text	Overlap in the center

Thus you can use playing card frame for a card with nothing but a bunch of text. If you have art with transparent background, you can try to overlap the art and rules text for something fancy.

[Den]

9/1/2018

- converted Planeswalker frame to Imagick
- centered rules text vertically

9/2/2018

- set timeout for art URL

9/3/2018

- Planeswalker frame to accept nonloyalty abilities
- Planeswalker frame to accept any amount of abilities
- flavortext emdash
- set rules text font to amiri-regular
- fix apostrophe in cardnames in database
- remove duplicate cardnames in database
- cardname font: Kurale

9/4/2018

- more spacing between rules and flavor texts
- trim extraneous newlines and whitespace
- support watermark

9/5/2018

- fix mana symbols cut off
- prevent recursive art
- fix finally really fit long text inside box

9/6/2018

- converted Future frame to Imagick
- Unemploy word wrap to find font size. Reiterate whole texts word by word. Slower, but should be more consistent in outputting biggest text size that fits the text box.

9/7/2018

- sanitize query
- aliases as replacement strings (between two @@ symbols)

9/8/2018

- text render: early escape when lettery exceeds textboxheight, instead of processing entire text
- increase initial rules text size
- separate instructions page: https://shenafu.com/magic/cchints.php

9/9/2018

- moved alias replacements to client side javascript

[Den]

List of aliases. Enclose alias on the left column between two @@ symbols. For instance, @ett@ in rules text will become 'enters the battlefield tapped'. Some aliases will take a variable. For instance @dd2@ becomes 'deals 2 damage'. Some aliases have both lower- and upper-case versions.

gy	graveyard
bf	battlefield
lib	library
syl	search your library
Syl	Search your library
pt	power and toughness
ias	instant and sorcery
ios	instant or sorcery
to	target opponent
To	Target opponent
tc	target creature
Tc	Target creature
tcp	target creature or player
tcpw	target creature or planeswalker
tcy	target creature you control
Tcy	Target creature you control
tco	target creature an opponent controls
Tco	Target creature an opponent controls
tp	target player
Tp	Target player
tpw	target planeswalker
youpw	you or a planeswalker you control
anyt	any target
ec	each creature
Ec	Each creature
ecy	each creature you control
Ecy	Each creature you control
cy	creature you control
cys	creatures you control
Cys	Creatures you control
cmc	converted mana cost
et	enters the battlefield
ett	enters the battlefield tapped
uet	until end of turn
Uet	Until end of turn
dcd	deals combat damage
dd([0-9xyzXYZ]+)	deals $1 damage
g(\+|\-)([0-9xyzXYZ]+)	get $1$2/$1$2
gs(\+|\-)([0-9xyzXYZ]+)	gets $1$2/$1$2
emblem	You get an emblem with "
upkyou	At the beginning of your upkeep
upkopp	At the beginning of each opponent's upkeep
upkall	At the beginning of each player's upkeep
endyou	At the beginning of your end step
endnext	At the beginning of the next end step
ctr(.*)	put a $1 counter on
Ctr(.*)	Put a $1 counter on

[Den]

9/10/2018

- added frames: classicshift (=default frame), CBG Horizontal (good for sideways card, long texts, vertical arts, and PWs)
- card type font: Kurale

9/10/2018

- font for card name, type, P/T: Arima Madurai (bold) (most frames), Righteous (CBG Horizontal frame)

9/13/2018

- added card types: Elite, Hero, Conspiracy, Phenomenon. Also Magical and Super for Earth genre.

Pro-tip: You can get "Super Hero" on the type line by choosing Earth genre.

- remove emdash if no supertype and type

[Den]

9/17/2018

- added supertype: Host
- changed Space supertype: Elite -> Mega

[Den]

09/28/2018

- add delay timer to cclist.php to mitigate 503 Service Unavailable in Firefox, Chrome

09/29/2018

- added aliases:
= @dcd@ = deals combat damage

- font for card name, type, artist, creator: Fondamento
- font for power/toughness: Amiri
- playing card frame: mana cost vertically : added watermark :
- FPM frame: reverse mana cost order : center card name
- tweak artist and creator texts
- replace card types for Earth genre: Villain, Power (were Conspiracy, Phenomenon)

Pro-tip: Choose Earth genre to get types like "Super Villain", "Super Power",  "Super Villain Power".

10/01/2018

- form redesign: dropdown selectables: color, border, frame, symbols
- added choice of symbols (mana aesthestics)
- reorganize folders: fonts, symbols
- new mana symbols: 'f' for infinity, 'k' for planar chaos

[Den]

2018/10/02

- new page to showcase random cards: https://shenafu.com/magic/ccrand.php

2018/10/03

- new frame: Vogon HD: large, high resolution, more space for texts, including card name, type, rules, and P/T. mana vertical on top left. P/T at bottom left margin. set icon at bottom right corner. work in progress. see examples in attachment.

- converted to OOP classes: classicshift, vogonhd

2018/10/04

- ignore () parentheses in manacost

[Den]

2018/10/05

- bitbucket repo - https://bitbucket.org/Shenafu/online-card-creator/src

2018/10/06

- improve Vogon HD aesthetics - land - seams - blend - type icons

2018/10/07

- PW abilities accept more bracket types - [](){} or bracketless

2018/10/08

- vertical mana - don't reverse arrangement - instead user should use reverse notation in input; e.g. should be new standard notation
- genre and subtypes update immediately on element load - no more waiting for body onload

2018/10/09

- new frames: Vogon Full Art - art takes entire card

2018/10/10

; improve cardimage_makeLinearText() ; accepts array as argument ; added shadow option ;
; reorganize Frame dropdown selection ; Vogon HD and Full Art near the top
; Vogon Full Art ; shrink rules text box for planeswalkers

2018/10/11

; Vogon Full Art ; new method of compositing text ; write text on temporary image ; composite using imagick::COMPOSITE_LUMINIZE
; fix Vogon Full Art PW flavor text vertical alignment
; shrink Vogon Full Art rules text initial font size
; cclist and ccrand show 12 cards

2018/10/12

; change Vogon Full Art font for rules text ; Muli regular and Cantarell italic ; sans serif ; less aliasing
; PW rules text starting font size proportional to total (abilities + flavor texts)

[Den]

2018/10/13

` leveler cards under Vogon HD and Vogon Full Art frame ` P/T and levels separated by double semicolon ;; ` level values set between brackets [](){}
` hints for leveler

see examples in attachments

2018/10/14 - 15

; alter cardfuncs.php functions to accept arguments as arrays
; remaining frames into OOP classes and Imagick
; transparent images for FPM, Full Art

2018/10/18

; options hasshadow renamed to shadowcolor ; default FALSE
; Full Art artifact wrong filename

[Den]

2018/11/01

; manacost accept any letter
; added Pokemon genre and energy symbols:

{c} Colorless
{d} Darkness
{o} Dragon
{y} Fairy
{f} Fighting
{r} Fire
{g} Grass
{l} Lightning
{m} Metal
{p} Psychic
{w} Water

[Den]

2018/11/08

; Vogon HD ; Planeswalker art full height, with mask on bottom
; Vogon HD ; Planeswalker rules box and starting font size shrunk

[Den]

2018/11/13

; Earth and Space genres ; Emblem type becomes Paradigm

2018/11/14

; PW rules box abilities height proportional to text length
; Scenes rules box, loyalty like Planeswalkers

2018/11/17

; resize linear texts
; security fixes

2018/11/18

; rules text ; bold text between angled brackets <>
; Vogon frames ; fix leveler P/T not separated

[Den]

2019/02/09

; divider between rules and flavor texts
; added frame ; Vogon Split
; resize heights for Vogon HD art and rules box
; Vogon HD rules box brightened;  easier to read and more emphasis for art

2019/02/11

; fix show card images with special URL/escape characters in name and creator

2019/02/13

; reworked frame ; Vogon HD ; extra bar ; eliminated black border
; added field ; 'extra' text that may appear before rules


2019/02/14

; Vogon HD ; extrabar opacity
; Planeswalkers rules accept <> angled brackets as loyalty cost
; all frames ; include extra text to rules text
; Vogon Full Art ; remove border; art expand to edge

[Den]

2019/02/20

; added symbols and genre ; MBS

{m} Mind
{b} Body
{s} Soul
{n} Generic
{f} Force
{g} Gear
{h} Hi-Tech
{t} Talent

[Den]

2019/03/01

; Vogon HD, Vogon Full Art ; only blend for Magic/Space genres

2019/03/02

; rules text ; underline text between _underscores_
; update hints

2019/03/05

; added more colors options for frames ; artifact ; orange ; yellow ; cyan ; purple ; brown
; Vogon HD frames ; added 5 colors

2016/03/06

; fix color options ; yellow attribute missing
; Vogon Full Art ; added 5 new colors
; Vogon HD frames ; new colors fix emboss and decor

[Den]

2019/03/12

; new fonts that support Cyrillic and Latin extended characters ; text = Crimson ; name = Albertus Medium

2019/03/13

; SQL db ; convert table and columns to utf8-unicode-ci
; cclist.php ; sort by utf8-bin ; cyrillic and asian at end
; CBG and Space frames ; mb_strtoupper() works on non-ASCII
; all files ; Unix newlines
; cc.php ; replace fonts ; Crimson and Albertus

[Den]

2019/07/23

[[Changelog]]
> page title includes card name and creator
> page URL query reduced to only card name and creator
> every card page includes link to discuss card (opens to Dissenter server)
> post (not get) card submissions
> rewrite URL > magic/cc/creator/cardname > magic/cc.php?creator=$1&cardname=$2
> rewrite URL > magic/cclist/creator/page > magic/cclist.php?creator=$1&page=$2
> cclist and ccrand link cards to new URL formats
> update hints
> ymtc2img > redirect with header('Location:') to imagick URL instead of echo image > to reduce number of concurrent processes

[[Examples of new URLS]]

> https://shenafu.com/magic/cc/Gnomes/Duyu Gnoumi, Extraordinaire
> card discussion
> https://shenafu.com/magic/cclist/gnomes/1

[Den]

2019/08/17

; added Disqus comment section for each card; replaced Dissenter link
; added alias replacement for 'sacrifice'

@sac@	sacrifice
@Sac@	Sacrifice

2019/08/18

; updated instructions
; added spaces or punctuations after most alias replacements
; added alias replacements

@t@	target
@c@	creature
@p@	player
@pw@	planeswalker
@a@	artifact
@e@	enchantment
@o@	opponent

; rules text font size delta relative to original font size
; fixed linear text aligned left ; placement of text in vertical position (e.g. Vogon Split Card card types)

[Den]

2019/09/07

; updated hints
; added columns to rules text

   * Use <<<< to print to left column.
   * Use >>>> to print to right column.
   * Use <<>> to exit column mode.
   
Ex. rules text for Lovestruck Beast (see attachments):

<<<<
<Heart's Desire> {g}
<Sorcery -- Adventure>
Create a 1/1 white Human creature token.
>>>>
~ can't attack unless you control a 1/1 creature.

[Den]

2019/09/27

; reduce font size for planeswalkers rules

2019/09/28

; improve planeswalker rules height proportions to accommodate short abilities
; playing card frame ; double frame size ; art behind rules text
; mana cost options ; angle 180

2019/09/30

; clarify hints for mana symbols in rules text
; draw loyalty symbols after effect ; so loyalty symbols appear above dividing line

[Den]

2019/10/17

; rarity colors now gradient textures
; default set icon

2019/10/19

; cardfuncs_makeArtImage ; options property for confirm composite
; playing card frame ; rules text overlay inverse matches art

2019/10/23

; seticon better placement

[Den]

2019/11/01

; rules options ; xalign, yalign ; default center, center
; Vogon Full Art rules ; center bottom
; Playing card rules ; center center
; Flip frame ; fix 2nd rules text Y

2019/11/04

; rulestext newline ratio + flavortext padding ; smaller

2019/11/09

; vogon frames ; increase Name box height

[Den]

2019/11/13

; new Vogon LS frames ; landscape format, for arts that stretch lengthwise from left to right
see attachments for examples

2019/11/15

; vogonls ; plane type shouldn't behave like scene

[Den]

2019/11/15

; new Vogon GC frames ; like greeting card ; art (and seticon) on left half ; all else on right half ; see attachments for examples

Pro-tip: Watermark can be used as custom fancy borders or decoration for the right half.

[Den]

2019/11/16

; vogonhd ; show extrabar only if extra field has text ; scene like PW layout only if loyalty is set

2019/11/17 - 19

; vogon HD, LS, split frames ; drop shadow in rules box from top and right ; -30, 30, 53, 40% (LS 30%) ; makes art pop out toward viewer & lowers rules box's brightness (which steals the art's attention)

2019/11/22

; vogonhd ; redo frames to make art 3d illusion effect

[Den]

2019/11/29

; art, watermark, set icon ; allow special instructions at end of URL ; can chain multiple instructions
; hints updated
; over 126,000 cards created
; suppress deprecated function Imagick::setImageOpacity
; vogonls ; show rules box only if extra, rules, flavor texts exists

2019/11/30

; type icons moved into genre subfolders
Art instructions:

Code: [Select]

##crop, x, y, w, h
##rotate, degrees
##alpha, value (between 0.0 and 1.0)
##flip (around x-axis)
##flop (around y-axis)

ex

(Ichorid from Gatherer)

before

Code: [Select]

https://gatherer.wizards.com/Handlers/Image.ashx?multiverseid=35923&type=card

after

Code: [Select]

https://gatherer.wizards.com/Handlers/Image.ashx?multiverseid=35923&type=card##crop,26,30,171,137
ex.
Split cards

(Illusion;;Reality from Scryfall)

before

Code: [Select]

https://img.scryfall.com/cards/art_crop/front/8/e/8e7dd90a-4f93-43aa-b503-18289fdd571e.jpg?1562928558;;https://img.scryfall.com/cards/art_crop/front/8/e/8e7dd90a-4f93-43aa-b503-18289fdd571e.jpg?1562928558
after

Code: [Select]

https://img.scryfall.com/cards/art_crop/front/8/e/8e7dd90a-4f93-43aa-b503-18289fdd571e.jpg?1562928558##crop,0,0,377,254;;https://img.scryfall.com/cards/art_crop/front/8/e/8e7dd90a-4f93-43aa-b503-18289fdd571e.jpg?1562928558##crop,377,0,377,254
ex.
chaining multiple instructions

Code: [Select]

##crop, 0,0,300,250##flip##rotate, 90##alpha,0.5