Name all cards in a deck

100%

Name all cards in a deck

✓ Published0🌍 Public

Last edited Jul 26, 2021

Created on Jul 26, 2021

A deck of cards is dealt in sequence, with each card flipped and fanned out, and its rank is written directly onto the card face. The example demonstrates a tabletop physics simulation using the Tabletop Simulator API, specifically `getObjectFromGUID`, `deck.takeObject`, `setPositionSmooth`, and `Wait.frames`. A scripted loop waits progressively longer between each card draw, ensuring the animation reveals the full deck order. The last card is handled by directly accessing its GUID and flipping it in place after the deck object is depleted. The source is a Lua gist by KevinGutowski.

AI-generated description

Similar vizzes

Loading thumbnail…

A Deck of Cards Dataset

This example displays the size and structure of a deck-of-cards dataset directly in the browser as plain text. It reports the CSV file’s size in kilobytes, the row count, and the number of columns. The code loads the dataset from a GitHub-hosted CSV using `d3.csv`, then formats and counts the data with `d3.csvFormat` and the array’s `length` property. It writes the resulting three-line summary into a `<pre>` element via standard DOM text assignment. The dataset itself originates from Garrett Gman’s public gist.

Llokesh234

55% match

Loading thumbnail…

Cards

This example presents a horizontally scrollable gallery of interactive cards, each displaying an image from a shuffled list of external URLs on its front and descriptive placeholder text on its back. Clicking a card triggers a CSS 3D flip animation, revealing the back content, while hovering lifts the card and shifts neighboring cards horizontally to create a stacked effect. The implementation combines plain JavaScript for DOM manipulation and event handling, alongside D3.js v6 for data shuffling and image loading, with all visual effects driven by CSS transitions and transforms.

MMTR

52% match

Loading thumbnail…

Parse Pokémon Trading Card Online Deckstring

This example parses a Pokémon Trading Card Online deckstring into structured card data, displaying each card’s count, name, type (Pokémon, Trainer, or Energy), set code, number, and variant. The JavaScript function `importDeckString` splits the input by lines, filters empty entries, and extracts card metadata by splitting on spaces, detecting variants via numeric tokens, and classifying card types based on line position relative to header counts. It also normalizes energy symbols like `{G}` into names like “Grass” using the `replaceEnergyBrackets` helper, then passes the resulting array to an `updateTable` function for display.

KKevinGutowski

51% match

Loading thumbnail…

number guessing (english)

The example demonstrates the classic "magic number" card trick, where a user mentally selects a number between 1 and 60 and then answers yes or no as six shuffled cards are presented one by one. Each card contains a distinct subset of numbers, and the user’s cumulative yes/no responses are used to compute the hidden number. The visualization uses D3 v4 to render SVG cards and animated transitions, scaling each card to the foreground for interaction and shrinking it after each answer. The final solution is revealed with a slow text fade-in after the last card, using D3’s transition and style methods.

EEE2dev

46% match

Loading thumbnail…

Blackjack Game

This example presents a browser-based Blackjack card game with a dark green casino-style interface. The page displays the player’s current cards, their sum, and a status message that guides the game flow. Users start a round and draw new cards via buttons, while JavaScript manages the deck logic, including random card values, a simple Blackjack win condition, and a track of the player’s chips. The interface is built with plain HTML, CSS, and vanilla JavaScript, using DOM methods like `getElementById` and browser-native event handlers.

GGayan Priyadarshana

46% match

Loading thumbnail…

Retrieve Google Spreadsheets content

This example shows a web page that pulls content from a published Google Spreadsheet and renders it as a numbered list of image cards with text and credit lines. The spreadsheet’s first two rows provide the headline and deck, while each subsequent row supplies an image URL, title, and credit. The code uses jQuery’s `$.getJSON` to fetch data from the Google Spreadsheets feed API, parses the returned JSON, and dynamically appends HTML elements to a container. It relies on a single function, `buildList`, which takes the spreadsheet ID as an argument, and uses basic array storage and string interpolation to build the layout.

LLayne Smith

45% match

Loading thumbnail…

Gist 0b384246f66fe33ea9666f0d1aec3707

This example displays a neural network’s real-time classification of handwritten digit images from a testing set, cycling through a random card number each time the mouse is pressed. The Processing sketch uses the `Network` class to respond to pixel data from a 196-input layer, then renders the network’s nodes and connections with `smooth()` and `stroke(150)`. The current card index and its label are shown as text at the bottom of the canvas, while the background is cleared each frame with `background(255)`.

CCharlesFr

45% match

Loading thumbnail…

Gist 628b2fab1b21dd2fd74ddc2e7469261f

This interactive visualization demonstrates a neural network classifying handwritten digits from the MNIST dataset, showing the network’s ten output activations for each input image. It uses Processing’s `loadBytes()` to read 196-byte image data and 10,000 label bytes, splitting the data set so that four out of five cards train the model while every fifth card tests it. The code defines a `Card` class that stores input arrays and output arrays, highlighting the correct answer within the template outputs during label loading.

CCharlesFr

45% match