Memory Card Tasks

Tasks for Memory Card Creator, for a log see Memory Card Scratchpad. Two deploys of a working version in January 2023.

Summary above Features below

Features delivered:

* choose SVG template and import into PaperJS canvas project

* upload file and merge into template

* twiddle the PaperJS project using window.art and window.project

* Read the template's default title and add it to the widget.

* Write the title widget text into the card

* Automatically center title.

* SVG template previews clickable and sync'd with radio buttons.

* Default Zoom to Fit on new Raster image

* Read, import, and render the numeric card value.

* Render the special rule or flavor text panel over the card type emblem below the central image. Provide copy/paste emoji for the memory card types.

* Example finished card for each template/color.

* Choose a current image from among previously uploaded ones.

* Deploy: Put up the clump of files on a hosting site and try it out.

Feature Complete Needs

Complete for initial deploy.

Feature Task On Deck

TBD, select from To Do below.

To Do By Category

Text To Do

* Automatically size title

* Curve text in PaperJS: Use the example in Sketch_231227_201114.js

Image To Do

* Controls to zoom the current image.

* Controls to center the current image.

* Controls to rotate the current image.

* Drag and drop target to upload image file.

* Provide or embed a usable sample image (vs. a finished PNG) for each color, maybe a glyph from OpenMoji?

Deployment To Do

* Embed the SVGs as data: URLs and see if we can convert those to File objects for PaperJS import. Try this on a small SVG if you like. Maybe try svgz base64.