123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622 |
- const moodle = false;
- let moodleVar = {
- hits: [0, 0, 0, 0],
- errors: [0, 0, 0, 0],
- time: [0, 0, 0, 0],
- };
- let gameId;
- let gameName;
- let gameShape;
- let gameMode;
- let gameOperation;
- let gameDifficulty;
- let showFractions = true;
- let canGoToNextMapPosition;
- let curMapPosition;
- let completedLevels;
- let audioStatus = false;
- let playerName;
- let langString;
- let self;
- const gameList = [
- {
- gameName: 'squareOne',
- gameMode: ['a', 'b'],
- gameOperation: ['plus', 'minus'],
- gameDifficulty: 3,
- gameShape: 'square',
- assets: {
- menu: {
- gameNameBtn: 'game_0',
- infoBox: () => ({
- title: `<strong>${game.lang.game}:</strong> ${game.lang.square} I`,
- body: `<ul>${game.lang.infoBox_squareOne}</ul>`,
- img: `<img class="ifr-infoBox__menu__img" src="${game.image['s1-A'].src}">`,
- }),
- },
- customMenu: {
- gameModeBtn: ['mode_0', 'mode_1'],
- gameOperationBtn: ['operation_plus', 'operation_minus'],
- auxiliarTitle: (x, y, offsetW, offsetH) => {
- game.add.text(
- x + 5 * offsetW,
- y + offsetH + 50,
- game.lang.show + '\n' + game.lang.title,
- textStyles.h4_
- );
- },
- infoBox: () => ({
- gameMode: {
- title: game.lang.game_modes,
- body: `<p>${game.lang.infoBox_mode}</p>`,
- img: `<table>
- <tr>
- <td><b>${game.lang.mode}: A</b> - ${game.lang.infoBox_mode_s1_A}</td>
- <td><b>${game.lang.mode}: B</b> - ${game.lang.infoBox_mode_s1_B}</td>
- </tr>
- <tr>
- <td><img width=100% src="${game.image['s1-A-h'].src}"></td>
- <td><img width=100% src="${game.image['s1-B-h'].src}"></td>
- </tr>
- <table>`,
- },
- gameDifficulty: {
- title: game.lang.difficulties,
- body: `<p>${game.lang.infoBox_diff}</p><p>${game.lang.infoBox_diff_obs}</p>`,
- img: `<table>
- <tr>
- <td><b>${game.lang.difficulty}:</b> 1</td>
- <td><b>${game.lang.difficulty}:</b> 3</td>
- </tr>
- <tr>
- <td><img width=100% src="${game.image['s1-diff-1'].src}"></td>
- <td style="border-left: 4px solid white"><img width=100% src="${game.image['s1-diff-3'].src}"></td>
- </tr>
- </table>
- <br>
- ${game.lang.infoBox_diff_aux}
- <div><img width=50% src="${game.image['map-s1'].src}"></div>`,
- },
- gameMisc: {
- title: `${game.lang.show} ${self.auxText}`,
- body: game.lang.infoBox_misc_label,
- img: `<img class="mx-auto" width=80% src="${game.image['s1-label'].src}">`,
- },
- }),
- },
- map: {
- characterAnimation: (operation) => {
- return operation === 'plus'
- ? ['move', [0, 1, 2, 3, 4], 3]
- : ['move', [10, 11, 12, 13, 14], 3];
- },
- character: (operation) => {
- let char;
- if (operation == 'plus') {
- char = game.add.sprite(
- self.scene.roadPoints.x[curMapPosition],
- self.scene.roadPoints.y[curMapPosition],
- 'tractor',
- 0,
- 0.75
- );
- }
- if (operation === 'minus') {
- char = game.add.sprite(
- self.scene.roadPoints.x[curMapPosition],
- self.scene.roadPoints.y[curMapPosition],
- 'tractor',
- 10,
- 0.75
- );
- }
- char.rotate = -30;
- char.anchor(0.25, 0.5);
- return char;
- },
- startBuilding: () => {
- return game.add.image(
- self.scene.roadPoints.x[0] - 60,
- self.scene.roadPoints.y[0] - 155,
- 'garage',
- 0.6
- );
- },
- endBuilding: () => {
- return game.add.image(
- self.scene.roadPoints.x[5] - 10,
- self.scene.roadPoints.y[5] - 215,
- 'farm',
- 0.9
- );
- },
- },
- end: {
- characterAnimation: () =>
- gameOperation === 'plus'
- ? ['move', [0, 1, 2, 3, 4], 3]
- : ['move', [10, 11, 12, 13, 14], 3],
- character: () => {
- const char = game.add.sprite(
- 0,
- context.canvas.height - 170 - 80,
- 'tractor',
- 0,
- 1.05
- );
- char.anchor(0.5, 0.5);
- if (gameOperation === 'minus') char.curFrame = 10;
- return char;
- },
- building: () =>
- game.add
- .image(
- context.canvas.width - 420,
- context.canvas.height - 100,
- 'farm',
- 1.7
- )
- .anchor(0, 1),
- },
- },
- },
- {
- gameName: 'circleOne',
- gameMode: ['a', 'b'],
- gameOperation: ['plus', 'minus', 'mixed'],
- gameDifficulty: 3,
-
- gameShape: 'circle',
- assets: {
- menu: {
- gameNameBtn: 'game_1',
- infoBox: () => ({
- title: `<strong>${game.lang.game}:</strong> ${game.lang.circle} I`,
- body: `<ul>${game.lang.infoBox_circleOne}</ul>`,
- img: `<img class="mx-auto" width=60% src="${game.image['c1-A'].src}">`,
- }),
- },
- customMenu: {
- gameModeBtn: ['mode_2', 'mode_3'],
- gameOperationBtn: [
- 'operation_plus',
- 'operation_minus',
- 'operation_mixed',
- ],
- auxiliarTitle: (x, y, offsetW, offsetH) => {
- game.add.text(
- x + 5 * offsetW,
- y + offsetH + 50,
- game.lang.show + '\n' + game.lang.title,
- textStyles.h4_
- );
- },
- infoBox: () => ({
- gameMode: {
- title: game.lang.game_modes,
- body: `<p>${game.lang.infoBox_mode}</p>`,
- img: `<table>
- <tr style="border-bottom: 5px solid white">
- <td width=70%>
- <img width=100% src=${game.image['c1-A-h'].src}>
- </td>
- <td> <b>${game.lang.mode}: A</b> - ${game.lang.infoBox_mode_c1_A}</td>
- </tr>
- <tr>
- <td><img width=100% src=${game.image['c1-B-h'].src}></td>
- <td> <b>${game.lang.mode}: B</b> - ${game.lang.infoBox_mode_c1_B}</td>
- </tr>
- </table>`,
- },
- gameDifficulty: {
- title: game.lang.difficulties,
- body: `<p>${game.lang.infoBox_diff}</p><p>${game.lang.infoBox_diff_obs}</p>`,
- img: `<table>
- <tr>
- <td style="border-right: 4px solid white">
- <b>${game.lang.difficulty}:</b> 1
- </td>
- <td>
- <b>${game.lang.difficulty}:</b> 5
- </td>
- </tr>
- <tr>
- <td>
- <img width=100% src="${game.image['c1-diff-1'].src}">
- </td>
- <td style="border-left: 4px solid white">
- <img width=100% src="${game.image['c1-diff-5'].src}">
- </td>
- </tr>
- </table>
- <br>
- ${game.lang.infoBox_diff_aux}
- <div><img width=50% src="${game.image['map-c1s2'].src}"></div>`,
- },
- gameMisc: {
- title: `${game.lang.show} ${self.auxText}`,
- body: game.lang.infoBox_misc_label,
- img: `<img class="mx-auto" width=60% src="${game.image['c1-label'].src}">`,
- },
- }),
- },
- map: {
- characterAnimation: (operation) => {
- return ['kid', [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10], 3];
- },
- character: (operation) => {
- const char = game.add.sprite(
- self.scene.roadPoints.x[curMapPosition],
- self.scene.roadPoints.y[curMapPosition],
- 'kid_running',
- 0,
- 0.57
- );
- char.anchor(0, 0.85);
- return char;
- },
- startBuilding: () => {
- return game.add.image(
- self.scene.roadPoints.x[0] - 193,
- self.scene.roadPoints.y[0] - 205,
- 'house',
- 1.03
- );
- },
- endBuilding: () => {
- return game.add.image(
- self.scene.roadPoints.x[5] - 28,
- self.scene.roadPoints.y[5] - 215,
- 'school',
- 0.52
- );
- },
- },
- end: {
- characterAnimation: () => [
- 'move',
- [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11],
- 3,
- ],
- character: () => {
- const char = game.add.sprite(0, -152, 'kid_running', 0, 1.05);
- char.anchor(0.5, 0.5);
- return char;
- },
- building: () =>
- game.add
- .image(
- context.canvas.width - 620,
- context.canvas.height - 20 - 15,
- 'school',
- 1.3
- )
- .anchor(0, 1),
- },
- },
- },
- {
- gameName: 'squareTwo',
- gameMode: ['a', 'b'],
- gameOperation: ['minus'],
- gameDifficulty: 5,
-
- gameShape: 'square',
- assets: {
- menu: {
- gameNameBtn: 'game_2',
- infoBox: () => ({
- title: `<strong>${game.lang.game}:</strong> ${game.lang.square} II`,
- body: `<ul>${game.lang.infoBox_squareTwo}</ul>`,
- img: `<img class="mx-auto" width=60% src="${game.image['s2'].src}">`,
- }),
- },
- customMenu: {
- gameModeBtn: ['mode_4', 'mode_5'],
- gameOperationBtn: ['operation_equals'],
- auxiliarTitle: (x, y, offsetW, offsetH) => {
- game.add.text(
- x + 5 * offsetW,
- y + offsetH + 50,
- game.lang.show + '\n' + game.lang.aux_rectangle,
- textStyles.h4_
- );
- },
- infoBox: () => ({
- gameMode: {
- title: game.lang.game_modes,
- body: `<p>${game.lang.infoBox_mode}</p>`,
- img: `<table>
- <tr>
- <td><b>${game.lang.mode}: A</b> - ${game.lang.infoBox_mode_s2_A}</td>
- <td><b>${game.lang.mode}: B</b> - ${game.lang.infoBox_mode_s2_B}</td>
- </tr>
- <tr>
- <td><img width=98% src="${game.image['s2-A-h'].src}"></td>
- <td><img width=98% src="${game.image['s2-B-h'].src}"></td>
- </tr>
- <table>`,
- },
- gameDifficulty: {
- title: game.lang.difficulties,
- body: game.lang.infoBox_diff,
- img: `<table>
- <tr>
- <td><b>${game.lang.difficulty}:</b> 1</td>
- <td><b>${game.lang.difficulty}:</b> 5</td>
- </tr>
- <tr>
- <td><img width=100% src="${game.image['s2-diff-1'].src}"></td>
- <td style="border-left: 4px solid white"><img width=100% src="${game.image['s2-diff-5'].src}"></td>
- </tr>
- </table>
- <br>
- ${game.lang.infoBox_diff_aux}
- <div><img width=50% src="${game.image['map-c1s2'].src}"></div>`,
- },
- gameMisc: {
- title: `${game.lang.show} ${self.auxText}`,
- body: game.lang.infoBox_misc_rect,
- img: `<img class="mx-auto" width=100% src="${game.image['s2-label'].src}">`,
- },
- }),
- },
- map: {
- characterAnimation: (operation) => {
- return ['kid', [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10], 3];
- },
- character: (operation) => {
- const char = game.add.sprite(
- self.scene.roadPoints.x[curMapPosition],
- self.scene.roadPoints.y[curMapPosition],
- 'kid_running',
- 0,
- 0.57
- );
- char.anchor(0, 0.85);
- return char;
- },
- startBuilding: () => {
- return game.add.image(
- self.scene.roadPoints.x[0] - 193,
- self.scene.roadPoints.y[0] - 205,
- 'house',
- 1.03
- );
- },
- endBuilding: () => {
- return game.add.image(
- self.scene.roadPoints.x[5] - 28,
- self.scene.roadPoints.y[5] - 215,
- 'school',
- 0.52
- );
- },
- },
- end: {
- characterAnimation: () => [
- 'move',
- [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11],
- 3,
- ],
- character: () => {
- const char = game.add.sprite(
- 0,
- context.canvas.height - 240,
- 'kid_running',
- 0,
- 1.05
- );
- char.anchor(0.5, 0.5);
- return char;
- },
- building: () =>
- game.add
- .image(
- context.canvas.width - 620,
- context.canvas.height - 20 - 15,
- 'school',
- 1.3
- )
- .anchor(0, 1),
- },
- },
- },
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- ];
|