123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299 |
- const baseUrl = './assets/img/';
- const fallbackImgUrl = './assets/img/fallback.png';
- const colors = {
-
- blueDark: '#02277d',
- blue: '#003cb3',
- blueLight: '#92b3e8',
- blueBg: '#cce5ff',
- blueBgInsideLevel: '#a8c0e6',
- blueMenuLine: '#b7cdf4',
-
- redLight: '#d27979',
- red: '#b30000',
- redDark: '#730101',
- maroon: '#330000',
-
- greenLight: '#79d2a1',
- green: '#00804d',
- greenDark: '#005231',
-
- white: '#fff',
- gray: '#1f1f1f',
- black: '#000',
- brown: '#5a3e0d',
- };
- const font = {
- sizes: {
- h1: '48px',
- h2: '42px',
- h3: '38px',
- h4: '36px',
- p: '30px',
- display: '62px',
- },
- families: {
- default: 'Arial, sans-serif',
- btn: 'Arial, sans-serif',
- fraction: 'monospace',
- },
- };
- const textStyles = {
- h1_: {
- font: `${font.sizes.h1} ${font.families.default}`,
- align: 'center',
- fill: colors.blue,
- },
- h2_: {
- font: `${font.sizes.h2} ${font.families.default}`,
- align: 'center',
- fill: colors.blue,
- },
- h3_: {
- font: `${font.sizes.h3} ${font.families.default}`,
- align: 'center',
- fill: colors.blue,
- },
- h4_: {
- font: `${font.sizes.h4} ${font.families.default}`,
- align: 'center',
- fill: colors.blue,
- },
- p_: {
- font: `${font.sizes.p} ${font.families.default}`,
- align: 'center',
- fill: colors.maroon,
- },
- btn: {
- font: `${font.sizes.h2} ${font.families.btn}`,
- align: 'center',
- fill: colors.white,
- increaseLetterSpacing: true,
- },
- btnLg: {
- font: `${font.sizes.h1} ${font.families.btn}`,
- align: 'center',
- fill: colors.white,
- increaseLetterSpacing: true,
- },
- fraction: {
- font: `${font.sizes.display} ${font.families.fraction}`,
- align: 'left',
- fill: colors.blue,
- },
- };
- const url = {
-
- boot: {
-
- image: [
- ['fallback', fallbackImgUrl],
-
- ['floor_stone_left', baseUrl + 'scene/new_level/floor_stone_left.png'],
- ['floor_stone_right', baseUrl + 'scene/new_level/floor_stone_right.png'],
- ['floor_stone', baseUrl + 'scene/new_level/floor_stone.png'],
- ['wood_shelf', baseUrl + 'scene/new_level/wood_shelf.png'],
- ['bg_snow', baseUrl + 'scene/new_level/bg_snow.png'],
-
- ['bg_default', baseUrl + 'scene/bg_default.jpg'],
- ['bg_map', baseUrl + 'scene/bg_map.png'],
- ['bush', baseUrl + 'scene/bush.png'],
- ['cloud', baseUrl + 'scene/cloud.png'],
- ['flag_red', baseUrl + 'scene/flag_red.png'],
- ['flag_green', baseUrl + 'scene/flag_green.png'],
- ['floor_grass', baseUrl + 'scene/floor_grass.png'],
- ['floor_grass_1', baseUrl + 'scene/floor_grass_1.png'],
- ['floor_grass_2', baseUrl + 'scene/floor_grass_2.png'],
- ['floor_grass_4', baseUrl + 'scene/floor_grass_3.png'],
- ['floor_grass_part_1', baseUrl + 'scene/floor_grass_part_1.png'],
- ['floor_grass_part_2', baseUrl + 'scene/floor_grass_part_2.png'],
- ['floor_grass_part_4', baseUrl + 'scene/floor_grass_part_3.png'],
- ['floor_dirt', baseUrl + 'scene/floor_dirt.png'],
- ['floor_dirt_1', baseUrl + 'scene/floor_dirt_1.png'],
- ['floor_dirt_2', baseUrl + 'scene/floor_dirt_2.png'],
- ['floor_dirt_4', baseUrl + 'scene/floor_dirt_3.png'],
- ['floor_road', baseUrl + 'scene/floor_road.png'],
- ['rock', baseUrl + 'scene/rock.png'],
- ['progress_bar_tile', baseUrl + 'scene/progress_bar_tile.png'],
- ['sign', baseUrl + 'scene/sign.png'],
- ['sign_broken', baseUrl + 'scene/sign_broken.png'],
- ['tree_1', baseUrl + 'scene/tree_1.png'],
- ['tree_2', baseUrl + 'scene/tree_2.png'],
- ['tree_3', baseUrl + 'scene/tree_3.png'],
- ['tree_4', baseUrl + 'scene/tree_4.png'],
-
- ['flag_BR', baseUrl + 'flags/br.png'],
- ['flag_FR', baseUrl + 'flags/fr.png'],
- ['flag_IT', baseUrl + 'flags/it.png'],
- ['flag_ES', baseUrl + 'flags/es.png'],
- ['flag_US', baseUrl + 'flags/us.png'],
-
- ['back', baseUrl + 'icons_navigation/back.png'],
- ['show_answer', baseUrl + 'icons_navigation/show_solution.png'],
- ['home', baseUrl + 'icons_navigation/home.png'],
- ['lang', baseUrl + 'icons_navigation/language.png'],
- ['menu', baseUrl + 'icons_navigation/menu.png'],
-
- ['answer_correct', baseUrl + 'icons_interactive/answer_correct.png'],
- ['answer_wrong', baseUrl + 'icons_interactive/answer_wrong.png'],
- ['arrow_down', baseUrl + 'icons_interactive/arrow_down.png'],
-
- ['info', baseUrl + 'icons_interactive/info.png'],
- ['pointer', baseUrl + 'icons_interactive/pointer.png'],
-
- ['game_0', baseUrl + 'icons_menu/squareOne.png'],
- ['game_1', baseUrl + 'icons_menu/circleOne.png'],
- ['game_2', baseUrl + 'icons_menu/squareTwo.png'],
- ['game_3', baseUrl + 'icons_menu/scaleOne.png'],
-
- ['c1-A', baseUrl + 'info_box/c1-A.png'],
- ['c1-A-h', baseUrl + 'info_box/c1-A-h.png'],
- ['c1-B-h', baseUrl + 'info_box/c1-B-h.png'],
- ['c1-diff-1', baseUrl + 'info_box/c1-diff-1.png'],
- ['c1-diff-5', baseUrl + 'info_box/c1-diff-5.png'],
- ['c1-label', baseUrl + 'info_box/c1-label.png'],
- ['map-c1s2', baseUrl + 'info_box/map-c1s2.png'],
- ['map-s1', baseUrl + 'info_box/map-s1.png'],
- ['s1-A', baseUrl + 'info_box/s1-A.png'],
- ['s1-A-h', baseUrl + 'info_box/s1-A-h.png'],
- ['s1-B-h', baseUrl + 'info_box/s1-B-h.png'],
- ['s1-diff-1', baseUrl + 'info_box/s1-diff-1.png'],
- ['s1-diff-3', baseUrl + 'info_box/s1-diff-3.png'],
- ['s1-label', baseUrl + 'info_box/s1-label.png'],
- ['s2', baseUrl + 'info_box/s2.png'],
- ['s2-A-h', baseUrl + 'info_box/s2-A-h.png'],
- ['s2-B-h', baseUrl + 'info_box/s2-B-h.png'],
- ['s2-diff-1', baseUrl + 'info_box/s2-diff-1.png'],
- ['s2-diff-5', baseUrl + 'info_box/s2-diff-5.png'],
- ['s2-label', baseUrl + 'info_box/s2-label.png'],
- ['op_plus', baseUrl + 'info_box/op_plus.png'],
- ['op_min', baseUrl + 'info_box/op_min.png'],
- ['op_mix', baseUrl + 'info_box/op_mix.png'],
- ['op_eq', baseUrl + 'info_box/op_eq.png'],
- ],
- sprite: [
-
- ['map_place', baseUrl + 'scene/map_place.png', 2],
-
- ['kid_walking', baseUrl + 'characters/kid/walking.png', 26],
-
- ['audio', baseUrl + 'icons_navigation/audio.png', 2],
-
- ['select_input', baseUrl + 'icons_interactive/select_input.png', 2],
- ['btn_square', baseUrl + 'icons_interactive/btn_square.png', 2],
-
- ['mode_0', baseUrl + 'icons_menu/squareOne_1.png', 2],
- ['mode_1', baseUrl + 'icons_menu/squareOne_2.png', 2],
- ['mode_2', baseUrl + 'icons_menu/circleOne_1.png', 2],
- ['mode_3', baseUrl + 'icons_menu/circleOne_2.png', 2],
- ['mode_4', baseUrl + 'icons_menu/squareTwo_1.png', 2],
- ['mode_5', baseUrl + 'icons_menu/squareTwo_2.png', 2],
- ['mode_6', baseUrl + 'icons_menu/scaleOne_1.png', 2],
-
- ['operation_plus', baseUrl + 'icons_menu/operation_plus.png', 2],
- ['operation_minus', baseUrl + 'icons_menu/operation_minus.png', 2],
- ['operation_mixed', baseUrl + 'icons_menu/operation_mixed.png', 2],
- ['operation_equals', baseUrl + 'icons_menu/operation_equals.png', 2],
- ],
- audio: [
-
- ['beepSound', ['./assets/audio/beep.ogg', './assets/audio/beep.mp3']],
- ['okSound', ['./assets/audio/ok.ogg', './assets/audio/ok.mp3']],
- ['errorSound', ['./assets/audio/error.ogg', './assets/audio/error.mp3']],
- ['popSound', ['', './assets/audio/pop.wav']],
- ],
- },
- squareOne: {
- image: [
-
- ['farm', baseUrl + 'scene/building_farm.png'],
- ['garage', baseUrl + 'scene/building_garage.png'],
- ],
- sprite: [
-
- ['tractor', baseUrl + 'characters/tractor/tractor.png', 15],
- ],
- audio: [],
- },
- squareTwo: {
- image: [
-
- ['house', baseUrl + 'scene/building_house.png'],
- ['school', baseUrl + 'scene/building_school.png'],
- ],
- sprite: [
-
- ['kid_standing', baseUrl + 'characters/kid/lost.png', 6],
- ['kid_running', baseUrl + 'characters/kid/running.png', 12],
- ],
- audio: [],
- },
- circleOne: {
- image: [
-
- ['house', baseUrl + 'scene/building_house.png'],
- ['school', baseUrl + 'scene/building_school.png'],
-
- ['balloon', baseUrl + 'characters/balloon/balloon.png'],
- ['balloon_basket', baseUrl + 'characters/balloon/balloon_basket.png'],
- ],
- sprite: [
-
- ['kid_running', baseUrl + 'characters/kid/running.png', 12],
- ],
- audio: [],
- },
- scaleOne: {
- image: [
-
- ['farm', baseUrl + 'scene/building_farm.png'],
- ['garage', baseUrl + 'scene/building_garage.png'],
-
- ['scale_base', baseUrl + 'characters/scale/scale_base.png'],
- ['scale_arm', baseUrl + 'characters/scale/scale_arm.png'],
- ['scale_plate', baseUrl + 'characters/scale/scale_plate.png'],
- ],
- sprite: [
-
- ['tractor', baseUrl + 'characters/tractor/tractor.png', 15],
- ['floor_snow', baseUrl + 'scene/new_level/floor_snow.png', 9],
- ],
- audio: [],
- },
- };
|