ymssx/ygo-card

ygo-card is a javascript SDK for rendering YuGiOh card

ygo-card

中文

This is a javascript SDK for rendering YU-GI-OH card. Import ygo-card in your website, you can easily paint the standard YU-GI-OH cards!

DOCUMENT

Usage

$ yarn add ygo-card

# or

$ npm i ygo-card -D --save

import { Card } from 'ygo-card';

const canvas = document.getElementById('card');
const data = {
  name: 'Ghost Ogre & Snow Rabbit',
  _id: '59438930',
  type: 'monster',
  type2: 'effect',
  type3: 'tuner',
  attribute: 'light',
  level: 3,
  race: 'Psychic',
  desc: 'When a monster on the field activates its effect, or when a Spell/Trap that is already face-up on the field activates its effect (Quick Effect): You can send this card from your hand or field to the GY; destroy that card on the field. You can only use this effect of "Ghost Ogre & Snow Rabbit" once per turn',
  attack: 0,
  defend: 1800,
};

const card = new Card({ data, canvas, moldPath: './dist/mold'});
card.render();

Document

DOCUMENT

DEMO

🔗 DIY ONLINE #yami

🔗 Render Deck PDF #msk86

ygo-card's Issues

Index

Would be great if you could include a simple html file to get to know more how everything works exactly. And there is a link which is dead inside.

should be binNum.substr

https://github.com/ymssx/yugioh-card/blob/5b8d2d732a8915afdf5cf0a91122f5394f1d4cd3/source/lib/variation.js#L94
or you can simply use num & 0xF;

https://github.com/ymssx/yugioh-card/blob/5b8d2d732a8915afdf5cf0a91122f5394f1d4cd3/source/lib/variation.js#L113
toon is kt not tk