Directory

← Back

memory-game

Classic memory game as Custom Component

Author

Rating

Popularity

<100

Memory Game

WebComponent

Published on webcomponents.org npm Minified File Size npm GitHub issues GitHub closed issues GitHub last commit

This is a classic Memory Game that can be simply included in any html page like
this:

<html>
  <head>
    <script src="//unpkg.com/mini-memory@latest/public/mini-memory.min.js"></script>
  </head>
  <body>
    <div class="container"><mini-memory matrix="2x2"></mini-memory></div>
  </body>
</html>

Quick Intro

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

  <mini-memory matrix="2x2"></mini-memory>

lang Language selection. Current available languages are English, German and Turkish

  <mini-memory matrix="2x2" lang="de"></mini-memory>

view set options for views. Currently have only one option which is fullscreen

  <mini-memory matrix="2x2" view="fullscreen"></mini-memory>

settings hides settings panel if this value set to no. Default is visible.

  <mini-memory matrix="2x2" settings="no"></mini-memory>

challenge Turns challenge mode on or off. Default is on.

  <mini-memory matrix="2x2" challenge="off"></mini-memory>

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.

  <mini-memory matrix="2x2" challenge="off"></mini-memory>

Documentation

Contributors are welcome. See the Documentation. Fork this repo, pick yourself an open Issue, and go ahead...

Open Issues:

See open issues at GitHub open Issue

Compatibility

(Loading compatibility data...)

Was this helpful? Need more help?
Leave a comment or a question below. You can also join the chat on Discord or ask questions on StackOverflow.

Version

Dependencies

Released
2019-04-10
Maturity
IMPORTED
License
MIT License

Compatibility

Framework
Browser
Browser Independent

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
View on NPM
View on GitHub

memory-game version 1.0.0
### Dependencies

memory-game version 1.0.1
### Dependencies

memory-game version 1.0.3
### Dependencies

memory-game version 1.0.10
### Dependencies

memory-game version 1.0.11
### Dependencies

memory-game version 1.0.12
### Dependencies

memory-game version 1.0.4
### Dependencies

memory-game version 1.0.5
### Dependencies

memory-game version 1.0.6
### Dependencies

memory-game version 1.0.7
### Dependencies

memory-game version 1.0.8
### Dependencies

memory-game version 1.0.9
### Dependencies

memory-game version 0.0.0
### Dependencies

memory-game version 1.0.13
### Dependencies

memory-game version 0.0.1
### Dependencies

memory-game version 0.0.2
### Dependencies

memory-game version 0.0.3
### Dependencies

memory-game version 0.0.4
### Dependencies

memory-game version 0.0.5
### Dependencies

memory-game version 0.0.6
### Dependencies

memory-game version 0.0.7
### Dependencies

memory-game version 0.0.8
### Dependencies

memory-game version 0.0.9
### Dependencies * @webcomponents/webcomponentsjs#^2.2.4

memory-game version 0.0.10
### Dependencies * @webcomponents/webcomponentsjs#^2.2.4

memory-game version 0.0.11
### Dependencies

memory-game version 0.0.12
### Dependencies

memory-game version 0.0.13
### Dependencies

memory-game version 0.0.14
### Dependencies

memory-game version 2.0.0
### Dependencies

memory-game version 2.0.1
### Dependencies

memory-game version 2.0.2
### Dependencies

memory-game version 2.0.3
### Dependencies

memory-game version 2.0.4
### Dependencies

memory-game version 2.0.5
### Dependencies

memory-game version 2.0.6
### Dependencies

memory-game version 2.0.10
### Dependencies

memory-game version 2.0.7
### Dependencies

memory-game version 2.0.8
### Dependencies

memory-game version 2.0.9
### Dependencies

memory-game version 2.0.11
### Dependencies

memory-game version 2.1.0
### Dependencies

memory-game version 2.1.1
### Dependencies

memory-game version 2.1.2
### Dependencies

memory-game version 2.1.3
### Dependencies

memory-game version 2.2.0
### Dependencies

memory-game version 2.2.1
### Dependencies

memory-game version 2.2.2
### Dependencies

memory-game version 2.2.3
### Dependencies

memory-game version 2.2.4
### Dependencies

memory-game version 2.2.5
### Dependencies

memory-game version 2.2.6
### Dependencies

memory-game version 2.2.7
### Dependencies

memory-game version 2.2.8
### Dependencies

Online