https://github.com/softberry/memory-game

Classic memory game as Custom Component
https://github.com/softberry/memory-game

custom-elements game memory-game webapp webcomponents

Last synced: 2 months ago
JSON representation

Classic memory game as Custom Component

• Host: GitHub
• URL: https://github.com/softberry/memory-game
• Owner: softberry
• Created: 2019-01-02T23:23:37.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2023-01-07T04:05:06.000Z (almost 2 years ago)
• Last Synced: 2024-10-04T21:15:40.698Z (3 months ago)
• Topics: custom-elements, game, memory-game, webapp, webcomponents
• Language: JavaScript
• Homepage: http://www.emresakarya.com/mini-memory/
• Size: 4.48 MB
• Stars: 5
• Watchers: 2
• Forks: 0
• Open Issues: 10
• Metadata Files:
  • Readme: readme.MD

Awesome Lists containing this project

README

        
# 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