📘

選手カード作成機能をリリースしました!

2021/03/15に公開

選手カードメーカー

https://cap-baseball.com/player_card_maker

キャップ野球情報局内の一機能で、写真を選手カード風に飾り枠をつけて表示するというものがあります。ただ予め登録した選手やチームしか使えません。

今回、選手カードをkonvajsで作り直した際に、誰でも使えるように改修したのが選手カードメーカーです。

どうやって使うの?

用意するもの

  • 選手用の写真
  • チームアイコン
  • 選手名
  • チーム名
  • 背番号
  • チームカラー(背景)
  • チームカラー(文字)

を用意してください。必須ではありませんが、あった方が見栄えが良くなります。

誰が使ってもいいの?

はい。どなたでもお使いいただけます。

勝手に写真がアップロードされたりしない?

一切しておりませんので安心してお使いください。

カードを作ったら画像をダウンロードしましょう

サーバには一切情報が保存されていないので、保存したい場合は必ずダウンロードして保存してください。

良かったらシェアお願いします

使ってみて良かったら作成画像と共にtwitterにシェアしていただけると中の人が喜びます。

使っている技術

主にkonvajs(canvas)です。
https://zenn.dev/ckoshien/articles/783dd605fe86905e53f1

キャップ野球情報局自体はNextJS(フロント)、NodeJS(バックエンド)で、カードメーカーはフロントのみで動いています。
色の選択部分はreact-colorです。

Discussion