---
description: Level Up Card Builder
---

# Level Up Card

## 🐈‍⬛ Canvafy Design;

<figure><img src="https://1203280867-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQ8KI56rkXEQp2Ao9aeTJ%2Fuploads%2FgMqI621IxDIXerPVB1ly%2Flevel-up.png?alt=media&#x26;token=d66dd1d5-e700-45d0-b35c-65b6db4076f4" alt=""><figcaption></figcaption></figure>

```javascript
await new canvafy.LevelUp()
```

## [.setAvatar(imageURL)](#.setavatar-imageurl)

| PARAMETER                                     | TYPE                                       | DESCRIPTION             |
| --------------------------------------------- | ------------------------------------------ | ----------------------- |
| <mark style="color:blue;">**imageURL**</mark> | <mark style="color:red;">**String**</mark> | **Setting User Avatar** |

## [.setLevels(oldLevel,newLevel)](#.setlevels-oldlevel-newlevel)

| PARAMETER                                     | TYPE                                          | DESCRIPTION                      |
| --------------------------------------------- | --------------------------------------------- | -------------------------------- |
| <mark style="color:blue;">**oldLevel**</mark> | <mark style="color:yellow;">**Number**</mark> | **User Old Level ( Level - 1 )** |
| <mark style="color:blue;">**newLevel**</mark> | <mark style="color:yellow;">**Number**</mark> | **User New Current Level**       |

## [.setBackground(type,source)](#.setbackground-image-imageurl)

| PARAMETER                                   | TYPE                                       | DESCRIPTION                             |
| ------------------------------------------- | ------------------------------------------ | --------------------------------------- |
| <mark style="color:blue;">**type**</mark>   | <mark style="color:red;">**String**</mark> | **"image" or "color" adjustment**       |
| <mark style="color:blue;">**source**</mark> | <mark style="color:red;">**String**</mark> | **"imageURL" or "hexColor" adjustment** |

## [.setUsername(name,color)](#.settitle-name)

| PARAMETER                                  | TYPE                                       | DESCRIPTION                                                                                                                                         |
| ------------------------------------------ | ------------------------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------- |
| <mark style="color:blue;">**name**</mark>  | <mark style="color:red;">**String**</mark> | **Setting Username**                                                                                                                                |
| <mark style="color:blue;">**color**</mark> | <mark style="color:red;">**String**</mark> | <p><strong>"hexColor" adjustment</strong><br><mark style="background-color:purple;"><strong>(</strong>Preferred Option<strong>)</strong></mark></p> |

## [.setBorder(color)](#.setborder-color)

| PARAMETER                                  | TYPE                                       | DESCRIPTION                                                                                                                                         |
| ------------------------------------------ | ------------------------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------- |
| <mark style="color:blue;">**color**</mark> | <mark style="color:red;">**String**</mark> | <p><strong>"hexColor" adjustment</strong><br><mark style="background-color:purple;"><strong>(</strong>Preferred Option<strong>)</strong></mark></p> |

## [.se](#.setlevel-level)[tAvatarBorder(color)](#.setavatarborder-color)

| PARAMETER                                  | TYPE                                       | DESCRIPTION               |
| ------------------------------------------ | ------------------------------------------ | ------------------------- |
| <mark style="color:blue;">**color**</mark> | <mark style="color:red;">**String**</mark> | **"hexColor" adjustment** |

## [.setOverlayOpacity(opac)](#.setoverlayopacity-opac)

| PARAMETER                                 | TYPE                                                   | DESCRIPTION             |
| ----------------------------------------- | ------------------------------------------------------ | ----------------------- |
| <mark style="color:blue;">**opac**</mark> | <mark style="color:yellow;">**Number / Double**</mark> | **Transparent Opacity** |

## [.build()](#.build)

| PARAMETER                                       | TYPE                                            | DESCRIPTION                                                                                                            |
| ----------------------------------------------- | ----------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------- |
| ~~<mark style="color:purple;">**None**</mark>~~ | ~~<mark style="color:purple;">**None**</mark>~~ | <p><strong>Image Maker.</strong><br><em><mark style="color:orange;"><strong>❗Required to Use!</strong></mark></em></p> |

<figure><img src="https://cdn.discordapp.com/attachments/1041745966186909826/1096123913685192804/level-up.png" alt=""><figcaption></figcaption></figure>

### **🌙 Example Of Code With Discord.js v14** <a href="#usage" id="usage"></a>

<pre class="language-javascript"><code class="lang-javascript">client.on("messageCreate", async message => {
  if (message.content === "!levelup") {
<strong>   const levelUp = await new canvafy.LevelUp()
</strong>    .setAvatar("https://cdn.discordapp.com/avatars/928259219038302258/cb1bcc0c5616d3fb1527b4ea03c9ae17.png?size=1024")
    .setBackground("image", "https://cdn.discordapp.com/attachments/1041745966186909826/1096055377289814126/e4a8a79fccae98487a74d8bd1f2357834dfa7295.png")
    .setUsername("Beş")
    .setBorder("#000000")
    .setAvatarBorder("#ff0000")
    .setOverlayOpacity(0.7)
    .setLevels(55,56)
    .build();

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

</code></pre>

## 📃Support Server; [discord.gg/luppux](https://discord.gg/luppux)
