Solitaire <card-t> UI select, drag & drop experiment

This code does NOT (yet) implement Solitaire game rules

Any card/selection can be moved to other piles

https://card-ts.github.io/Solitaire/

Using the <card-t> Custom Element from: https://github.com/card-ts/playingcardts

---

---

JavaScript Solitaire implementations on the web

• latest React version - https://codepen.io/bfa/pen/ggGYeE

  • NO drag-drop interactions
  • cards built with HTML/CSS
  • 12 court images external PNGs: King of Heart 21 KB

• Playing and building Solitaire/Klondike - http://www.numberfactory.com/nf_solitaire.html

  • (small) cards external PNG images

• DHTML Goodies Solitaire - http://www.dhtmlgoodies.com/scripts/game_solitaire/game_solitaire.html

  • 52 small GIF images (76 px * 92 px)
  • Pile dragging

• World of Solitaire - https://worldofsolitaire.com/

  • all versions of Solitaire/Klondike/Freecell
  • cards Base64 encoded PNG images

• Freecell Solitaire - http://showcase.codethislab.com/games/freecell/

  • in CANVAS
  • 52 cards in 122 KB PNG sprite

• Spider Solitaire by Pat - http://stanforth.com/spiderSolitaire.html

  • 52 small external PNG images
  • NO pile dragging

• JavaScript Solitaire (jan 2009) - http://www.numberfactory.com/nf_solitaire.html

  • cards are small external GIF images

• • https://solitaire.cloudvent.net/

    • no images in Court cards
    • backbone, jquery, underscore libraries
    • code in 17 different files

• Bouncing cards Win animation - https://mrdoob.com/lab/javascript/effects/solitaire/

  • in CANVAS, No game, animations only
  • 52 small cards in one 22 KB PNG sprite

---

Published: 2019-06-20 10:51