Tasks for Pixie Report project.
Progress notes to Pixie Report Scratchpad along with any learnings similar to the Github learnings page. Pics to Pixie Report Snapshots.
Harvest any tasks in the Github task list tasks as appropriate.
Summary above Features below
Feature Complete Needs
Features delivered:
Feature Task On Deck
To Do By Category
MILESTONES # MS 1: Paths and reading images - [x] Display a single PNG image resource in the page as an IMG resource. - [x] Display a single PNG image resource in the in-browser canvas. See [MDN Canvas Tutorial](https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial/Using_images) - [x] Composite two images having transparency on the upper layer, you can use a background and a pixie. - [x] Refactor to a tail recursive composition of an array of layer files. (_discarded for Promise.then()_). - [x] Read a pixie description file or another JSON blob and log it to the Javascript console or set the innerHTML of an element. - [x] Read a JSON resource and navigate to a sub value like a pixie text description. Echo like pixie description file.
## MS 1A: Excursion, parse request info using the DOM API. - [x] Using the local web server, can we use the [purple.bikeshed.org](http://purple.bikeshed.org) approach via the [Location](https://developer.mozilla.org/en-US/docs/Web/API/Location) DOM API? Try a FORM and/or link submit. **YES.**
# MS 2: Demo Ready (for 2023-12-07) - [x] Parse a textual weather report and output a pixie description object, via imported script from pixifier source, parser.decodedToParamObject(metarText); - [x] Take a pixie description and use it to compose an image. We have a compositor working on a static list of image paths, so the composition can proceed from a list of image resource paths to overlay, and then add rendered text. To avoid the entanglement of Node filesystem and canvas logic with the image resource path definitions, layerDefs.js provides a snapshot for the selfie pixie set. - [x] Demo. _Done 2023-12-07 at RC._
See Pixie Report Demo for the results of MS 2.
# MS 3: Post-demo tasks - [x] Move to an ES6 module loading style, using a local http server for CORS locality rules for script loading and weather report data loading. If you're on the dev machine, this is [http://localhost:8000/](http://localhost:8000/) - [ ] Take a textual report and create alt text for the pixie. - [ ] Compose to the canvas, generate a PNG, add the PNG as an IMG element. - [ ] Include alt text in the PNG img element's alt= attribute. - [ ] Any obvious cleanup or refactoring? - [ ] What is the deployment-ready milestone (create MS 4 tasks for prototype hosting). Consider cleanup. Consider architecture.