Directory

memory-game - Vaadin Add-on Directory

Classic memory game as Custom Component memory-game - Vaadin Add-on Directory
# Memory Game **WebComponent** [![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/mini-memory) ![npm](https://img.shields.io/npm/v/mini-memory.svg?style=popout) ![Minified File Size](https://img.shields.io/github/size/softberry/memory-game/public/mini-memory.min.js.svg?label=minified&style=popout) ![npm](https://img.shields.io/npm/dt/mini-memory.svg?style=popout) ![GitHub issues](https://img.shields.io/github/issues/softberry/memory-game.svg?style=popout) ![GitHub closed issues](https://img.shields.io/github/issues-closed-raw/softberry/memory-game.svg?style=popout) ![GitHub last commit](https://img.shields.io/github/last-commit/softberry/memory-game.svg?style=popout) ```html This is a classic Memory Game that can be simply included in any html page like this:
``` ## Quick Intro - **Demo :** [http://www.emresakarya.com/mini-memory][sample-preview] - **Playground :** [at codepen.io][codepen] - **Documentation :** [https://softberry.github.io/memory-game/][docs] - **Use your own images :** Images in this game are obtained from [picsum.photos][picsum] which is a free place holder service. If you would like to use your own images, you will need a decicated image server for this purpose. There is an another project [Custom image server][image-server] developed with nodejs/express, can be used for this purpose. If you do not define your image server in [manifest.json](static/manifest.json) or your image server does not responses, game falls back to [https://picsum.photos][picsum], which is a free image place holder service and may take long time to get images. **Please note only Native Support of Custome Elements covered.** **It has not been tested for IE 11 / Edge and therefore are not supported** ## Attributes **`matrix`** columns and rows count in format of 2x2. Accepted values minimum 2x2 and maximum 10x10 **`lang`** Language selection. Current available languages are English, German and Turkish **`view`** set options for views. Currently have only one option which is `fullscreen` **`settings`** hides settings panel if this value set to ``no``. Default is visible. **`challenge`** Turns challenge mode ``on`` or ``off``. Default is ``on``. Game starts with initially given matrix dimensions and it's increased one by one at each completed level. If this value set to ``off`` game repeats always same level. ## Documentation Contributors are welcome. See the [Documentation][docs]. Fork this repo, pick yourself an [open Issue][issues], and go ahead... ### Open Issues: See open issues at GitHub [open Issue][issues] [sample-preview]: http://www.emresakarya.com/mini-memory [docs]: https://softberry.github.io/memory-game/ [codepen]: https://codepen.io/softberry/pen/dwBrNB [issues]: https://github.com/softberry/memory-game/issues [image-server]: https://github.com/softberry/image-server [picsum]: https://picsum.photos