[FREE] Frsk Collectible Card Display

[Frsk]

𐕣 Collectible Card Display! 𐕣

Display for RedM

Description

This RedM script enables the display of collectible cards within the game, featuring an interactive card that players can manipulate using their mouse. This script is designed to be highly customizable, allowing users to easily add more cards and change the default card by updating the image in the assets folder.

Features

• Interactive Card Display: Players can summon a collectible card with a command and interact with it using their mouse.
• Customizable: Easy to add more cards or change the existing one.

Preview Section:

Tebex - Frsk Development | Collectible Cards (tebex.io)
Download - Frsk_HOC.rar
Preview - Redm Script - Frsk Collectible Cards (youtube.com)

Code is accessible	Yes
Subscription-based	No
Lines (approximately)	15
Requirements	None
Support	Yes

[sadicius]

Thanks for sharing it, I have been looking for a long time how to give movement to the cards… with this I solve it xD

[sadicius]

/* document.getElementById("closeButton").addEventListener("click", function () {
    var cardContainer = document.getElementById("cardContainer");
    cardContainer.style.display = "none"; // Hide the card container
    // Send a message back to the game to handle any cleanup
    fetch(`https://${GetParentResourceName()}/closeCard`, {
    method: "POST",
    headers: {
        "Content-Type": "application/json; charset=UTF-8",
    },
    body: JSON.stringify({ visible: false }),
    });
});
 */

window.addEventListener('keyup', function(data) {
    if (data.which == 27) {
        var cardContainer = document.getElementById("cardContainer");
        cardContainer.style.display = "none"; 
        fetch(`https://${GetParentResourceName()}/closeCard`, {
            method: "POST",
            headers: {
                "Content-Type": "application/json; charset=UTF-8",
            },
            body: JSON.stringify({ visible: false }),
        });
    }
});

    <div id="cardContainer">
        <div id="closeButton" alt="Close"></div>
        <img id="cardImage" src="" alt="Card" />
    </div>

By the way, if you use this, you don’t need the button to close it.

[sadicius]

Example out button close is more integrated