https://github.com/plirof2/d8_toptrumps
Drupal 8 Top Trumps game tests
https://github.com/plirof2/d8_toptrumps
Last synced: about 2 months ago
JSON representation
Drupal 8 Top Trumps game tests
- Host: GitHub
- URL: https://github.com/plirof2/d8_toptrumps
- Owner: plirof2
- Created: 2017-12-24T16:27:54.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2017-12-26T20:26:20.000Z (over 7 years ago)
- Last Synced: 2025-04-13T04:54:13.567Z (about 2 months ago)
- Language: JavaScript
- Size: 544 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
jQuery TopTrumps
==========
This plugins turns any container into a fully customizable top trumps game.
Please check wikipedia if you don't know what a top trumps game is.
http://en.wikipedia.org/wiki/Top_Trumps
Every top trumps game you create can be customized to your needs. You can change the difficulty, define fields & comparison logic, add cards and use some callbacks to customize the game.
Although you can change the entire look of the cards via css & javascript.
Usage Example
---
The following example will create a top trumps game with 4 comparison fields & 12 cards.
Every player (user & cpu) will get 6 cards. Please note that the number of cards should be dividable by two.
Otherwise one player will get an additional card.
```javascript
$('#your-game-container').toptrumps({
'fields' : [
{'name': 'Smaller A', 'comparison' : '<'},
{'name': 'Bigger A', 'comparison' : '>'},
{'name': 'Bigger B', 'comparison' : '>'},
{'name': 'Smaller B', 'comparison' : '<'}
],
'cards' : [
{'name': 'Example 1', 'fields' : [57, 8, 161, 534]},
{'name': 'Example 2', 'fields' : [54, 10, 186, 524]},
{'name': 'Example 3', 'fields' : [38, 7, 178, 553]},
{'name': 'Example 4', 'fields' : [69, 4, 196, 410]},
{'name': 'Example 5', 'fields' : [69, 9, 150, 464]},
{'name': 'Example 6', 'fields' : [19, 2, 155, 463]},
{'name': 'Example 7', 'fields' : [32, 2, 142, 534]},
{'name': 'Example 8', 'fields' : [73, 5, 164, 443]},
{'name': 'Example 9', 'fields' : [31, 5, 183, 546]},
{'name': 'Example 10', 'fields' : [53, 8, 103, 557]},
{'name': 'Example 11', 'fields' : [54, 3, 132, 428]},
{'name': 'Example 12', 'fields' : [62, 6, 79, 445]}
]
});
```
Options
---
Option
Default
Description
fields (required)
[]
An array of fields used for comparison.
Each field should be an object defined as follows.
name: Some name that can be shown to the user.
classes: A custom class that should be added to this field. (optional)
prefix: A prefix that should be prepended to the field value. (optional)
suffix: A suffix that should be appended to the field value. (optional)
comparison: '>', '<' Defines what value would be better when comparing to cards.
(add whatever variable you need, you can access them in the render functions)
cards (required)
[]
An array of cards with values as defined above.
Cards will be shuffled and divided between user and NPC.
Each card is an object.
name: Human readable name of this card.
fields: An array of fields as defined above. Just define the field values.
(add whatever variable you need, you can access them in the render functions)
difficulty
'normal'
Defines the game difficulty. Possible values are:
easy: Player starts and CPU selects fields randomly.
normal: Player starts and CPU selects fields with highest chance to win.
hard: CPU starts and selects fields with highest chance to win.
(On hard I was unable to beat the cpu... are you?)
trick
'ignore'
What should the game do, if player & cpu have the same value on a selected field.
By default we will ignore those cards and don't count them.
You may also requeue them.
Callbacks
---
This is a list of all available callbacks. The params should be understandable without further explanation (except: $ marks variables as jQuery objects).
Function
Params
Description
onInit
$instance, settings
Will be called after top trumps has been built.
onComplete
$instance, settings
Will be called when game ends.
renderCard
$card, card, fields
Use this method to change the look of your cards. For example you could add a fancy looking image.