EDUCATIC
/
h5p-memory-game
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Merge branch 'release' into stable

pull/29/head
Paal Joergensen 2017-09-04 14:07:40 +02:00
parent 9a794fc55a 472507f943
commit 65f2d1d5e3
38 changed files with 3030 additions and 259 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

103
card.js
View File

@ -4,11 +4,14 @@
* Controls all the operations for each card.
*
* @class H5P.MemoryGame.Card
* @extends H5P.EventDispatcher
* @param {Object} image
* @param {number} id
* @param {string} [description]
* @param {Object} [styles]
*/
MemoryGame.Card = function (image, id, description) {
MemoryGame.Card = function (image, id, description, styles) {
/** @alias H5P.MemoryGame.Card# */
var self = this;
// Initialize event inheritance
@ -53,6 +56,13 @@
$card.addClass('h5p-matched');
};
/**
* Reset card to natural state
*/
self.reset = function () {
$card[0].classList.remove('h5p-flipped', 'h5p-matched');
};
/**
* Get card description.
*
@ -79,8 +89,8 @@
self.appendTo = function ($container) {
// TODO: Translate alt attr
$card = $('<li class="h5p-memory-wrap"><div class="h5p-memory-card" role="button" tabindex="1">' +
'<div class="h5p-front"></div>' +
'<div class="h5p-back">' +
'<div class="h5p-front"' + (styles && styles.front ? styles.front : '') + '>' + (styles && styles.backImage ? '' : '<span></span>') + '</div>' +
'<div class="h5p-back"' + (styles && styles.back ? styles.back : '') + '>' +
'<img src="' + path + '" alt="Memory Card" style="width:' + width + ';height:' + height + '"/>' +
'</div>' +
'</div></li>')
@ -92,6 +102,14 @@
})
.end();
};
/**
* Re-append to parent container
*/
self.reAppend = function () {
var parent = $card[0].parentElement.parentElement;
parent.appendChild($card[0].parentElement);
};
};
// Extends the event dispatcher
@ -124,4 +142,83 @@
params.match.path !== undefined);
};
/**
* Determines the theme for how the cards should look
*
* @param {string} color The base color selected
* @param {number} invertShades Factor used to invert shades in case of bad contrast
*/
MemoryGame.Card.determineStyles = function (color, invertShades, backImage) {
var styles = {
front: '',
back: '',
backImage: !!backImage
};
// Create color theme
if (color) {
var frontColor = shade(color, 43.75 * invertShades);
var backColor = shade(color, 56.25 * invertShades);
styles.front += 'color:' + color + ';' +
'background-color:' + frontColor + ';' +
'border-color:' + frontColor +';';
styles.back += 'color:' + color + ';' +
'background-color:' + backColor + ';' +
'border-color:' + frontColor +';';
}
// Add back image for card
if (backImage) {
var backgroundImage = 'background-image:url(' + backImage + ')';
styles.front += backgroundImage;
styles.back += backgroundImage;
}
// Prep style attribute
if (styles.front) {
styles.front = ' style="' + styles.front + '"';
}
if (styles.back) {
styles.back = ' style="' + styles.back + '"';
}
return styles;
};
/**
* Convert hex color into shade depending on given percent
*
* @private
* @param {string} color
* @param {number} percent
* @return {string} new color
*/
var shade = function (color, percent) {
var newColor = '#';
// Determine if we should lighten or darken
var max = (percent < 0 ? 0 : 255);
// Always stay positive
if (percent < 0) {
percent *= -1;
}
percent /= 100;
for (var i = 1; i < 6; i += 2) {
// Grab channel and convert from hex to dec
var channel = parseInt(color.substr(i, 2), 16);
// Calculate new shade and convert back to hex
channel = (Math.round((max - channel) * percent) + channel).toString(16);
// Make sure to always use two digits
newColor += (channel.length < 2 ? '0' + channel : channel);
}
return newColor;
};
})(H5P.MemoryGame, H5P.EventDispatcher, H5P.jQuery);

18
counter.js
View File

@ -7,16 +7,32 @@
* @param {H5P.jQuery} $container
*/
MemoryGame.Counter = function ($container) {
/** @alias H5P.MemoryGame.Counter# */
var self = this;
var current = 0;
/**
* @private
*/
var update = function () {
$container[0].innerText = current;
};
/**
* Increment the counter.
*/
self.increment = function () {
current++;
$container.text(current);
update();
};
/**
* Revert counter back to its natural state
*/
self.reset = function () {
current = 0;
update();
};
};

3
crowdin.yml Normal file
View File

@ -0,0 +1,3 @@
files:
- source: /language/.en.json
translation: /language/%two_letters_code%.json

87
language/.en.json Normal file
View File

@ -0,0 +1,87 @@
{
"semantics": [
{
"widgets": [
{
"label": "Default"
}
],
"label": "Cards",
"entity": "card",
"field": {
"label": "Card",
"fields": [
{
"label": "Image"
},
{
"label": "Matching Image",
"description": "An optional image to match against instead of using two cards with the same image."
},
{
"label": "Description",
"description": "An optional short text that will pop up once the two matching cards are found."
}
]
}
},
{
"label": "Behavioural settings",
"description": "These options will let you control how the game behaves.",
"fields": [
{
"label": "Position the cards in a square",
"description": "Will try to match the number of columns and rows when laying out the cards. Afterward, the cards will be scaled to fit the container."
},
{
"label": "Number of cards to use",
"description": "Setting this to a number greater than 2 will make the game pick random cards from the list of cards."
},
{
"label": "Add button for retrying when the game is over"
}
]
},
{
"label": "Look and feel",
"description": "Control the visuals of the game.",
"fields": [
{
"label": "Theme Color",
"description": "Choose a color to create a theme for your card game.",
"default": "#909090",
"spectrum": {}
},
{
"label": "Card Back",
"description": "Use a custom back for your cards."
}
]
},
{
"label": "Localization",
"fields": [
{
"label": "Card turns text",
"default": "Card turns"
},
{
"label": "Time spent text",
"default": "Time spent"
},
{
"label": "Feedback text",
"default": "Good work!"
},
{
"label": "Try again button text",
"default": "Try again?"
},
{
"label": "Close button label",
"default": "Close"
}
]
}
]
}

89
language/af.json Normal file
View File

@ -0,0 +1,89 @@
{
"semantics":[
{
"widgets":[
{
"label":"Default"
}
],
"label":"Cards",
"entity":"card",
"field":{
"label":"Card",
"fields":[
{
"label":"Image"
},
{
"label":"Matching Image",
"description":"An optional image to match against instead of using two cards with the same image."
},
{
"label":"Description",
"description":"An optional short text that will pop up once the two matching cards are found."
}
]
}
},
{
"label":"Behavioural settings",
"description":"These options will let you control how the game behaves.",
"fields":[
{
"label":"Position the cards in a square",
"description":"Will try to match the number of columns and rows when laying out the cards. Afterward, the cards will be scaled to fit the container."
},
{
"label":"Number of cards to use",
"description":"Setting this to a number greater than 2 will make the game pick random cards from the list of cards."
},
{
"label":"Add button for retrying when the game is over"
}
]
},
{
"label":"Look and feel",
"description":"Control the visuals of the game.",
"fields":[
{
"label":"Theme Color",
"description":"Choose a color to create a theme for your card game.",
"default":"#909090",
"spectrum":{
}
},
{
"label":"Card Back",
"description":"Use a custom back for your cards."
}
]
},
{
"label":"Localization",
"fields":[
{
"label":"Card turns text",
"default":"Card turns"
},
{
"label":"Time spent text",
"default":"Time spent"
},
{
"label":"Feedback text",
"default":"Good work!"
},
{
"label":"Try again button text",
"default":"Try again?"
},
{
"label":"Close button label",
"default":"Close"
}
]
}
]
}

51
language/ar.json
View File

