DIY Shadowverse EVOLVE card.
npm install sve-cardbash
yarn add sve-card
or
npm install sve-card
`
$3
`javascript
import {Card} from "./sve-card"; // SVECard project path
const canvas = document.getElementById("canvas");
const card = new Card({
data: {
desc: "/quick\n"
+ "お互いのリーダーに1ダメージ。\n"
+ "お互いの場にフォレストバット1体を出す。",
craft: "Abyss",
cardType: "Follower",
imageSrc: "https://svgdb.me/assets/fullart/1086340100.png",
cost: 6,
attack: 6,
defense: 6,
rarity: "BR",
race: "眷属",
name: "眷属への贈り物",
cardNo: "TE01-001 2023",
},
height: 2000,
canvas,
config: {
assetPath: "./asset",
}
});
card.draw();
`
Please copy asset to your static directory, ensure ./asset/image/*.png can be accessed. If you want to custom the asset path, please change config.assetPath.
In order to provide ruby annotations for japanese, this project import kuroshiro library. Copy dict files and Change config.kuroshiro.dictPath to use this feature.
$3
`html
`
$3
| Code | 日本語 | 中文 |
|------------|:-------:|:-------:|
| /act | アクト | 横置 |
| /quick | クイック | 快速 |
| /qs | Q | 快速 |
| /start | 起動 | 起动 |
| /fanfare | ファンファーレ | 入场曲 |
| /lastword | ラストワード | 谢幕曲 |
| /attack | 攻撃力 | 攻击力 |
| /defense | 体力 | 体力 |
| /eat | 食事 | 吃饭 |
| /evo | 進化 | 进化 |
| /cost{0-9} | コスト{0-9} | 花费{0-9} |
| /costx| コスト10 | 花费10 |
| /costc | コストX | 花费X |
| /forest | エルフ | 妖精 |
| /sword | ロイヤル | 皇家 |
| /haven | ビショップ | 主教 |
| /rune | ウィッチ | 巫师 |
| /dragon | ドラゴン | 龙族 |
| /abyss | ナイトメア | 梦魇 |
| /neutral | ニュートラル | 中立 |
Development
`bash
yarn
yarn dev
`
modify examples/index.html` to see result.