Aver saputo che almeno due persone hanno utilizzato - e trovato utile!!! - il mio piccolo sito, mi ha convinto a sfidare il caldo tremendo di questi giorni, che non molla la presa nemmeno la notte, per mettermi a programmare e provare ad apportare qualche altro piccolo upgrade a SplinterROI.

E fra le cose che volevo assolutamente fare c'è, fin da quando questo progetto è nato, quello di aggiungere accanto al nome di ogni carta anche una serie di icone che identifichino l'edizione di appartenenza, il tipo, la rarità ed il colore di ogni carta restituita dal mio script.

Questo per due motivi principali:

1. Non tutti conoscono così bene le carte da riuscire a ricollegare un nome alla relativa carta: avere accanto tutta una serie di indicatori che la descrivono consentirà a chiunque di identificare molto più velocemente ogni carta, così da capire subito se si sta guardando, ad esempio, un Arconte, o una carta Leggendaria, o una carta del set Untamed;
2. Le icone sono fighe e professionali.

La seconda è ovviamente la ragione che mi stava più a cuore 🤣

Ed eccole qua sopra!

Prese direttamente dal sito ufficiale, le icone descrivono:

• edizione,
• tipo (Arconte o Mostro),
• rarità e
• colore
  di ogni carta mostrata.

Anche senza conoscere ognuna di quelle carte, solo guardando le icone accanto posso vedere che sono tutti Arconti delle edizioni Rebellion e Conclave Arcana.

Di ognuna posso poi capire in un attimo la rarità ed il colore, senza bisogno di andarle a cercare una per una sul sito ufficiale o su un qualche market.

Il top sarebbe anche avere accanto una piccola icona che mostri un'anteprima della carta stessa, ma già implementare queste icone non è stata una passeggiata, per cui credo che per ora l'anteprima della carta possa aspettare.

Insomma, rispetto alla lista scialba, noiosa ed anonima che veniva mostrata prima, il risultato adesso è molto più accattivante e chiaro.

Ora mi piacerebbe molto cambiare anche i filtri di selezione, affiancando alle attuali scritte queste stesse icone: in questo modo il menù di selezione funzionerebbe come una sorta di legenda e diventerebbe ancora più semplice associare ogni icona al suo significato.

Mi chiedo infatti quante persone sappiano che quell'icona verde-acqua rappresenta gli Arconti... io non lo sapevo!

Facile? Per me non tanto!

Sicuramente chiunque sappia programmare sicuramente penserà che implementare questa piccola aggiunta mi abbia richiesto 5-10 minuti...

... e si sbaglierebbe di grosso! 🤣

Arrivare al risultato finale ha chiesto qualche ora di lavoro, soprattutto perchè volevo cercare di mantenere il mio codice quanto più pulito possibile e riutilizzabile, così da mostrare le icone solo dove e quando mi servono.

Il primo step è stato facile ed è consistito nel creare una serie di dizionari con tutti i link delle icone di cui avevo bisogno:

URL = "https://d36mxiodymuqjm.cloudfront.net/website/"

color_icons = {
  "Red": f"{URL}collection/icon_element_fire.svg",
  "Blue": f"{URL}collection/icon_element_water_inactive.svg",
  "Green": f"{URL}collection/icon_element_earth_inactive.svg",
  "White": f"{URL}collection/icon_element_life_inactive.svg",
  "Black": f"{URL}collection/icon_element_death_inactive.svg",
  "Gold": f"{URL}collection/icon_element_dragon_inactive.svg",
  "Gray": f"{URL}collection/icon_element_neutral_inactive.svg",
}


rarity_icons = {
  1: f"{URL}create_team/icon_rarity_common_new.svg", 
  2: f"{URL}create_team/icon_rarity_rare_new.svg", 
  3: f"{URL}create_team/icon_rarity_epic_new.svg", 
  4: f"{URL}create_team/icon_rarity_legendary_new.svg",
}


card_type_icons = {
  "Summoner": f"{URL}collection/icon_filter_archons.svg", 
  "Monster": f"{URL}collection/icon_filter_units.svg",
}


edition_icons = {
    "0.1": f"{URL}icons/icon-edition-alpha.svg",
    "2": f"{URL}icons/icon-edition-promo.svg",
    "1": f"{URL}icons/icon-edition-beta.svg",
    "3": f"{URL}icons/icon-edition-reward.svg",
    "4": f"{URL}icons/icon-edition-untamed.svg",
    "5": f"{URL}icons/icon-edition-dice.svg",
    "7": f"{URL}icons/icon-edition-chaos.svg",
    "10": f"{URL}icons/icon-edition-chaos.svg",
    "8": f"{URL}icons/icon-edition-rift.svg",
    "12": f"{URL}icons/icon-edition-rebellion.svg",
    "13": f"{URL}icons/icon-edition-rebellion.svg",
    "14": f"{URL}icons/icon-edition-conclave-arcana.svg",
}

Poi ho creato nel mio script principale una funzione che si occupasse di "montare" per ogni singola carta tutte le icone necessarie, così da avere questo dato a disposizione e poterlo utilizzare dove mi serve:

def add_icons(edition, card_type, rarity, color):
    icons = []

    icons.append(f"<img src='{edition_icons[edition]}' width='20'>")
    icons.append(f"<img src='{card_type_icons[card_type]}' width='20'>")
    icons.append(f"<img src='{rarity_icons[rarity]}' width='20'>")
    icons.append(f"<img src='{color_icons[color]}' width='20'>")

    return " ".join(icons)

Da ultimo, nel file contenente la parte grafica della mia applicazione, ho inserito un for loop che unisse ogni gruppo di icone al nome della carta cui si riferiscono:

for d in data:
    d["Card"] = f"{d['icons']} - {d['name']}"

Adesso la variabile d["Card"] è pronta per essere utilizzata nel DataFrame che crea la tabella.

Come sempre, se vi interessa vedere tutto il codice, qui trovate la repo aggiornata del progetto:

• https://github.com/Arc7icWolf/splinter-roi

Mentre questi sono i precedenti post che ho pubblicato su SplinterROI:

• [ENG/ITA] SplinterRoi: Find the Rental ROI of ALL Splinterlands Cards!
• [ENG/ITA] SplinterRoi: Added Support for Conclave Arcana Cards and New Foils!
• [ENG/ITA] SplinterRoi: Now You Can Choose Between Long, Medium and Short Rentals

immagini di proprietà di @splinterlands e dei rispettivi proprietari; cover da me editata con GIMP

a supporto della community #OliodiBalena, il 3% delle ricompense di questo post va a @balaenoptera

Se sei arrivato a leggere fin qui, grazie! Se hai voglia di lasciare un upvote, un reblog, un follow, un commento... be', un qualsiasi segnale di vita, in realtà, è molto apprezzato!

Se non sei registrato su Splinterlands... be', sei in tempo per rimediare.

E se vuoi scoprire quanto rende sul mercato dei noleggi ciascuna carta presente su Splinterlands, adesso puoi farlo tramite il sito SplinterROI.