@ -1,6 +1,11 @@
{
"semantics":[
{
"widgets":[
{
"label":"Default"
}
],
"label":"البطاقات",
"entity":"بطاقة",
"field":{
@ -10,9 +15,7 @@
"label":"الصورة"
},
{
"englishLabel": "Matching Image",
"label":"Matching Image",
"englishDescription": "An optional image to match against instead of using two cards with the same image.",
"description":"An optional image to match against instead of using two cards with the same image."
},
{
@ -23,38 +26,62 @@
}
},
{
"englishLabel": "Behavioural settings",
"label":"Behavioural settings",
"englishDescription": "These options will let you control how the game behaves.",
"description":"These options will let you control how the game behaves.",
"fields":[
{
"englishLabel": "Put the cards in a grid layout",
"label": "Put the cards in a grid layout"
"label":"Position the cards in a square",
"description":"Will try to match the number of columns and rows when laying out the cards. Afterward, the cards will be scaled to fit the container."
},
{
"englishLabel": "Number of cards to use",
"label":"Number of cards to use",
"englishDescription": "Setting this to a number greater than 2 will make the game pick random cards from the list of cards.",
"description":"Setting this to a number greater than 2 will make the game pick random cards from the list of cards."
},
{
"englishLabel": "Add button for retrying when the game is over",
"label":"Add button for retrying when the game is over"
}
]
},
{
"label":"Look and feel",
"description":"Control the visuals of the game.",
"fields":[
{
"label":"Theme Color",
"description":"Choose a color to create a theme for your card game.",
"default":"#909090",
"spectrum":{
}
},
{
"label":"Card Back",
"description":"Use a custom back for your cards."
}
]
},
{
"label":"الأقلمة",
"fields":[
{
"label": "نص تدوير البطاقة"
"label":"نص تدوير البطاقة",
"default":"Card turns"
},
{
"label": "نص التوقيت الزمني"
"label":"نص التوقيت الزمني",
"default":"Time spent"
},
{
"label": "نص الملاحظات"
"label":"نص الملاحظات",
"default":"Good work!"
},
{
"label":"Try again button text",
"default":"Try again?"
},
{
"label":"Close button label",
"default":"Close"
}
]
}

89
language/bs.json Normal file
View File

@ -0,0 +1,89 @@
{
"semantics":[
{
"widgets":[
{
"label":"Default"
}
],
"label":"Karte",
"entity":"karte",
"field":{
"label":"Karte",
"fields":[
{
"label":"Slika"
},
{
"label":"Ista slika",
"description":"Opcionalna slika koja se koristi umjestodvije iste slike."
},
{
"label":"Opis",
"description":"Kratak tekst koji će biti prikazan čim se pronađu dvije iste karte."
}
]
}
},
{
"label":"Podešavanje ponašanja",
"description":"These options will let you control how the game behaves.",
"fields":[
{
"label":"Poredaj karte u redove ",
"description":"Will try to match the number of columns and rows when laying out the cards. Afterward, the cards will be scaled to fit the container."
},
{
"label":"Broj karata za upotrebu",
"description":"Setting this to a number greater than 2 will make the game pick random cards from the list of cards."
},
{
"label":"Add button for retrying when the game is over"
}
]
},
{
"label":"Look and feel",
"description":"Control the visuals of the game.",
"fields":[
{
"label":"Theme Color",
"description":"Choose a color to create a theme for your card game.",
"default":"#909090",
"spectrum":{
}
},
{
"label":"Card Back",
"description":"Use a custom back for your cards."
}
]
},
{
"label":"Prijevod",
"fields":[
{
"label":"Tekst kad se okrene karta ",
"default":"Okrenuta karta"
},
{
"label":"Tekst za provedeno vrijeme",
"default":"Provedeno vrijeme"
},
{
"label":"Feedback tekst",
"default":"BRAVO!"
},
{
"label":"Tekst na dugmetu pokušaj ponovo",
"default":"Pokušaj ponovo?"
},
{
"label":"Close button label",
"default":"Close"
}
]
}
]
}

89
language/ca.json Normal file
View File

@ -0,0 +1,89 @@
{
"semantics":[
{
"widgets":[
{
"label":"Default"
}
],
"label":"Cards",
"entity":"card",
"field":{
"label":"Card",
"fields":[
{
"label":"Image"
},
{
"label":"Matching Image",
"description":"An optional image to match against instead of using two cards with the same image."
},
{
"label":"Description",
"description":"An optional short text that will pop up once the two matching cards are found."
}
]
}
},
{
"label":"Behavioural settings",
"description":"These options will let you control how the game behaves.",
"fields":[
{
"label":"Position the cards in a square",
"description":"Will try to match the number of columns and rows when laying out the cards. Afterward, the cards will be scaled to fit the container."
},
{
"label":"Number of cards to use",
"description":"Setting this to a number greater than 2 will make the game pick random cards from the list of cards."
},
{
"label":"Add button for retrying when the game is over"
}
]
},
{
"label":"Look and feel",
"description":"Control the visuals of the game.",
"fields":[
{
"label":"Theme Color",
"description":"Choose a color to create a theme for your card game.",
"default":"#909090",
"spectrum":{
}
},
{
"label":"Card Back",
"description":"Use a custom back for your cards."
}
]
},
{
"label":"Localization",
"fields":[
{
"label":"Card turns text",
"default":"Card turns"
},
{
"label":"Time spent text",
"default":"Time spent"
},
{
"label":"Feedback text",
"default":"Good work!"
},
{
"label":"Try again button text",
"default":"Try again?"
},
{
"label":"Close button label",
"default":"Close"
}
]
}
]
}

89
language/cs.json Normal file
View File

@ -0,0 +1,89 @@
{
"semantics":[
{
"widgets":[
{
"label":"Default"
}
],
"label":"Cards",
"entity":"card",
"field":{
"label":"Card",
"fields":[
{
"label":"Image"
},
{
"label":"Matching Image",
"description":"An optional image to match against instead of using two cards with the same image."
},
{
"label":"Description",
"description":"An optional short text that will pop up once the two matching cards are found."
}
]
}
},
{
"label":"Behavioural settings",
"description":"These options will let you control how the game behaves.",
"fields":[
{
"label":"Position the cards in a square",
"description":"Will try to match the number of columns and rows when laying out the cards. Afterward, the cards will be scaled to fit the container."
},
{
"label":"Number of cards to use",
"description":"Setting this to a number greater than 2 will make the game pick random cards from the list of cards."
},
{
"label":"Add button for retrying when the game is over"
}
]
},
{
"label":"Look and feel",
"description":"Control the visuals of the game.",
"fields":[
{
"label":"Theme Color",
"description":"Choose a color to create a theme for your card game.",
"default":"#909090",
"spectrum":{
}
},
{
"label":"Card Back",
"description":"Use a custom back for your cards."
}
]
},
{
"label":"Localization",
"fields":[
{
"label":"Card turns text",
"default":"Card turns"
},
{
"label":"Time spent text",
"default":"Time spent"
},
{
"label":"Feedback text",
"default":"Good work!"
},
{
"label":"Try again button text",
"default":"Try again?"
},
{
"label":"Close button label",
"default":"Close"
}
]
}
]
}

89
language/da.json Normal file
View File

@ -0,0 +1,89 @@
{
"semantics":[
{
"widgets":[
{
"label":"Default"
}
],
"label":"Cards",
"entity":"card",
"field":{
"label":"Card",
"fields":[
{
"label":"Image"
},
{
"label":"Matching Image",
"description":"An optional image to match against instead of using two cards with the same image."
},
{
"label":"Description",
"description":"An optional short text that will pop up once the two matching cards are found."
}
]
}
},
{
"label":"Behavioural settings",
"description":"These options will let you control how the game behaves.",
"fields":[
{
"label":"Position the cards in a square",
"description":"Will try to match the number of columns and rows when laying out the cards. Afterward, the cards will be scaled to fit the container."
},
{
"label":"Number of cards to use",
"description":"Setting this to a number greater than 2 will make the game pick random cards from the list of cards."
},
{
"label":"Add button for retrying when the game is over"
}
]
},
{
"label":"Look and feel",
"description":"Control the visuals of the game.",
"fields":[
{
"label":"Theme Color",
"description":"Choose a color to create a theme for your card game.",
"default":"#909090",
"spectrum":{
}
},
{
"label":"Card Back",
"description":"Use a custom back for your cards."
}
]
},
{
"label":"Localization",
"fields":[
{
"label":"Card turns text",
"default":"Card turns"
},
{
"label":"Time spent text",
"default":"Time spent"
},
{
"label":"Feedback text",
"default":"Good work!"
},
{
"label":"Try again button text",
"default":"Try again?"
},
{
"label":"Close button label",
"default":"Close"
}
]
}
]
}

56
language/de.json
View File

@ -1,6 +1,11 @@
{
"semantics":[
{
"widgets":[
{
"label":"Vorgaben"
}
],
"label":"Karten",
"entity":"karte",
"field":{
@ -10,10 +15,8 @@
"label":"Bild"
},
{
"englishLabel": "Matching Image",
"label": "Matching Image",
"englishDescription": "An optional image to match against instead of using two cards with the same image.",
"description": "An optional image to match against instead of using two cards with the same image."
"label":"Passendes Bild",
"description":"Ein optionales anderes Bild als Gegenstück statt zwei Karten mit dem selben Bild zu nutzen"
},
{
"label":"Beschreibung",
@ -23,24 +26,37 @@
}
},
{
"englishLabel": "Behavioural settings",
"label": "Behavioural settings",
"englishDescription": "These options will let you control how the game behaves.",
"description": "These options will let you control how the game behaves.",
"label":"Interaktionseinstellungen",
"description":"Mit diesen Einstellungen kannst du das Verhalten des Spiels anpassen.",
"fields":[
{
"englishLabel": "Put the cards in a grid layout",
"label": "Put the cards in a grid layout"
"label":"Positioniere die Karten in einem Quadrat.",
"description":"Es wird versucht, die Anzahl der Zeilen und Spalten passend zu den Karten einzustellen. Danach werden die Karten passend skaliert."
},
{
"englishLabel": "Number of cards to use",
"label": "Number of cards to use",
"englishDescription": "Setting this to a number greater than 2 will make the game pick random cards from the list of cards.",
"description": "Setting this to a number greater than 2 will make the game pick random cards from the list of cards."
"label":"Anzahl der zu nutzenden Karten",
"description":"Wird hier eine Zahl größer als 2 eingestellt, werden zufällig Karten aus der Kartenliste gezogen."
},
{
"englishLabel": "Add button for retrying when the game is over",
"label": "Add button for retrying when the game is over"
"label":"Füge einen Button hinzu, um das Spiel noch einmal neu zu starten zu können, wenn es vorbei ist."
}
]
},
{
"label":"Design-Aspekte",
"description":"Beeinflusse die Optik des Spiels",
"fields":[
{
"label":"Themenfarbe",
"description":"Wähle eine Farbe, um ein Theme für deine Karten zu erstellen.",
"default":"#909090",
"spectrum":{
}
},
{
"label":"Kartenrückseite",
"description":"Nutze eine individuelle Rückseite für deine Karten."
}
]
},
@ -58,6 +74,14 @@
{
"label":"Text als Rückmeldung",
"default":"Gute Arbeit!"
},
{
"label":"Text des Wiederholen-Buttons",
"default":"Erneut versuchen?"
},
{
"label":"Beschriftung des \"Abbrechen\"-Buttons",
"default":"Schließen"
}
]
}

89
language/el.json Normal file
View File

@ -0,0 +1,89 @@
{
"semantics":[
{
"widgets":[
{
"label":"Default"
}
],
"label":"Cards",
"entity":"card",
"field":{
"label":"Card",
"fields":[
{
"label":"Image"
},
{
"label":"Matching Image",
"description":"An optional image to match against instead of using two cards with the same image."
},
{
"label":"Description",
"description":"An optional short text that will pop up once the two matching cards are found."
}
]
}
},
{
"label":"Behavioural settings",
"description":"These options will let you control how the game behaves.",
"fields":[
{
"label":"Position the cards in a square",
"description":"Will try to match the number of columns and rows when laying out the cards. Afterward, the cards will be scaled to fit the container."
},
{
"label":"Number of cards to use",
"description":"Setting this to a number greater than 2 will make the game pick random cards from the list of cards."
},
{
"label":"Add button for retrying when the game is over"
}
]
},
{
"label":"Look and feel",
"description":"Control the visuals of the game.",
"fields":[
{
"label":"Theme Color",
"description":"Choose a color to create a theme for your card game.",
"default":"#909090",
"spectrum":{
}
},
{
"label":"Card Back",
"description":"Use a custom back for your cards."
}
]
},
{
"label":"Localization",
"fields":[
{
"label":"Card turns text",
"default":"Card turns"
},
{
"label":"Time spent text",
"default":"Time spent"
},
{
"label":"Feedback text",
"default":"Good work!"
},
{
"label":"Try again button text",
"default":"Try again?"
},
{
"label":"Close button label",
"default":"Close"
}
]
}
]
}

89
language/es.json Normal file
View File

@ -0,0 +1,89 @@
{
"semantics":[
{
"widgets":[
{
"label":"Predeterminado"
}
],
"label":"Tarjetas",
"entity":"card",
"field":{
"label":"Tarjeta",
"fields":[
{
"label":"Imagen"
},
{
"label":"Imagen coincidente",
"description":"Una imagen opcional para emparejar, en vez de usar dos tarjetas con la misma imagen."
},
{
"label":"Descripción",
"description":"Un breve texto opcional que aparecerá una vez se encuentren las dos cartas coincidentes."
}
]
}
},
{
"label":"Ajustes de comportamiento",
"description":"Estas opciones le permitirán controlar cómo se comporta el juego.",
"fields":[
{
"label":"Coloca las tarjetas en un cuadrado",
"description":"Intentará igualar el número de columnas y filas al distribuir las tarjetas. Después, las tarjetas se escalarán para que se ajusten al contenedor."
},
{
"label":"Número de tarjetas a utilizar",
"description":"Establecer esto a un número mayor que 2 hará que el juego seleccione tarjetas aleatorias de la lista de tarjetas."
},
{
"label":"Añadir botón para volver a intentarlo cuando el juego ha terminado"
}
]
},
{
"label":"Aspecto y comportamiento",
"description":"Controla los efectos visuales del juego.",
"fields":[
{
"label":"Color del tema",
"description":"Elegir un color para crear un tema para su juego de cartas.",
"default":"#909090",
"spectrum":{
}
},
{
"label":"Parte posterior de la tarjeta",
"description":"Utilice una parte posterior personalizada para sus tarjetas."
}
]
},
{
"label":"Localización",
"fields":[
{
"label":"Texto para los giros de tarjetas",
"default":"Giros de tarjeta"
},
{
"label":"Texto de tiempo usado",
"default":"Tiempo usado"
},
{
"label":"Texto de comentarios",
"default":"¡Buen trabajo!"
},
{
"label":"Intente del botón Intente de nuevo",
"default":"¿Volver a intentarlo?"
},
{
"label":"Etiqueta del botón Cerrar",
"default":"Cerrar"
}
]
}
]
}

89
language/et.json Normal file
View File

@ -0,0 +1,89 @@
{
"semantics":[
{
"widgets":[
{
"label":"Default"
}
],
"label":"Cards",
"entity":"card",
"field":{
"label":"Card",
"fields":[
{
"label":"Image"
},
{
"label":"Matching Image",
"description":"An optional image to match against instead of using two cards with the same image."
},
{
"label":"Description",
"description":"An optional short text that will pop up once the two matching cards are found."
}
]
}
},
{
"label":"Behavioural settings",
"description":"These options will let you control how the game behaves.",
"fields":[
{
"label":"Position the cards in a square",
"description":"Will try to match the number of columns and rows when laying out the cards. Afterward, the cards will be scaled to fit the container."
},
{
"label":"Number of cards to use",
"description":"Setting this to a number greater than 2 will make the game pick random cards from the list of cards."
},
{
"label":"Add button for retrying when the game is over"
}
]
},
{
"label":"Look and feel",
"description":"Control the visuals of the game.",
"fields":[
{
"label":"Theme Color",
"description":"Choose a color to create a theme for your card game.",
"default":"#909090",
"spectrum":{
}
},
{
"label":"Card Back",
"description":"Use a custom back for your cards."
}
]
},
{
"label":"Localization",
"fields":[
{
"label":"Card turns text",
"default":"Card turns"
},
{
"label":"Time spent text",
"default":"Time spent"
},
{
"label":"Feedback text",
"default":"Good work!"
},
{
"label":"Try again button text",
"default":"Try again?"
},
{
"label":"Close button label",
"default":"Close"
}
]
}
]
}

89
language/fi.json Normal file
View File

@ -0,0 +1,89 @@
{
"semantics":[
{
"widgets":[
{
"label":"Default"
}
],
"label":"Cards",
"entity":"card",
"field":{
"label":"Card",
"fields":[
{
"label":"Image"
},
{
"label":"Matching Image",
"description":"An optional image to match against instead of using two cards with the same image."
},
{
"label":"Description",
"description":"An optional short text that will pop up once the two matching cards are found."
}
]
}
},
{
"label":"Behavioural settings",
"description":"These options will let you control how the game behaves.",
"fields":[
{
"label":"Position the cards in a square",
"description":"Will try to match the number of columns and rows when laying out the cards. Afterward, the cards will be scaled to fit the container."
},
{
"label":"Number of cards to use",
"description":"Setting this to a number greater than 2 will make the game pick random cards from the list of cards."
},
{
"label":"Add button for retrying when the game is over"
}
]
},
{
"label":"Look and feel",
"description":"Control the visuals of the game.",
"fields":[
{
"label":"Theme Color",
"description":"Choose a color to create a theme for your card game.",
"default":"#909090",
"spectrum":{
}
},
{
"label":"Card Back",
"description":"Use a custom back for your cards."
}
]
},
{
"label":"Localization",
"fields":[
{
"label":"Card turns text",
"default":"Card turns"
},
{
"label":"Time spent text",
"default":"Time spent"
},
{
"label":"Feedback text",
"default":"Good work!"
},
{
"label":"Try again button text",
"default":"Try again?"
},
{
"label":"Close button label",
"default":"Close"
}
]
}
]
}

42
language/fr.json
View File

@ -1,6 +1,11 @@
{
"semantics":[
{
"widgets":[
{
"label":"Default"
}
],
"label":"Cartes",
"entity":"carte",
"field":{
@ -10,9 +15,7 @@
"label":"Image"
},
{
"englishLabel": "Matching Image",
"label":"Matching Image",
"englishDescription": "An optional image to match against instead of using two cards with the same image.",
"description":"An optional image to match against instead of using two cards with the same image."
},
{
@ -23,27 +26,40 @@
}
},
{
"englishLabel": "Behavioural settings",
"label":"Behavioural settings",
"englishDescription": "These options will let you control how the game behaves.",
"description":"These options will let you control how the game behaves.",
"fields":[
{
"englishLabel": "Put the cards in a grid layout",
"label": "Put the cards in a grid layout"
"label":"Position the cards in a square",
"description":"Will try to match the number of columns and rows when laying out the cards. Afterward, the cards will be scaled to fit the container."
},
{
"englishLabel": "Number of cards to use",
"label":"Number of cards to use",
"englishDescription": "Setting this to a number greater than 2 will make the game pick random cards from the list of cards.",
"description":"Setting this to a number greater than 2 will make the game pick random cards from the list of cards."
},
{
"englishLabel": "Add button for retrying when the game is over",
"label":"Add button for retrying when the game is over"
}
]
},
{
"label":"Look and feel",
"description":"Control the visuals of the game.",
"fields":[
{
"label":"Theme Color",
"description":"Choose a color to create a theme for your card game.",
"default":"#909090",
"spectrum":{
}
},
{
"label":"Card Back",
"description":"Use a custom back for your cards."
}
]
},
{
"label":"Interface",
"fields":[
@ -58,6 +74,14 @@
{
"label":"Texte de l'appréciation finale",
"default":"Bien joué !"
},
{
"label":"Try again button text",
"default":"Try again?"
},
{
"label":"Close button label",
"default":"Close"
}
]
}

89
language/he.json Normal file
View File

@ -0,0 +1,89 @@
{
"semantics":[
{
"widgets":[
{
"label":"Default"
}
],
"label":"Cards",
"entity":"card",
"field":{
"label":"Card",
"fields":[
{
"label":"Image"
},
{
"label":"Matching Image",
"description":"An optional image to match against instead of using two cards with the same image."
},
{
"label":"Description",
"description":"An optional short text that will pop up once the two matching cards are found."
}
]
}
},
{
"label":"Behavioural settings",
"description":"These options will let you control how the game behaves.",
"fields":[
{
"label":"Position the cards in a square",
"description":"Will try to match the number of columns and rows when laying out the cards. Afterward, the cards will be scaled to fit the container."
},
{
"label":"Number of cards to use",
"description":"Setting this to a number greater than 2 will make the game pick random cards from the list of cards."
},
{
"label":"Add button for retrying when the game is over"
}
]
},
{
"label":"Look and feel",
"description":"Control the visuals of the game.",
"fields":[
{
"label":"Theme Color",
"description":"Choose a color to create a theme for your card game.",
"default":"#909090",
"spectrum":{
}
},
{
"label":"Card Back",
"description":"Use a custom back for your cards."
}
]
},
{
"label":"Localization",
"fields":[
{
"label":"Card turns text",
"default":"Card turns"
},
{
"label":"Time spent text",
"default":"Time spent"
},
{
"label":"Feedback text",
"default":"Good work!"
},
{
"label":"Try again button text",
"default":"Try again?"
},
{
"label":"Close button label",
"default":"Close"
}
]
}
]
}

89
language/hu.json Normal file
View File

@ -0,0 +1,89 @@
{
"semantics":[
{
"widgets":[
{
"label":"Default"
}
],
"label":"Cards",
"entity":"card",
"field":{
"label":"Card",
"fields":[
{
"label":"Image"
},
{
"label":"Matching Image",
"description":"An optional image to match against instead of using two cards with the same image."
},
{
"label":"Description",
"description":"An optional short text that will pop up once the two matching cards are found."
}
]
}
},
{
"label":"Behavioural settings",
"description":"These options will let you control how the game behaves.",
"fields":[
{
"label":"Position the cards in a square",
"description":"Will try to match the number of columns and rows when laying out the cards. Afterward, the cards will be scaled to fit the container."
},
{
"label":"Number of cards to use",
"description":"Setting this to a number greater than 2 will make the game pick random cards from the list of cards."
},
{
"label":"Add button for retrying when the game is over"
}
]
},
{
"label":"Look and feel",
"description":"Control the visuals of the game.",
"fields":[
{
"label":"Theme Color",
"description":"Choose a color to create a theme for your card game.",
"default":"#909090",
"spectrum":{
}
},
{
"label":"Card Back",
"description":"Use a custom back for your cards."
}
]
},
{
"label":"Localization",
"fields":[
{
"label":"Card turns text",
"default":"Card turns"
},
{
"label":"Time spent text",
"default":"Time spent"
},
{
"label":"Feedback text",
"default":"Good work!"
},
{
"label":"Try again button text",
"default":"Try again?"
},
{
"label":"Close button label",
"default":"Close"
}
]
}
]
}

51
language/it.json
View File

@ -1,6 +1,11 @@
{
"semantics":[
{
"widgets":[
{
"label":"Default"
}
],
"label":"Carte",
"entity":"carta",
"field":{
@ -10,9 +15,7 @@
"label":"Immagine"
},
{
"englishLabel": "Matching Image",
"label":"Matching Image",
"englishDescription": "An optional image to match against instead of using two cards with the same image.",
"description":"An optional image to match against instead of using two cards with the same image."
},
{
@ -23,38 +26,62 @@
}
},
{
"englishLabel": "Behavioural settings",
"label":"Behavioural settings",
"englishDescription": "These options will let you control how the game behaves.",
"description":"These options will let you control how the game behaves.",
"fields":[
{
"englishLabel": "Put the cards in a grid layout",
"label": "Put the cards in a grid layout"
"label":"Position the cards in a square",
"description":"Will try to match the number of columns and rows when laying out the cards. Afterward, the cards will be scaled to fit the container."
},
{
"englishLabel": "Number of cards to use",
"label":"Number of cards to use",
"englishDescription": "Setting this to a number greater than 2 will make the game pick random cards from the list of cards.",
"description":"Setting this to a number greater than 2 will make the game pick random cards from the list of cards."
},
{
"englishLabel": "Add button for retrying when the game is over",
"label":"Add button for retrying when the game is over"
}
]
},
{
"label":"Look and feel",
"description":"Control the visuals of the game.",
"fields":[
{
"label":"Theme Color",
"description":"Choose a color to create a theme for your card game.",
"default":"#909090",
"spectrum":{
}
},
{
"label":"Card Back",
"description":"Use a custom back for your cards."
}
]
},
{
"label":"Localizzazione",
"fields":[
{
"label": "Testo Gira carta"
"label":"Testo Gira carta",
"default":"Card turns"
},
{
"label": "Testo Tempo trascorso"
"label":"Testo Tempo trascorso",
"default":"Time spent"
},
{
"label": "Testo Feedback"
"label":"Testo Feedback",
"default":"Good work!"
},
{
"label":"Try again button text",
"default":"Try again?"
},
{
"label":"Close button label",
"default":"Close"
}
]
}

89
language/ja.json Normal file
View File

@ -0,0 +1,89 @@
{
"semantics":[
{
"widgets":[
{
"label":"デフォルト"
}
],
"label":"カード",
"entity":"card",
"field":{
"label":"カード",
"fields":[
{
"label":"画像"
},
{
"label":"一致させる画像",
"description":"同じ画像の2枚のカードを使用する代わりに、別に一致させるためのオプション画像"
},
{
"label":"説明",
"description":"一致する2つのカードが見つかるとポップアップするオプションの短文テキスト。"
}
]
}
},
{
"label":"動作設定",
"description":"これらのオプションを使用して、ゲームの動作を制御できます。",
"fields":[
{
"label":"カードを正方形に配置",
"description":"カードをレイアウトするときに、列と行の数を一致させてみてください。そうすると、カードは、コンテナに合わせてスケーリングされます。"
},
{
"label":"使用するカードの数",
"description":"これを2よりも大きい数値に設定すると、カードのリストからランダムなカードが選ばれるようになります。"
},
{
"label":"ゲームが終了したときに、リトライのためのボタンを追加"
}
]
},
{
"label":"ルック＆フィール",
"description":"ゲームの外観を制御します。",
"fields":[
{
"label":"テーマ色",
"description":"カードゲームのテーマとなる色を選択してください。",
"default":"#909090",
"spectrum":{
}
},
{
"label":"カード裏",
"description":"カードに独自の裏を使います。"
}
]
},
{
"label":"ローカリゼーション",
"fields":[
{
"label":"カードターン のテキスト",
"default":"カードターン"
},
{
"label":"経過時間のテキスト",
"default":"経過時間"
},
{
"label":"フィードバックテキスト",
"default":"よくできました！"
},
{
"label":"リトライボタンのテキスト",
"default":"もう一度トライしますか ?"
},
{
"label":"閉じるボタンのテキスト",
"default":"閉じる"
}
]
}
]
}

89
language/ko.json Normal file
View File

@ -0,0 +1,89 @@
{
"semantics":[
{
"widgets":[
{
"label":"Default"
}
],
"label":"Cards",
"entity":"card",
"field":{
"label":"Card",
"fields":[
{
"label":"Image"
},
{
"label":"Matching Image",
"description":"An optional image to match against instead of using two cards with the same image."
},
{
"label":"Description",
"description":"An optional short text that will pop up once the two matching cards are found."
}
]
}
},
{
"label":"Behavioural settings",
"description":"These options will let you control how the game behaves.",
"fields":[
{
"label":"Position the cards in a square",
"description":"Will try to match the number of columns and rows when laying out the cards. Afterward, the cards will be scaled to fit the container."
},
{
"label":"Number of cards to use",
"description":"Setting this to a number greater than 2 will make the game pick random cards from the list of cards."
},
{
"label":"Add button for retrying when the game is over"
}
]
},
{
"label":"Look and feel",
"description":"Control the visuals of the game.",
"fields":[
{
"label":"Theme Color",
"description":"Choose a color to create a theme for your card game.",
"default":"#909090",
"spectrum":{
}
},
{
"label":"Card Back",
"description":"Use a custom back for your cards."
}
]
},
{
"label":"Localization",
"fields":[
{
"label":"Card turns text",
"default":"Card turns"
},
{
"label":"Time spent text",
"default":"Time spent"
},
{
"label":"Feedback text",
"default":"Good work!"
},
{
"label":"Try again button text",
"default":"Try again?"
},
{
"label":"Close button label",
"default":"Close"
}
]
}
]
}

55
language/nb.json
View File

@ -1,76 +1,87 @@
{
"semantics":[
{
"englishLabel": "Cards",
"widgets":[
{
"label":"Default"
}
],
"label":"Kort",
"englishEntity": "card",
"entity":"kort",
"field":{
"englishLabel": "Card",
"label":"Kort",
"fields":[
{
"englishLabel": "Image",
"label":"Bilde"
},
{
"englishLabel": "Matching Image",
"label":"Tilhørende bilde",
"englishDescription": "An optional image to match against instead of using two cards with the same image.",
"description":"Et valgfritt bilde som brukes av kort nummer to istedenfor å bruke to kort med samme bilde."
},
{
"englishLabel": "Description",
"label":"Beskrivelse",
"englishDescription": "An optional short text that will pop up once the two matching cards are found.",
"description":"En valgfri kort tekst som spretter opp når kort-paret er funnet."
}
]
}
},
{
"englishLabel": "Behavioural settings",
"label":"Innstillinger for oppførsel",
"englishDescription": "These options will let you control how the game behaves.",
"description":"Disse instillingene lar deg bestemme hvordan spillet skal oppføre seg.",
"fields":[
{
"englishLabel": "Put the cards in a grid layout",
"label": "Putt kortene i et rutenett"
"label":"Plasser kortene i en firkant",
"description":"Vil forsøk å samsvare antall kolonner og rader når kortene legges ut. Etterpå vil kortene bli skalert til å passe beholderen."
},
{
"englishLabel": "Number of cards to use",
"label":"Antall kort som skal brukes",
"englishDescription": "Setting this to a number greater than 2 will make the game pick random cards from the list of cards.",
"description":"Ved å sette antallet høyere enn 2 vil spillet plukke tilfeldige kort fra listen over kort."
},
{
"englishLabel": "Add button for retrying when the game is over",
"label":"Legg til knapp for å prøve på nytt når spillet er over"
}
]
},
{
"englishLabel": "Localization",
"label":"Tilpass utseende",
"description":"Kontroller de visuelle aspektene ved spillet.",
"fields":[
{
"label":"Temafarge",
"description":"Velg en farge for å skape et tema over kortspillet ditt.",
"default":"#909090",
"spectrum":{
}
},
{
"label":"Kortbaksiden",
"description":"Bruk en tilpasset kortbakside for kortene dine."
}
]
},
{
"label":"Oversettelser",
"fields":[
{
"englishLabel": "Card turns text",
"label":"Etikett for antall vendte kort",
"englishDefault": "Card turns",
"default":"Kort vendt"
},
{
"englishLabel": "Time spent text",
"label":"Etikett for tid brukt",
"englishDefault": "Time spent",
"default":"Tid brukt"
},
{
"englishLabel": "Feedback text",
"label":"Tilbakemeldingstekst",
"englishDefault": "Good work!",
"default":"Godt jobbet!"
},
{
"label":"Prøv på nytt-tekst",
"default":"Prøv på nytt?"
},
{
"label":"Lukk knapp-merkelapp",
"default":"Lukk"
}
]
}

89
language/nl.json Normal file
View File

@ -0,0 +1,89 @@
{
"semantics":[
{
"widgets":[
{
"label":"Default"
}
],
"label":"Cards",
"entity":"card",
"field":{
"label":"Card",
"fields":[
{
"label":"Image"
},
{
"label":"Matching Image",
"description":"An optional image to match against instead of using two cards with the same image."
},
{
"label":"Description",
"description":"An optional short text that will pop up once the two matching cards are found."
}
]
}
},
{
"label":"Behavioural settings",
"description":"These options will let you control how the game behaves.",
"fields":[
{
"label":"Position the cards in a square",
"description":"Will try to match the number of columns and rows when laying out the cards. Afterward, the cards will be scaled to fit the container."
},
{
"label":"Number of cards to use",
"description":"Setting this to a number greater than 2 will make the game pick random cards from the list of cards."
},
{
"label":"Add button for retrying when the game is over"
}
]
},
{
"label":"Look and feel",
"description":"Control the visuals of the game.",
"fields":[
{
"label":"Theme Color",
"description":"Choose a color to create a theme for your card game.",
"default":"#909090",
"spectrum":{
}
},
{
"label":"Card Back",
"description":"Use a custom back for your cards."
}
]
},
{
"label":"Localization",
"fields":[
{
"label":"Card turns text",
"default":"Card turns"
},
{
"label":"Time spent text",
"default":"Time spent"
},
{
"label":"Feedback text",
"default":"Good work!"
},
{
"label":"Try again button text",
"default":"Try again?"
},
{
"label":"Close button label",
"default":"Close"
}
]
}
]
}

89
language/nn.json Normal file
View File

@ -0,0 +1,89 @@
{
"semantics":[
{
"widgets":[
{
"label":"Default"
}
],
"label":"Cards",
"entity":"card",
"field":{
"label":"Card",
"fields":[
{
"label":"Image"
},
{
"label":"Matching Image",
"description":"An optional image to match against instead of using two cards with the same image."
},
{
"label":"Description",
"description":"An optional short text that will pop up once the two matching cards are found."
}
]
}
},
{
"label":"Behavioural settings",
"description":"These options will let you control how the game behaves.",
"fields":[
{
"label":"Position the cards in a square",
"description":"Will try to match the number of columns and rows when laying out the cards. Afterward, the cards will be scaled to fit the container."
},
{
"label":"Number of cards to use",
"description":"Setting this to a number greater than 2 will make the game pick random cards from the list of cards."
},
{
"label":"Add button for retrying when the game is over"
}
]
},
{
"label":"Look and feel",
"description":"Control the visuals of the game.",
"fields":[
{
"label":"Theme Color",
"description":"Choose a color to create a theme for your card game.",
"default":"#909090",
"spectrum":{
}
},
{
"label":"Card Back",
"description":"Use a custom back for your cards."
}
]
},
{
"label":"Localization",
"fields":[
{
"label":"Card turns text",
"default":"Card turns"
},
{
"label":"Time spent text",
"default":"Time spent"
},
{
"label":"Feedback text",
"default":"Good work!"
},
{
"label":"Try again button text",
"default":"Try again?"
},
{
"label":"Close button label",
"default":"Close"
}
]
}
]
}

89
language/pl.json Normal file
View File

@ -0,0 +1,89 @@
{
"semantics":[
{
"widgets":[
{
"label":"Default"
}
],
"label":"Cards",
"entity":"card",
"field":{
"label":"Card",
"fields":[
{
"label":"Image"
},
{
"label":"Matching Image",
"description":"An optional image to match against instead of using two cards with the same image."
},
{
"label":"Description",
"description":"An optional short text that will pop up once the two matching cards are found."
}
]
}
},
{
"label":"Behavioural settings",
"description":"These options will let you control how the game behaves.",
"fields":[
{
"label":"Position the cards in a square",
"description":"Will try to match the number of columns and rows when laying out the cards. Afterward, the cards will be scaled to fit the container."
},
{
"label":"Number of cards to use",
"description":"Setting this to a number greater than 2 will make the game pick random cards from the list of cards."
},
{
"label":"Add button for retrying when the game is over"
}
]
},
{
"label":"Look and feel",
"description":"Control the visuals of the game.",
"fields":[
{
"label":"Theme Color",
"description":"Choose a color to create a theme for your card game.",
"default":"#909090",
"spectrum":{
}
},
{
"label":"Card Back",
"description":"Use a custom back for your cards."
}
]
},
{
"label":"Localization",
"fields":[
{
"label":"Card turns text",
"default":"Card turns"
},
{
"label":"Time spent text",
"default":"Time spent"
},
{
"label":"Feedback text",
"default":"Good work!"
},
{
"label":"Try again button text",
"default":"Try again?"
},
{
"label":"Close button label",
"default":"Close"
}
]
}
]
}

89
language/pt.json Normal file
View File

@ -0,0 +1,89 @@
{
"semantics":[
{
"widgets":[
{
"label":"Default"
}
],
"label":"Cards",
"entity":"card",
"field":{
"label":"Card",
"fields":[
{
"label":"Image"
},
{
"label":"Matching Image",
"description":"An optional image to match against instead of using two cards with the same image."
},
{
"label":"Description",
"description":"An optional short text that will pop up once the two matching cards are found."
}
]
}
},
{
"label":"Behavioural settings",
"description":"These options will let you control how the game behaves.",
"fields":[
{
"label":"Position the cards in a square",
"description":"Will try to match the number of columns and rows when laying out the cards. Afterward, the cards will be scaled to fit the container."
},
{
"label":"Number of cards to use",
"description":"Setting this to a number greater than 2 will make the game pick random cards from the list of cards."
},
{
"label":"Add button for retrying when the game is over"
}
]
},
{
"label":"Look and feel",
"description":"Control the visuals of the game.",
"fields":[
{
"label":"Theme Color",
"description":"Choose a color to create a theme for your card game.",
"default":"#909090",
"spectrum":{
}
},
{
"label":"Card Back",
"description":"Use a custom back for your cards."
}
]
},
{
"label":"Localization",
"fields":[
{
"label":"Card turns text",
"default":"Card turns"
},
{
"label":"Time spent text",
"default":"Time spent"
},
{
"label":"Feedback text",
"default":"Good work!"
},
{
"label":"Try again button text",
"default":"Try again?"
},
{
"label":"Close button label",
"default":"Close"
}
]
}
]
}

89
language/ro.json Normal file
View File

@ -0,0 +1,89 @@
{
"semantics":[
{
"widgets":[
{
"label":"Default"
}
],
"label":"Cards",
"entity":"card",
"field":{
"label":"Card",
"fields":[
{
"label":"Image"
},
{
"label":"Matching Image",
"description":"An optional image to match against instead of using two cards with the same image."
},
{
"label":"Description",
"description":"An optional short text that will pop up once the two matching cards are found."
}
]
}
},
{
"label":"Behavioural settings",
"description":"These options will let you control how the game behaves.",
"fields":[
{
"label":"Position the cards in a square",
"description":"Will try to match the number of columns and rows when laying out the cards. Afterward, the cards will be scaled to fit the container."
},
{
"label":"Number of cards to use",
"description":"Setting this to a number greater than 2 will make the game pick random cards from the list of cards."
},
{
"label":"Add button for retrying when the game is over"
}
]
},
{
"label":"Look and feel",
"description":"Control the visuals of the game.",
"fields":[
{
"label":"Theme Color",
"description":"Choose a color to create a theme for your card game.",
"default":"#909090",
"spectrum":{
}
},
{
"label":"Card Back",
"description":"Use a custom back for your cards."
}
]
},
{
"label":"Localization",
"fields":[
{
"label":"Card turns text",
"default":"Card turns"
},
{
"label":"Time spent text",
"default":"Time spent"
},
{
"label":"Feedback text",
"default":"Good work!"
},
{
"label":"Try again button text",
"default":"Try again?"
},
{
"label":"Close button label",
"default":"Close"
}
]
}
]
}

89
language/ru.json Normal file
View File

@ -0,0 +1,89 @@
{
"semantics":[
{
"widgets":[
{
"label":"Default"
}
],
"label":"Cards",
"entity":"card",
"field":{
"label":"Card",
"fields":[
{
"label":"Image"
},
{
"label":"Matching Image",
"description":"An optional image to match against instead of using two cards with the same image."
},
{
"label":"Description",
"description":"An optional short text that will pop up once the two matching cards are found."
}
]
}
},
{
"label":"Behavioural settings",
"description":"These options will let you control how the game behaves.",
"fields":[
{
"label":"Position the cards in a square",
"description":"Will try to match the number of columns and rows when laying out the cards. Afterward, the cards will be scaled to fit the container."
},
{
"label":"Number of cards to use",
"description":"Setting this to a number greater than 2 will make the game pick random cards from the list of cards."
},
{
"label":"Add button for retrying when the game is over"
}
]
},
{
"label":"Look and feel",
"description":"Control the visuals of the game.",
"fields":[
{
"label":"Theme Color",
"description":"Choose a color to create a theme for your card game.",
"default":"#909090",
"spectrum":{
}
},
{
"label":"Card Back",
"description":"Use a custom back for your cards."
}
]
},
{
"label":"Localization",
"fields":[
{
"label":"Card turns text",
"default":"Card turns"
},
{
"label":"Time spent text",
"default":"Time spent"
},
{
"label":"Feedback text",
"default":"Good work!"
},
{
"label":"Try again button text",
"default":"Try again?"
},
{
"label":"Close button label",
"default":"Close"
}
]
}
]
}

89
language/sr.json Normal file
View File

@ -0,0 +1,89 @@
{
"semantics":[
{
"widgets":[
{
"label":"Default"
}
],
"label":"Cards",
"entity":"card",
"field":{
"label":"Card",
"fields":[
{
"label":"Image"
},
{
"label":"Matching Image",
"description":"An optional image to match against instead of using two cards with the same image."
},
{
"label":"Description",
"description":"An optional short text that will pop up once the two matching cards are found."
}
]
}
},
{
"label":"Behavioural settings",
"description":"These options will let you control how the game behaves.",
"fields":[
{
"label":"Position the cards in a square",
"description":"Will try to match the number of columns and rows when laying out the cards. Afterward, the cards will be scaled to fit the container."
},
{
"label":"Number of cards to use",
"description":"Setting this to a number greater than 2 will make the game pick random cards from the list of cards."
},
{
"label":"Add button for retrying when the game is over"
}
]
},
{
"label":"Look and feel",
"description":"Control the visuals of the game.",
"fields":[
{
"label":"Theme Color",
"description":"Choose a color to create a theme for your card game.",
"default":"#909090",
"spectrum":{
}
},
{
"label":"Card Back",
"description":"Use a custom back for your cards."
}
]
},
{
"label":"Localization",
"fields":[
{
"label":"Card turns text",
"default":"Card turns"
},
{
"label":"Time spent text",
"default":"Time spent"
},
{
"label":"Feedback text",
"default":"Good work!"
},
{
"label":"Try again button text",
"default":"Try again?"
},
{
"label":"Close button label",
"default":"Close"
}
]
}
]
}

89
language/sv.json Normal file
View File

@ -0,0 +1,89 @@
{
"semantics":[
{
"widgets":[
{
"label":"Default"
}
],
"label":"Cards",
"entity":"card",
"field":{
"label":"Card",
"fields":[
{
"label":"Image"
},
{
"label":"Matching Image",
"description":"An optional image to match against instead of using two cards with the same image."
},
{
"label":"Description",
"description":"An optional short text that will pop up once the two matching cards are found."
}
]
}
},
{
"label":"Behavioural settings",
"description":"These options will let you control how the game behaves.",
"fields":[
{
"label":"Position the cards in a square",
"description":"Will try to match the number of columns and rows when laying out the cards. Afterward, the cards will be scaled to fit the container."
},
{
"label":"Number of cards to use",
"description":"Setting this to a number greater than 2 will make the game pick random cards from the list of cards."
},
{
"label":"Add button for retrying when the game is over"
}
]
},
{
"label":"Look and feel",
"description":"Control the visuals of the game.",
"fields":[
{
"label":"Theme Color",
"description":"Choose a color to create a theme for your card game.",
"default":"#909090",
"spectrum":{
}
},
{
"label":"Card Back",
"description":"Use a custom back for your cards."
}
]
},
{
"label":"Localization",
"fields":[
{
"label":"Card turns text",
"default":"Card turns"
},
{
"label":"Time spent text",
"default":"Time spent"
},
{
"label":"Feedback text",
"default":"Good work!"
},
{
"label":"Try again button text",
"default":"Try again?"
},
{
"label":"Close button label",
"default":"Close"
}
]
}
]
}

89
language/tr.json Normal file
View File

@ -0,0 +1,89 @@
{
"semantics":[
{
"widgets":[
{
"label":"Default"
}
],
"label":"Cards",
"entity":"card",
"field":{
"label":"Card",
"fields":[
{
"label":"Image"
},
{
"label":"Matching Image",
"description":"An optional image to match against instead of using two cards with the same image."
},
{
"label":"Description",
"description":"An optional short text that will pop up once the two matching cards are found."
}
]
}
},
{
"label":"Behavioural settings",
"description":"These options will let you control how the game behaves.",
"fields":[
{
"label":"Position the cards in a square",
"description":"Will try to match the number of columns and rows when laying out the cards. Afterward, the cards will be scaled to fit the container."
},
{
"label":"Number of cards to use",
"description":"Setting this to a number greater than 2 will make the game pick random cards from the list of cards."
},
{
"label":"Add button for retrying when the game is over"
}
]
},
{
"label":"Look and feel",
"description":"Control the visuals of the game.",
"fields":[
{
"label":"Theme Color",
"description":"Choose a color to create a theme for your card game.",
"default":"#909090",
"spectrum":{
}
},
{
"label":"Card Back",
"description":"Use a custom back for your cards."
}
]
},
{
"label":"Localization",
"fields":[
{
"label":"Card turns text",
"default":"Card turns"
},
{
"label":"Time spent text",
"default":"Time spent"
},
{
"label":"Feedback text",
"default":"Good work!"
},
{
"label":"Try again button text",
"default":"Try again?"
},
{
"label":"Close button label",
"default":"Close"
}
]
}
]
}

89
language/vi.json Normal file
View File

@ -0,0 +1,89 @@
{
"semantics":[
{
"widgets":[
{
"label":"Default"
}
],
"label":"Cards",
"entity":"card",
"field":{
"label":"Card",
"fields":[
{
"label":"Image"
},
{
"label":"Matching Image",
"description":"An optional image to match against instead of using two cards with the same image."
},
{
"label":"Description",
"description":"An optional short text that will pop up once the two matching cards are found."
}
]
}
},
{
"label":"Behavioural settings",
"description":"These options will let you control how the game behaves.",
"fields":[
{
"label":"Position the cards in a square",
"description":"Will try to match the number of columns and rows when laying out the cards. Afterward, the cards will be scaled to fit the container."
},
{
"label":"Number of cards to use",
"description":"Setting this to a number greater than 2 will make the game pick random cards from the list of cards."
},
{
"label":"Add button for retrying when the game is over"
}
]
},
{
"label":"Look and feel",
"description":"Control the visuals of the game.",
"fields":[
{
"label":"Theme Color",
"description":"Choose a color to create a theme for your card game.",
"default":"#909090",
"spectrum":{
}
},
{
"label":"Card Back",
"description":"Use a custom back for your cards."
}
]
},
{
"label":"Localization",
"fields":[
{
"label":"Card turns text",
"default":"Card turns"
},
{
"label":"Time spent text",
"default":"Time spent"
},
{
"label":"Feedback text",
"default":"Good work!"
},
{
"label":"Try again button text",
"default":"Try again?"
},
{
"label":"Close button label",
"default":"Close"
}
]
}
]
}

22
library.json
View File

@ -3,7 +3,7 @@
"description": "See how many cards you can remember!",
"majorVersion": 1,
"minorVersion": 2,
"patchVersion": 2,
"patchVersion": 5,
"runnable": 1,
"author": "Joubel",
"license": "MIT",
@ -25,6 +25,9 @@
},
{
"path": "popup.js"
},
{
"path": "timer.js"
}
],
"preloadedDependencies": [
@ -32,6 +35,23 @@
"machineName": "H5P.Timer",
"majorVersion": 0,
"minorVersion": 4
},
{
"machineName": "FontAwesome",
"majorVersion": 4,
"minorVersion": 5
}
],
"editorDependencies": [
{
"machineName": "H5PEditor.ColorSelector",
"majorVersion": 1,
"minorVersion": 2
},
{
"machineName": "H5PEditor.VerticalTabs",
"majorVersion": 1,
"minorVersion": 3
}
]
}

135
memory-game.css
View File

@ -25,6 +25,7 @@
display: inline-block !important;
margin: auto !important;
vertical-align: middle;
position: relative;
}
.h5p-memory-game .h5p-memory-wrap {
float: left;
@ -55,6 +56,7 @@
width: 100%;
height: 100%;
background: #cfcfcf;
background-size: cover;
border: 2px solid #d0d0d0;
box-sizing: border-box;
-moz-box-sizing: border-box;
@ -75,14 +77,32 @@
.h5p-memory-game .h5p-memory-card .h5p-front {
cursor: pointer;
text-align: center;
color: #909090;
}
.h5p-memory-game .h5p-memory-card .h5p-front:hover {
background: #dfdfdf;
.h5p-memory-game .h5p-memory-card .h5p-front:before,
.h5p-memory-game .h5p-memory-card .h5p-back:before,
.h5p-memory-game .h5p-memory-image:before {
position: absolute;
display: block;
content: "";
width: 100%;
height: 100%;
background: #fff;
opacity: 0;
}
.h5p-memory-game .h5p-memory-card .h5p-front:before {
.h5p-memory-game.h5p-invert-shades .h5p-memory-card .h5p-front:before,
.h5p-memory-game.h5p-invert-shades .h5p-memory-card .h5p-back:before,
.h5p-memory-game.h5p-invert-shades .h5p-memory-image:before {
background: #000;
}
.h5p-memory-game .h5p-memory-card .h5p-front:hover:before {
opacity: 0.4;
}
.h5p-memory-game .h5p-memory-card .h5p-front > span:before {
position: relative;
content: "?";
font-size: 3.75em;
color: #909090;
line-height: 1.67em;
}
.h5p-memory-game .h5p-memory-card .h5p-front:after {
@ -100,15 +120,19 @@
background-image: radial-gradient(ellipse closest-side, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
}
.h5p-memory-game .h5p-memory-card .h5p-back {
line-height: 5.9em;
line-height: 5.83em;
text-align: center;
background: #f0f0f0;
background-color: #f0f0f0;
-webkit-transform: rotateY(-180deg);
-moz-transform: rotateY(-180deg);
transform: rotateY(-180deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
-ms-transform: scale(0,1.1);
}
.h5p-memory-game .h5p-memory-card .h5p-back:before,
.h5p-memory-game .h5p-memory-image:before {
opacity: 0.5;
}
.h5p-memory-game .h5p-memory-card.h5p-flipped .h5p-back {
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
@ -124,6 +148,8 @@
}
.h5p-memory-game .h5p-memory-card.h5p-matched {
opacity: 0.3;
}
.h5p-memory-game .h5p-memory-card.h5p-matched img {
filter: grayscale(100%);
}
@ -170,19 +196,32 @@
.h5p-memory-game .h5p-memory-pop {
display: none;
background: #fff;
padding: 1em;
width: 20em;
padding: 0.25em;
width: 24em;
max-width: 90%;
position: absolute;
top: 50%;
left: 50%;
box-shadow: 0 0 1em #666;
box-shadow: 0 0 2em #666;
border-radius: 0.25em;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.h5p-memory-game .h5p-memory-top {
padding: 0em 1em;
background-color: #f0f0f0;
background-size: cover;
text-align: center;
margin-bottom: 1.75em;
border-bottom: 1px solid #d0d0d0;
}
.h5p-memory-game .h5p-memory-image {
float: left;
margin: 0 1em 1em 0;
display: inline-block;
line-height: 5.83em;
position: relative;
top: 1.5em;
left: -0.5em;
border: 2px solid #d0d0d0;
box-sizing: border-box;
-moz-box-sizing: border-box;
@ -190,7 +229,81 @@
background: #f0f0f0;
width: 6.25em;
height: 6.25em;
text-align: center;
overflow: hidden;
box-shadow: 0 0 1em rgba(125,125,125,0.5);
background-size: cover;
}
.h5p-memory-game .h5p-memory-image:first-child {
top: 1em;
left: 0;
}
.h5p-memory-game .h5p-memory-two-images .h5p-memory-image:first-child {
left: 0.5em;
}
.h5p-memory-game .h5p-row-break {
clear: left;
}
.h5p-memory-game .h5p-memory-desc {
padding: 1em;
margin-bottom: 0.5em;
text-align: center;
}
.h5p-memory-game .h5p-memory-close {
cursor: pointer;
position: absolute;
top: 0.5em;
right: 0.5em;
font-size: 2em;
width: 1em;
height: 1em;
text-align: center;
color: #888;
}
.h5p-memory-game .h5p-memory-close:before {
content: "\00D7"
}
.h5p-memory-game .h5p-memory-close:hover {
color: #666;
}
.h5p-memory-game .h5p-memory-close:focus {
outline: 2px dashed pink;
}
.h5p-memory-reset {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%) scale(1) rotate(0);
cursor: pointer;
line-height: 1.2;
white-space: nowrap;
padding: 0.5em 1.25em;
border-radius: 2em;
background: #1a73d9;
color: #ffffff;
box-shadow: 0 0.5em 1em #999;
opacity: 1;
transition: box-shadow 200ms linear, margin 200ms linear, transform 300ms ease-out, opacity 300ms ease-out;
}
.h5p-memory-reset:before {
font-family: 'H5PFontAwesome4';
content: "\f01e";
margin-right: 0.5em;
}
.h5p-memory-reset:hover,
.h5p-memory-reset:focus {
background: #1356a3;
box-shadow: 0 1em 1.5em #999;
margin-top: -0.2em;
}
.h5p-memory-reset:focus {
outline: 2px dashed pink;
}
.h5p-memory-transin {
transform: translate(-50%,-50%) scale(0) rotate(180deg);
opacity: 0;
}
.h5p-memory-transout {
transform: translate(-50%,-450%) scale(0) rotate(360deg);
opacity: 0;
}

209
memory-game.js
View File

@ -9,11 +9,13 @@ H5P.MemoryGame = (function (EventDispatcher, $) {
/**
* Memory Game Constructor
*
* @class
* @class H5P.MemoryGame
* @extends H5P.EventDispatcher
* @param {Object} parameters
* @param {Number} id
*/
function MemoryGame(parameters, id) {
/** @alias H5P.MemoryGame# */
var self = this;
// Initialize event inheritance
@ -21,6 +23,8 @@ H5P.MemoryGame = (function (EventDispatcher, $) {
var flipped, timer, counter, popup, $feedback, $wrapper, maxWidth, numCols;
var cards = [];
var flipBacks = []; // Que of cards to be flipped back
var numFlipped = 0;
var removed = 0;
/**
@ -32,28 +36,41 @@ H5P.MemoryGame = (function (EventDispatcher, $) {
* @param {H5P.MemoryGame.Card} correct
*/
var check = function (card, mate, correct) {
if (mate === correct) {
if (mate !== correct) {
// Incorrect, must be scheduled for flipping back
flipBacks.push(card);
flipBacks.push(mate);
// Wait for next click to flip them back…
if (numFlipped > 2) {
// or do it straight away
processFlipBacks();
}
return;
}
// Remove them from the game.
card.remove();
mate.remove();
// Update counters
numFlipped -= 2;
removed += 2;
var finished = (removed === cards.length);
var isFinished = (removed === cards.length);
var desc = card.getDescription();
if (finished) {
self.triggerXAPIScored(1, 1, 'completed');
}
if (desc !== undefined) {
// Pause timer and show desciption.
timer.pause();
popup.show(desc, card.getImage(), function () {
if (finished) {
// Game has finished
$feedback.addClass('h5p-show');
if (parameters.behaviour && parameters.behaviour.allowRetry) { /* TODO */ }
var imgs = [card.getImage()];
if (card.hasTwoImages) {
imgs.push(mate.getImage());
}
popup.show(desc, imgs, cardStyles ? cardStyles.back : undefined, function () {
if (isFinished) {
// Game done
finished();
}
else {
// Popup is closed, continue.
@ -61,18 +78,107 @@ H5P.MemoryGame = (function (EventDispatcher, $) {
}
});
}
else if (finished) {
// Game has finished
else if (isFinished) {
// Game done
finished();
}
};
/**
* Game has finished!
* @private
*/
var finished = function () {
timer.stop();
$feedback.addClass('h5p-show');
if (parameters.behaviour && parameters.behaviour.allowRetry) { /* TODO */ }
// Create and trigger xAPI event 'completed'
var completedEvent = self.createXAPIEventTemplate('completed');
completedEvent.setScoredResult(1, 1, self, true, true);
completedEvent.data.statement.result.duration = 'PT' + (Math.round(timer.getTime() / 10) / 100) + 'S';
self.trigger(completedEvent);
if (parameters.behaviour && parameters.behaviour.allowRetry) {
// Create retry button
var retryButton = createButton('reset', parameters.l10n.tryAgain || 'Reset', function () {
// Trigger handler (action)
retryButton.classList.add('h5p-memory-transout');
setTimeout(function () {
// Remove button on nextTick to get transition effect
$wrapper[0].removeChild(retryButton);
}, 300);
resetGame();
});
retryButton.classList.add('h5p-memory-transin');
setTimeout(function () {
// Remove class on nextTick to get transition effect
retryButton.classList.remove('h5p-memory-transin');
}, 0);
// Same size as cards
retryButton.style.fontSize = (parseFloat($wrapper.children('ul')[0].style.fontSize) * 0.75) + 'px';
$wrapper[0].appendChild(retryButton); // Add to DOM
}
};
/**
* Shuffle the cards and restart the game!
* @private
*/
var resetGame = function () {
// Reset cards
removed = 0;
for (var i = 0; i < cards.length; i++) {
cards[i].reset();
}
else {
// Flip them back
card.flipBack();
mate.flipBack();
// Remove feedback
$feedback[0].classList.remove('h5p-show');
// Reset timer and counter
timer.reset();
counter.reset();
// Randomize cards
H5P.shuffleArray(cards);
setTimeout(function () {
// Re-append to DOM after flipping back
for (var i = 0; i < cards.length; i++) {
cards[i].reAppend();
}
// Scale new layout
$wrapper.children('ul').children('.h5p-row-break').removeClass('h5p-row-break');
maxWidth = -1;
self.trigger('resize');
}, 600);
};
/**
* Game has finished!
* @private
*/
var createButton = function (name, label, action) {
var buttonElement = document.createElement('div');
buttonElement.classList.add('h5p-memory-' + name);
buttonElement.innerHTML = label;
buttonElement.setAttribute('role', 'button');
buttonElement.tabIndex = 0;
buttonElement.addEventListener('click', function (event) {
action.apply(buttonElement);
}, false);
buttonElement.addEventListener('keypress', function (event) {
if (event.which === 13 || event.which === 32) { // Enter or Space key
event.preventDefault();
action.apply(buttonElement);
}
}, false);
return buttonElement;
};
/**
@ -88,6 +194,9 @@ H5P.MemoryGame = (function (EventDispatcher, $) {
// Keep track of time spent
timer.play();
// Keep track of the number of flipped cards
numFlipped++;
if (flipped !== undefined) {
var matie = flipped;
// Reset the flipped card.
@ -98,6 +207,11 @@ H5P.MemoryGame = (function (EventDispatcher, $) {
}, 800);
}
else {
if (flipBacks.length > 1) {
// Turn back any flipped cards
processFlipBacks();
}
// Keep track of the flipped card.
flipped = card;
}
@ -109,6 +223,16 @@ H5P.MemoryGame = (function (EventDispatcher, $) {
cards.push(card);
};
/**
* Will flip back two and two cards
*/
var processFlipBacks = function () {
flipBacks[0].flipBack();
flipBacks[1].flipBack();
flipBacks.splice(0, 2);
numFlipped -= 2;
};
/**
* @private
*/
@ -138,21 +262,31 @@ H5P.MemoryGame = (function (EventDispatcher, $) {
return cardsToUse;
};
var cardStyles, invertShades;
if (parameters.lookNFeel) {
// If the contrast between the chosen color and white is too low we invert the shades to create good contrast
invertShades = (parameters.lookNFeel.themeColor &&
getContrast(parameters.lookNFeel.themeColor) < 1.7 ? -1 : 1);
var backImage = (parameters.lookNFeel.cardBack ? H5P.getPath(parameters.lookNFeel.cardBack.path, id) : null);
cardStyles = MemoryGame.Card.determineStyles(parameters.lookNFeel.themeColor, invertShades, backImage);
}
// Initialize cards.
var cardsToUse = getCardsToUse();
for (var i = 0; i < cardsToUse.length; i++) {
var cardParams = cardsToUse[i];
if (MemoryGame.Card.isValid(cardParams)) {
// Create first card
var cardTwo, cardOne = new MemoryGame.Card(cardParams.image, id, cardParams.description);
var cardTwo, cardOne = new MemoryGame.Card(cardParams.image, id, cardParams.description, cardStyles);
if (MemoryGame.Card.hasTwoImages(cardParams)) {
// Use matching image for card two
cardTwo = new MemoryGame.Card(cardParams.match, id, cardParams.description);
cardTwo = new MemoryGame.Card(cardParams.match, id, cardParams.description, cardStyles);
cardOne.hasTwoImages = cardTwo.hasTwoImages = true;
}
else {
// Add two cards with the same image
cardTwo = new MemoryGame.Card(cardParams.image, id, cardParams.description);
cardTwo = new MemoryGame.Card(cardParams.image, id, cardParams.description, cardStyles);
}
// Add cards to card list for shuffeling
@ -171,6 +305,9 @@ H5P.MemoryGame = (function (EventDispatcher, $) {
this.triggerXAPI('attempted');
// TODO: Only create on first attach!
$wrapper = $container.addClass('h5p-memory-game').html('');
if (invertShades === -1) {
$container.addClass('h5p-invert-shades');
}
// Add cards to list
var $list = $('<ul/>');
@ -191,19 +328,9 @@ H5P.MemoryGame = (function (EventDispatcher, $) {
'<dd class="h5p-card-turns">0</dd>' +
'</dl>').appendTo($container);
timer = new H5P.Timer(100);
timer.notify('every_tenth_second', function () {
var time = timer.getTime();
var minutes = H5P.Timer.extractTimeElement(time, 'minutes');
var seconds = H5P.Timer.extractTimeElement(time, 'seconds') % 60;
if (seconds < 10) {
seconds = '0' + seconds;
}
$status.find('.h5p-time-spent').text(minutes + ':' + seconds);
});
timer = new MemoryGame.Timer($status.find('.h5p-time-spent')[0]);
counter = new MemoryGame.Counter($status.find('.h5p-card-turns'));
popup = new MemoryGame.Popup($container);
popup = new MemoryGame.Popup($container, parameters.l10n);
$container.click(function () {
popup.close();
@ -268,6 +395,7 @@ H5P.MemoryGame = (function (EventDispatcher, $) {
// We use font size to evenly scale all parts of the cards.
$list.css('font-size', fontSize + 'px');
popup.setSize(fontSize);
// due to rounding errors in browsers the margins may vary a bit…
};
@ -280,5 +408,18 @@ H5P.MemoryGame = (function (EventDispatcher, $) {
MemoryGame.prototype = Object.create(EventDispatcher.prototype);
MemoryGame.prototype.constructor = MemoryGame;
/**
* Determine color contrast level compared to white(#fff)
*
* @private
* @param {string} color hex code
* @return {number} From 1 to Infinity.
*/
var getContrast = function (color) {
return 255 / ((parseInt(color.substr(1, 2), 16) * 299 +
parseInt(color.substr(3, 2), 16) * 587 +
parseInt(color.substr(5, 2), 16) * 144) / 1000);
};
return MemoryGame;
})(H5P.EventDispatcher, H5P.jQuery);

43
popup.js
View File

@ -5,26 +5,41 @@
*
* @class H5P.MemoryGame.Popup
* @param {H5P.jQuery} $container
* @param {Object.<string, string>} l10n
*/
MemoryGame.Popup = function ($container) {
MemoryGame.Popup = function ($container, l10n) {
/** @alias H5P.MemoryGame.Popup# */
var self = this;
var closed;
var $popup = $('<div class="h5p-memory-pop"><div class="h5p-memory-image"></div><div class="h5p-memory-desc"></div></div>').appendTo($container);
var $popup = $('<div class="h5p-memory-pop"><div class="h5p-memory-top"></div><div class="h5p-memory-desc"></div><div class="h5p-memory-close" role="button" tabindex="0" title="' + (l10n.closeLabel || 'Close') + '"></div></div>').appendTo($container);
var $desc = $popup.find('.h5p-memory-desc');
var $image = $popup.find('.h5p-memory-image');
var $top = $popup.find('.h5p-memory-top');
// Hook up the close button
$popup.find('.h5p-memory-close').on('click', function () {
self.close();
}).on('keypress', function (event) {
if (event.which === 13 || event.which === 32) {
self.close();
event.preventDefault();
}
});
/**
* Show the popup.
*
* @param {string} desc
* @param {H5P.jQuery} $img
* @param {H5P.jQuery[]} imgs
* @param {function} done
*/
self.show = function (desc, $img, done) {
self.show = function (desc, imgs, styles, done) {
$desc.html(desc);
$img.appendTo($image.html(''));
$top.html('').toggleClass('h5p-memory-two-images', imgs.length > 1);
for (var i = 0; i < imgs.length; i++) {
$('<div class="h5p-memory-image"' + (styles ? styles : '') + '></div>').append(imgs[i]).appendTo($top);
}
$popup.show();
closed = done;
};
@ -39,6 +54,22 @@
closed = undefined;
}
};
/**
* Sets popup size relative to the card size
* @param {number} fontSize
*/
self.setSize = function (fontSize) {
// Set image size
$top[0].style.fontSize = fontSize + 'px';
// Determine card size
var cardSize = fontSize * 6.25; // From CSS
// Set popup size
$popup[0].style.minWidth = (cardSize * 2.5) + 'px';
$popup[0].style.minHeight = cardSize + 'px';
};
};
})(H5P.MemoryGame, H5P.jQuery);

55
semantics.json
View File

@ -2,6 +2,12 @@
{
"name": "cards",
"type": "list",
"widgets": [
{
"name": "VerticalTabs",
"label": "Default"
}
],
"label": "Cards",
"importance": "high",
"entity": "card",
@ -52,7 +58,8 @@
{
"name": "useGrid",
"type": "boolean",
"label": "Put the cards in a grid layout",
"label": "Position the cards in a square",
"description": "Will try to match the number of columns and rows when laying out the cards. Afterward, the cards will be scaled to fit the container.",
"importance": "low",
"default": true
},
@ -74,6 +81,38 @@
}
]
},
{
"name": "lookNFeel",
"type": "group",
"label": "Look and feel",
"importance": "low",
"description": "Control the visuals of the game.",
"optional": true,
"fields": [
{
"name": "themeColor",
"type": "text",
"label": "Theme Color",
"importance": "low",
"description": "Choose a color to create a theme for your card game.",
"optional": true,
"default": "#909090",
"widget": "colorSelector",
"spectrum": {
"showInput": true
}
},
{
"name": "cardBack",
"type": "image",
"label": "Card Back",
"importance": "low",
"optional": true,
"description": "Use a custom back for your cards.",
"ratio": 1
}
]
},
{
"label": "Localization",
"importance": "low",
@ -101,6 +140,20 @@
"name": "feedback",
"type": "text",
"default": "Good work!"
},
{
"label": "Try again button text",
"importance": "low",
"name": "tryAgain",
"type": "text",
"default": "Try again?"
},
{
"label": "Close button label",
"importance": "low",
"name": "closeLabel",
"type": "text",
"default": "Close"
}
]
}

50
timer.js Normal file
View File

@ -0,0 +1,50 @@
(function (MemoryGame, Timer) {
/**
* Adapter between memory game and H5P.Timer
*
* @class H5P.MemoryGame.Timer
* @extends H5P.Timer
* @param {Element} element
*/
MemoryGame.Timer = function (element) {
/** @alias H5P.MemoryGame.Timer# */
var self = this;
// Initialize event inheritance
Timer.call(self, 100);
/** @private {string} */
var naturalState = element.innerText;
/**
* Set up callback for time updates.
* Formats time stamp for humans.
*
* @private
*/
var update = function () {
var time = self.getTime();
var minutes = Timer.extractTimeElement(time, 'minutes');
var seconds = Timer.extractTimeElement(time, 'seconds') % 60;
if (seconds < 10) {
seconds = '0' + seconds;
}
element.innerText = minutes + ':' + seconds;
};
// Setup default behavior
self.notify('every_tenth_second', update);
self.on('reset', function () {
element.innerText = naturalState;
self.notify('every_tenth_second', update);
});
};
// Inheritance
MemoryGame.Timer.prototype = Object.create(Timer.prototype);
MemoryGame.Timer.prototype.constructor = MemoryGame.Timer;
})(H5P.MemoryGame, H5P.Timer);