Merge branch 'release' into stable
Paal Joergensen
commit
65f2d1d5e3
105
card.js
105
card.js
|
|
@ -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>')
|
||||
|
|
@ -91,7 +101,15 @@
|
|||
self.flip();
|
||||
})
|
||||
.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
18
counter.js
|
|
@ -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();
|
||||
};
|
||||
};
|
||||
|
||||
|
|
|
|||
|
|
@ -0,0 +1,3 @@
|
|||
files:
|
||||
- source: /language/.en.json
|
||||
translation: /language/%two_letters_code%.json
|
||||
|
|
@ -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"
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
@ -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"
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
@ -1,60 +1,87 @@
|
|||
{
|
||||
"semantics": [
|
||||
"semantics":[
|
||||
{
|
||||
"label": "البطاقات",
|
||||
"entity": "بطاقة",
|
||||
"field": {
|
||||
"label": "البطاقة",
|
||||
"fields": [
|
||||
"widgets":[
|
||||
{
|
||||
"label":"Default"
|
||||
}
|
||||
],
|
||||
"label":"البطاقات",
|
||||
"entity":"بطاقة",
|
||||
"field":{
|
||||
"label":"البطاقة",
|
||||
"fields":[
|
||||
{
|
||||
"label": "الصورة"
|
||||
"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."
|
||||
"label":"Matching Image",
|
||||
"description":"An optional image to match against instead of using two cards with the same image."
|
||||
},
|
||||
{
|
||||
"label": "الوصف",
|
||||
"description": "نص قصير يتم عرضه مرة واحدة علي اثنين من البطاقات متساوية"
|
||||
"label":"الوصف",
|
||||
"description":"نص قصير يتم عرضه مرة واحدة علي اثنين من البطاقات متساوية"
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
{
|
||||
"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": [
|
||||
"label":"Behavioural settings",
|
||||
"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."
|
||||
"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."
|
||||
},
|
||||
{
|
||||
"englishLabel": "Add button for retrying when the game is over",
|
||||
"label": "Add button for retrying when the game is over"
|
||||
"label":"Add button for retrying when the game is over"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"label": "الأقلمة",
|
||||
"fields": [
|
||||
"label":"Look and feel",
|
||||
"description":"Control the visuals of the game.",
|
||||
"fields":[
|
||||
{
|
||||
"label": "نص تدوير البطاقة"
|
||||
"label":"Theme Color",
|
||||
"description":"Choose a color to create a theme for your card game.",
|
||||
"default":"#909090",
|
||||
"spectrum":{
|
||||
|
||||
}
|
||||
},
|
||||
{
|
||||
"label": "نص التوقيت الزمني"
|
||||
"label":"Card Back",
|
||||
"description":"Use a custom back for your cards."
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"label":"الأقلمة",
|
||||
"fields":[
|
||||
{
|
||||
"label":"نص تدوير البطاقة",
|
||||
"default":"Card turns"
|
||||
},
|
||||
{
|
||||
"label": "نص الملاحظات"
|
||||
"label":"نص التوقيت الزمني",
|
||||
"default":"Time spent"
|
||||
},
|
||||
{
|
||||
"label":"نص الملاحظات",
|
||||
"default":"Good work!"
|
||||
},
|
||||
{
|
||||
"label":"Try again button text",
|
||||
"default":"Try again?"
|
||||
},
|
||||
{
|
||||
"label":"Close button label",
|
||||
"default":"Close"
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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"
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
@ -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"
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
@ -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"
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
@ -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"
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
@ -1,63 +1,87 @@
|
|||
{
|
||||
"semantics": [
|
||||
"semantics":[
|
||||
{
|
||||
"label": "Karten",
|
||||
"entity": "karte",
|
||||
"field": {
|
||||
"label": "Karte",
|
||||
"fields": [
|
||||
"widgets":[
|
||||
{
|
||||
"label":"Vorgaben"
|
||||
}
|
||||
],
|
||||
"label":"Karten",
|
||||
"entity":"karte",
|
||||
"field":{
|
||||
"label":"Karte",
|
||||
"fields":[
|
||||
{
|
||||
"label": "Bild"
|
||||
"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",
|
||||
"description": "Ein kurzer Text, der angezeigt wird, sobald zwei identische Karten gefunden werden."
|
||||
"label":"Beschreibung",
|
||||
"description":"Ein kurzer Text, der angezeigt wird, sobald zwei identische Karten gefunden werden."
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
{
|
||||
"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": [
|
||||
"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": "Übersetzung",
|
||||
"fields": [
|
||||
"label":"Design-Aspekte",
|
||||
"description":"Beeinflusse die Optik des Spiels",
|
||||
"fields":[
|
||||
{
|
||||
"label": "Text für die Anzahl der Züge",
|
||||
"default": "Züge"
|
||||
"label":"Themenfarbe",
|
||||
"description":"Wähle eine Farbe, um ein Theme für deine Karten zu erstellen.",
|
||||
"default":"#909090",
|
||||
"spectrum":{
|
||||
|
||||
}
|
||||
},
|
||||
{
|
||||
"label": "Text für die benötigte Zeit",
|
||||
"default": "Benötigte Zeit"
|
||||
"label":"Kartenrückseite",
|
||||
"description":"Nutze eine individuelle Rückseite für deine Karten."
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"label":"Übersetzung",
|
||||
"fields":[
|
||||
{
|
||||
"label":"Text für die Anzahl der Züge",
|
||||
"default":"Züge"
|
||||
},
|
||||
{
|
||||
"label": "Text als Rückmeldung",
|
||||
"default": "Gute Arbeit!"
|
||||
"label":"Text für die benötigte Zeit",
|
||||
"default":"Benötigte Zeit"
|
||||
},
|
||||
{
|
||||
"label":"Text als Rückmeldung",
|
||||
"default":"Gute Arbeit!"
|
||||
},
|
||||
{
|
||||
"label":"Text des Wiederholen-Buttons",
|
||||
"default":"Erneut versuchen?"
|
||||
},
|
||||
{
|
||||
"label":"Beschriftung des \"Abbrechen\"-Buttons",
|
||||
"default":"Schließen"
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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"
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
@ -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"
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
@ -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"
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
@ -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"
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
@ -1,63 +1,87 @@
|
|||
{
|
||||
"semantics": [
|
||||
"semantics":[
|
||||
{
|
||||
"label": "Cartes",
|
||||
"entity": "carte",
|
||||
"field": {
|
||||
"label": "Carte",
|
||||
"fields": [
|
||||
"widgets":[
|
||||
{
|
||||
"label":"Default"
|
||||
}
|
||||
],
|
||||
"label":"Cartes",
|
||||
"entity":"carte",
|
||||
"field":{
|
||||
"label":"Carte",
|
||||
"fields":[
|
||||
{
|
||||
"label": "Image"
|
||||
"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."
|
||||
"label":"Matching Image",
|
||||
"description":"An optional image to match against instead of using two cards with the same image."
|
||||
},
|
||||
{
|
||||
"label": "Description",
|
||||
"description": "Petit texte affiché quand deux cartes identiques sont trouvées."
|
||||
"label":"Description",
|
||||
"description":"Petit texte affiché quand deux cartes identiques sont trouvées."
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
{
|
||||
"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": [
|
||||
"label":"Behavioural settings",
|
||||
"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."
|
||||
"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."
|
||||
},
|
||||
{
|
||||
"englishLabel": "Add button for retrying when the game is over",
|
||||
"label": "Add button for retrying when the game is over"
|
||||
"label":"Add button for retrying when the game is over"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"label": "Interface",
|
||||
"fields": [
|
||||
"label":"Look and feel",
|
||||
"description":"Control the visuals of the game.",
|
||||
"fields":[
|
||||
{
|
||||
"label": "Texte pour le nombre de cartes retournées",
|
||||
"default": "Cartes retournées :"
|
||||
"label":"Theme Color",
|
||||
"description":"Choose a color to create a theme for your card game.",
|
||||
"default":"#909090",
|
||||
"spectrum":{
|
||||
|
||||
}
|
||||
},
|
||||
{
|
||||
"label": "Texte pour le temps passé",
|
||||
"default": "Temps écoulé :"
|
||||
"label":"Card Back",
|
||||
"description":"Use a custom back for your cards."
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"label":"Interface",
|
||||
"fields":[
|
||||
{
|
||||
"label":"Texte pour le nombre de cartes retournées",
|
||||
"default":"Cartes retournées :"
|
||||
},
|
||||
{
|
||||
"label": "Texte de l'appréciation finale",
|
||||
"default": "Bien joué !"
|
||||
"label":"Texte pour le temps passé",
|
||||
"default":"Temps écoulé :"
|
||||
},
|
||||
{
|
||||
"label":"Texte de l'appréciation finale",
|
||||
"default":"Bien joué !"
|
||||
},
|
||||
{
|
||||
"label":"Try again button text",
|
||||
"default":"Try again?"
|
||||
},
|
||||
{
|
||||
"label":"Close button label",
|
||||
"default":"Close"
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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"
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
@ -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"
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
@ -1,60 +1,87 @@
|
|||
{
|
||||
"semantics": [
|
||||
"semantics":[
|
||||
{
|
||||
"label": "Carte",
|
||||
"entity": "carta",
|
||||
"field": {
|
||||
"label": "Carta",
|
||||
"fields": [
|
||||
"widgets":[
|
||||
{
|
||||
"label":"Default"
|
||||
}
|
||||
],
|
||||
"label":"Carte",
|
||||
"entity":"carta",
|
||||
"field":{
|
||||
"label":"Carta",
|
||||
"fields":[
|
||||
{
|
||||
"label": "Immagine"
|
||||
"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."
|
||||
"label":"Matching Image",
|
||||
"description":"An optional image to match against instead of using two cards with the same image."
|
||||
},
|
||||
{
|
||||
"label": "Descrizione",
|
||||
"description": "Breve testo visualizzato quando due carte uguali vengono trovate."
|
||||
"label":"Descrizione",
|
||||
"description":"Breve testo visualizzato quando due carte uguali vengono trovate."
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
{
|
||||
"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": [
|
||||
"label":"Behavioural settings",
|
||||
"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."
|
||||
"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."
|
||||
},
|
||||
{
|
||||
"englishLabel": "Add button for retrying when the game is over",
|
||||
"label": "Add button for retrying when the game is over"
|
||||
"label":"Add button for retrying when the game is over"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"label": "Localizzazione",
|
||||
"fields": [
|
||||
"label":"Look and feel",
|
||||
"description":"Control the visuals of the game.",
|
||||
"fields":[
|
||||
{
|
||||
"label": "Testo Gira carta"
|
||||
"label":"Theme Color",
|
||||
"description":"Choose a color to create a theme for your card game.",
|
||||
"default":"#909090",
|
||||
"spectrum":{
|
||||
|
||||
}
|
||||
},
|
||||
{
|
||||
"label": "Testo Tempo trascorso"
|
||||
"label":"Card Back",
|
||||
"description":"Use a custom back for your cards."
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"label":"Localizzazione",
|
||||
"fields":[
|
||||
{
|
||||
"label":"Testo Gira carta",
|
||||
"default":"Card turns"
|
||||
},
|
||||
{
|
||||
"label": "Testo Feedback"
|
||||
"label":"Testo Tempo trascorso",
|
||||
"default":"Time spent"
|
||||
},
|
||||
{
|
||||
"label":"Testo Feedback",
|
||||
"default":"Good work!"
|
||||
},
|
||||
{
|
||||
"label":"Try again button text",
|
||||
"default":"Try again?"
|
||||
},
|
||||
{
|
||||
"label":"Close button label",
|
||||
"default":"Close"
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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":"閉じる"
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
@ -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"
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
105
language/nb.json
105
language/nb.json
|
|
@ -1,76 +1,87 @@
|
|||
{
|
||||
"semantics": [
|
||||
"semantics":[
|
||||
{
|
||||
"englishLabel": "Cards",
|
||||
"label": "Kort",
|
||||
"englishEntity": "card",
|
||||
"entity": "kort",
|
||||
"field": {
|
||||
"englishLabel": "Card",
|
||||
"label": "Kort",
|
||||
"fields": [
|
||||
"widgets":[
|
||||
{
|
||||
"label":"Default"
|
||||
}
|
||||
],
|
||||
"label":"Kort",
|
||||
"entity":"kort",
|
||||
"field":{
|
||||
"label":"Kort",
|
||||
"fields":[
|
||||
{
|
||||
"englishLabel": "Image",
|
||||
"label": "Bilde"
|
||||
"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."
|
||||
"label":"Tilhørende bilde",
|
||||
"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."
|
||||
"label":"Beskrivelse",
|
||||
"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": [
|
||||
"label":"Innstillinger for oppførsel",
|
||||
"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."
|
||||
"label":"Antall kort som skal brukes",
|
||||
"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"
|
||||
"label":"Legg til knapp for å prøve på nytt når spillet er over"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"englishLabel": "Localization",
|
||||
"label": "Oversettelser",
|
||||
"fields": [
|
||||
"label":"Tilpass utseende",
|
||||
"description":"Kontroller de visuelle aspektene ved spillet.",
|
||||
"fields":[
|
||||
{
|
||||
"englishLabel": "Card turns text",
|
||||
"label": "Etikett for antall vendte kort",
|
||||
"englishDefault": "Card turns",
|
||||
"default": "Kort vendt"
|
||||
"label":"Temafarge",
|
||||
"description":"Velg en farge for å skape et tema over kortspillet ditt.",
|
||||
"default":"#909090",
|
||||
"spectrum":{
|
||||
|
||||
}
|
||||
},
|
||||
{
|
||||
"englishLabel": "Time spent text",
|
||||
"label": "Etikett for tid brukt",
|
||||
"englishDefault": "Time spent",
|
||||
"default": "Tid brukt"
|
||||
"label":"Kortbaksiden",
|
||||
"description":"Bruk en tilpasset kortbakside for kortene dine."
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"label":"Oversettelser",
|
||||
"fields":[
|
||||
{
|
||||
"label":"Etikett for antall vendte kort",
|
||||
"default":"Kort vendt"
|
||||
},
|
||||
{
|
||||
"englishLabel": "Feedback text",
|
||||
"label": "Tilbakemeldingstekst",
|
||||
"englishDefault": "Good work!",
|
||||
"default": "Godt jobbet!"
|
||||
"label":"Etikett for tid brukt",
|
||||
"default":"Tid brukt"
|
||||
},
|
||||
{
|
||||
"label":"Tilbakemeldingstekst",
|
||||
"default":"Godt jobbet!"
|
||||
},
|
||||
{
|
||||
"label":"Prøv på nytt-tekst",
|
||||
"default":"Prøv på nytt?"
|
||||
},
|
||||
{
|
||||
"label":"Lukk knapp-merkelapp",
|
||||
"default":"Lukk"
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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"
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
@ -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"
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
@ -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"
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
@ -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"
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
@ -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"
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
@ -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"
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
@ -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"
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
@ -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"
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
@ -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"
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
@ -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
22
library.json
|
|
@ -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
135
memory-game.css
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
247
memory-game.js
247
memory-game.js
|
|
@ -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,47 +36,149 @@ H5P.MemoryGame = (function (EventDispatcher, $) {
|
|||
* @param {H5P.MemoryGame.Card} correct
|
||||
*/
|
||||
var check = function (card, mate, correct) {
|
||||
if (mate === correct) {
|
||||
// Remove them from the game.
|
||||
card.remove();
|
||||
mate.remove();
|
||||
if (mate !== correct) {
|
||||
// Incorrect, must be scheduled for flipping back
|
||||
flipBacks.push(card);
|
||||
flipBacks.push(mate);
|
||||
|
||||
removed += 2;
|
||||
|
||||
var finished = (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 */ }
|
||||
}
|
||||
else {
|
||||
// Popup is closed, continue.
|
||||
timer.play();
|
||||
}
|
||||
});
|
||||
}
|
||||
else if (finished) {
|
||||
// Game has finished
|
||||
timer.stop();
|
||||
$feedback.addClass('h5p-show');
|
||||
if (parameters.behaviour && parameters.behaviour.allowRetry) { /* TODO */ }
|
||||
// Wait for next click to flip them back…
|
||||
if (numFlipped > 2) {
|
||||
// or do it straight away
|
||||
processFlipBacks();
|
||||
}
|
||||
return;
|
||||
}
|
||||
else {
|
||||
// Flip them back
|
||||
card.flipBack();
|
||||
mate.flipBack();
|
||||
|
||||
// Remove them from the game.
|
||||
card.remove();
|
||||
mate.remove();
|
||||
|
||||
// Update counters
|
||||
numFlipped -= 2;
|
||||
removed += 2;
|
||||
|
||||
var isFinished = (removed === cards.length);
|
||||
var desc = card.getDescription();
|
||||
|
||||
if (desc !== undefined) {
|
||||
// Pause timer and show desciption.
|
||||
timer.pause();
|
||||
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.
|
||||
timer.play();
|
||||
}
|
||||
});
|
||||
}
|
||||
else if (isFinished) {
|
||||
// Game done
|
||||
finished();
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* Game has finished!
|
||||
* @private
|
||||
*/
|
||||
var finished = function () {
|
||||
timer.stop();
|
||||
$feedback.addClass('h5p-show');
|
||||
|
||||
// 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();
|
||||
}
|
||||
|
||||
// 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
43
popup.js
|
|
@ -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);
|
||||
|
|
|
|||
|
|
@ -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"
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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);
|
||||
Loading…
Reference in New Issue