softberry / memory-game Goto Github PK

Make settings panel shown or not to be shown.
For example :
<mini-memory settings="yes[default]/no"></mini-memory>

Aim is to make this game available for embedding in hybrid/native Mobile Apps. Such as Cordova or React Native. So that settings can be managed from already existing setting panels of the hosting app if any.

To&Do

• Extend ObservedAttributes array
• Extend render()
• Update readme.md accordingly
• if disabled:
  • remove settings button from the toolbar.
  • do not render settings panel

Make this game simply used as Web App by adding icons, mainfest.json etc.
As this project is offered to used in different platforms, this should only be a template who would like to use it as Web App.

challenge attribute should also be adjustable in settings layer (panel)

Enable publishers to include AMP apps to the screen between levels.

currently game have win and ready events used internally in game.

• Extend this events to mini-memory root
• Think of other possible events that may be useful

Make the game multiplayer.

matrix is a mandatory attribute and should not be omitted.
todo :

• show MATRIX_DIMENSIONS_ERROR

Currently images retrieved from placeholder provider https://picsum.photos/ .
This is used only for demo purpose. But all other users who uses this game should have to use their own images from their servers.

todo:

• define a crop logic
• define a json template
• pay attention of the maximum required images are already supplied. For example a 6x6 game needs 18 unique image. If this is not supplied game should not be initialised.
• Extend i18n definitions for the new warning messages.

Do not jump to auto next level.
Add next button so that player have a chance to make break.

• extend info panel of settings so that it may have not static HTML but also dynamic html with translations and interactive elements ( ex: clickable button)

Images are loaded at exact dimensions to keep file transfer size at minimum but image quality at max. If player changes the size of the browser window, images are distort. To avoid, reload same images again at corrected size. Debounce the event before sending network request.

Currently game starts from given matrix, such as 2x2 and increase that one by one until it reaches 10x10.
Let game users to disable this by adding challenge="off". If set, game should start from given matrix (such as 3x5) then repeats it again at same dimension in case of completion of the game.