Memory Game

Primary tabs

Submitted by H5P Group on Tue, 05/13/2014 - 09:56

A free HTML5-based memory game content type allowing authors to add their own images (and optional text) to a memory game. To play the game, users search for image pairs, which will display a specified text message once a matching pair has been found. Memory games are created using only a web browser in publishing systems like Canvas, Brightspace, Blackboard, Moodle and WordPress.

707

The classic image pairing game

H5P Group

439431

Memory game with audio

H5P Group

62776

Match places with flags

H5P Group

Would you like to create content like this on your own?

Get started

Register on H5P.com to start creating H5P Interactive content. Your content can be accessed via direct link, embeded, or inserted into any learning management system that supports LTI integration.

And more

Description

Create your own memory games and test the memory of your site's users with this simple yet beautiful HTML5 game.

Learn how to create a Memory game in this tutorial.

The H5P content on this page is licensed under Creative Commons Attribution 4.0 International unless another Creative Commons license is specified under rights of use. The author of the content is H5P Group

New to H5P? Read the installation guide to get H5P on your own site.

Comments

SirClickalot

Wed, 01/19/2022 - 11:35

Permalink

Use with Drupal: Memory game does not honour style hook

I am using H5P very successfully with Drupal 9 to create an educational site.

I routinely use the custom_h5p_overrides_h5p_styles_alter Drupal hook to modify the CSS style of components and I do this successfully with all sorts of components using...

function custom_h5p_overrides_h5p_styles_alter(&$styles, $libraries, $mode) {
  $styles[] = (object) [
    // Path relative to drupal root
    'path' => \Drupal::service('extension.list.module')->getPath('custom_h5p_overrides') . '/css/custom-h5p-overrides.css',
    // Cache buster
    'version' => '?ver=1',
  ];
}

However, no matter what I try in my overriding CSS file such as (for example to remove the card roundedness) - even with some !importants in place.

...

.h5p-memory-game .h5p-memory-card .h5p-back, .h5p-memory-game .h5p-memory-card .h5p-front {
  border: none !important;
  border-radius: 0 !important;
}

Yet, for other components such as multi-choice, overrind works a treat, for example (sanpshot from the Chrome Inspector) ...

.h5p-multichoice .h5p-alternative-container {
  background: none;
  border: none;
  box-shadow: none;
  display: inline-flex;
}

Can anyone help here?

Thanks

SirClickalot

Wed, 02/16/2022 - 12:37

Permalink

Is this forum actually active

Is this forum actually active?

I ask since this simple question has been here now fo some weeks but with no reply.

Thanks

BV52

Wed, 02/16/2022 - 18:45

Permalink

Hi SirClickalot,I may not be

Hi SirClickalot,

I may not be able to answer your question above but you may get better traction if you post this in the forums instead of the this page.

-BV

You are here

Memory Game

Primary tabs

Would you like to create content like this on your own?

Description

Comments

Use with Drupal: Memory game does not honour style hook

Is this forum actually active

Hi SirClickalot,I may not be

Pages