📝Rank / Level Card

Rank / Level Card Builder

🐈‍⬛ Canvafy Design;

await new canvafy.Rank()

.setAvatar(imageURL)

PARAMETER	TYPE	DESCRIPTION
imageURL	String	Setting User Avatar

.setBackground(type,source)

PARAMETER	TYPE	DESCRIPTION
type	String	"image" or "color" adjustment
source	String	"imageURL" or "hexColor" adjustment

.setUsername(username,color)

PARAMETER	TYPE	DESCRIPTION
username	String	Setting Username
color	String	Setting Username Color (Preferred Option)

.setStatus(status)

PARAMETER	TYPE	DESCRIPTION
status	String	Setting Avatar Border Color => User Status

.setCustomStatus(status)

PARAMETER	TYPE	DESCRIPTION
status	String	Setting Avatar Border Color => Custom Hex Color (Preferred Option)

.setBorder(color)

PARAMETER	TYPE	DESCRIPTION
color	String	Setting Card Border Color (Preferred Option)

.setBarColor(color)

PARAMETER	TYPE	DESCRIPTION
color	String	Setting Bar Color (Preferred Option)

.setBarOpacity(opac)

PARAMETER	TYPE	DESCRIPTION
opac	Number / Double	Setting Bar Opacity (Preferred Option)

.setOverlayOpacity(opac)

PARAMETER	TYPE	DESCRIPTION
opac	Number / Double	Setting Foreground Opacity (Preferred Option)

.setLevel(level,text)

PARAMETER	TYPE	DESCRIPTION
level	Number	Setting Card Level Number
text	String	Setting Card Level Text (Preferred Option)

.setLevelColor({text,number})

PARAMETER	TYPE	DESCRIPTION
text	String	Setting Level Text Color (Preferred Option)
number	String	Setting Level Number Color (Preferred Option)

Example

.setLevelColor({text:"#ff0000",number:"#00ff00"})

.setRank(rank,text)

PARAMETER	TYPE	DESCRIPTION
rank	Number	Setting Card Rank Number
text	String	Setting Card Rank Text (Preferred Option)

.setRankColor({text,number})

PARAMETER	TYPE	DESCRIPTION
text	String	Setting Rank Text Color (Preferred Option)
number	String	Setting Rank Number Color (Preferred Option)

Example

.setRankColor({text:"#ff0000",number:"#00ff00"})

.setCurrentXp(number,color)

PARAMETER	TYPE	DESCRIPTION
number	Number	Current xp Quantity
color	String	Current xp Text Color (Preferred Option)

.setRequiredXp(number,color)

PARAMETER	TYPE	DESCRIPTION
number	Number	Required xp Quantity
color	String	Required xp Text Color (Preferred Option)

.build()

PARAMETER	TYPE	DESCRIPTION
None	None	Image Maker. ❗Required to Use!

🌙 Example Of Code With Discord.js v14

client.on("messageCreate", async message => {
  if (message.content === "!rank") {
    const rank = await new canvafy.Rank()
    .setAvatar(message.author.displayAvatarURL({ forceStatic: true, extension: "png" }))
    .setBackground("image", "https://th.bing.com/th/id/R.248b992f15fb255621fa51ee0ca0cecb?rik=K8hIsVFACWQ8%2fw&pid=ImgRaw&r=0")
    .setUsername(message.author.username)
    .setBorder("#fff")
    .setStatus(message.member.presence?.status)
    .setLevel(2)
    .setRank(1)
    .setCurrentXp(100)
    .setRequiredXp(400)
    .build();

    message.reply({
      files: [{
        attachment: rank,
        name: `rank-${message.member.id}.png`
      }]
    });
  }
});

📃Support Server; discord.gg/luppux