Watch this Tutorial to learn how to export your Dextrous components to Screentop. Although it takes a bit to set up the first time, updating your components is easy.
Here's a text summary for quick reference:
On the Dextrous Export page click > . Dextrous will generate you image block sprite sheets for each component you are exporting (including backs, if any). For each of these assets, you'll need to follow steps b and c below: Download the asset image block (sprite sheet) for your component and upload it to in Screentop, making sure to give the asset the exact same name in Screentop as what it is labelled in Dextrous. (The reason for this is that we use this name in the JSON code which you'll copy later, so it has to be identical).
In Screentop, specify the rows and columns for the asset (e.g looking at the asset image block, you might see it has 12 columns and 2 rows - plug that into Screentop). Click to save your asset to Screentop.
If you are exporting a component with backs you'll need to apply steps b and c to the back asset image block sprite sheet as well (don't forget to name it according to the label in Dextrous (ie 'Component name_back').
To link your component asset to a new set of cards in Screentop you'll can use these steps:
Create a new (Blank Tile) and size its shape according to the shape of the component. If you want a poker card size try something like Width: 250 and Height: 350, or Width: 160 and Height 224. Click .
On the same component screen just below, click , then click on , and set the to the asset image block (sprite sheet) you just uploaded. Click .
Back in , click the 3 dots on Varient 1, and clone it as many times as you need for your component. ie If you have 30 cards, you'll need to get 29 new clones of Varient 1. (Tip: the total number you need is displayed in Dextrous above the component name on the Screentop export screen).
Select all your variants (use the checkbox to the left of the pencil icon) then click the to go to the JSON editor. In Dextrous (from the Screentop export screen), click the JSON code button '{}' for the component to copy JSON code for that component. In Screentop, select all the JSON code (ctrl+a) and paste in the JSON code from your clipboard (ctrl+v). Click .
You're done! Nice job getting your component into Screentop. If you want to update your component now you only need to update the spritesheet (under Assets) by uploading a fresh image block over the top in Screentop (leave the name as is and the current JSON will work).