1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621 |
- const game = {
- image: {},
- sprite: {},
- audio: {},
- lang: {},
-
- state: {
-
- list: [],
-
- name: undefined,
-
- progressBar: undefined,
- progressBarLabel: undefined,
-
- add: function (name, obj) {
- game.state.list[name] = obj;
- },
-
- start: function (name) {
- document.body.style.cursor = 'auto';
- game.loop.stop();
- game.event.clear();
- game.animation.clear();
- game.loadedCur = 0;
- game.loadedMax = 0;
- game.state.name = name;
- navigation.list = [];
- self = game.state.list[name];
- if (self.preload) {
- game.render.clear();
-
- game.add.geom.rect(
- 0,
- 0,
- context.canvas.width,
- context.canvas.height,
- colors.blueBg,
- 1
- );
- game.add.geom.rect(
- context.canvas.width / 2 - 500 / 2,
- context.canvas.height / 2 - 40 / 2,
- 500,
- 40,
- colors.white,
- 1
- );
- game.state.progressBar = game.add.geom.rect(
- context.canvas.width / 2 - 500 / 2,
- context.canvas.height / 2,
- 40,
- 40,
- colors.blue,
- 0.4
- );
- game.state.progressBar.anchor(0, 0.5);
- game.state.progressBarLabel = game.add.text(
- context.canvas.width / 2,
- context.canvas.height / 2 + 80,
- 'Loading...',
- textStyles.h2_
- );
-
- self.preload();
- } else {
- game.state.create();
- }
- },
-
- create: function () {
- game.render.clear();
- if (!self.create) {
- console.error(
- "Game error: The state called does not have a 'create' function. Unable to continue."
- );
- } else {
- self.create();
- game.render.all();
- if (self?.restart) {
-
- game.state.start(game.state.name);
- } else {
- if (self.update) game.loop.start(self);
- }
- }
- },
- },
- loadHandler: {
- cur: 0,
- max: 0,
-
- type: {
- lang: { isLoading: false, cached: 0, length: 0 },
- audio: { isLoading: false, cached: 0, length: 0 },
- image: { isLoading: false, cached: 0, length: 0 },
- sprite: { isLoading: false, cached: 0, length: 0 },
- },
-
- getUncachedUrlsOnly: function (unfilteredUrls, mediaCategory) {
- const uncachedUrls = [];
- unfilteredUrls.forEach((url) => {
- if (mediaCategory[url[0]] === undefined) uncachedUrls.push(url);
- });
- return uncachedUrls;
- },
-
- cachedOneFile: function (mediaType) {
- const length = game.loadHandler.type[mediaType].length;
-
- if (length - 1 !== 0) {
-
-
-
-
-
- game.state.progressBar.width =
- (500 / game.loadHandler.max) * game.loadHandler.cur;
- game.render.all();
- game.loadHandler.cur++;
-
- }
-
- if (game.loadHandler.type[mediaType].cached >= length - 1) {
-
- game.loadHandler.type[mediaType].isLoading = false;
- game.loadHandler.type[mediaType].cached = 0;
- game.loadHandler.type[mediaType].length = 0;
-
- game.loadHandler.cachedAllInOneMediaType();
- } else {
-
- game.loadHandler.type[mediaType].cached++;
- }
- },
-
- cachedAllInOneMediaType: function () {
-
- let endPreload = true;
- for (let key in game.loadHandler.type) {
- if (game.loadHandler.type[key].isLoading) {
- endPreload = false;
- break;
- }
- }
-
- if (endPreload) {
- game.loadHandler.cur = 0;
- game.loadHandler.max = 0;
- game.state.create();
- }
- },
- },
-
- load: {
-
- lang: function (url) {
- game.loadHandler.type.lang.isLoading = true;
- game.loadHandler.type.lang.cached = 0;
- game.lang = {};
- fetch(url, { mode: 'same-origin' })
- .then((response) => response.text())
- .then((text) => {
- const lines = text.split('\n');
- game.loadHandler.type.lang.length = lines.length;
- game.loadHandler.max += lines.length;
- lines.forEach((line) => {
- try {
- const msg = line.split('=');
- if (msg.length !== 2)
- throw Error('Game error: sintax error in i18y file');
- game.lang[msg[0].trim()] = msg[1].trim();
- } catch (error) {
- console.error(error.message);
- }
- game.loadHandler.cachedOneFile('lang');
- });
- })
- .catch((error) => {
- console.error(error);
- });
- },
-
- audio: function (urls) {
- game.loadHandler.type.audio.isLoading = true;
- game.loadHandler.type.audio.cached = 0;
- urls = game.loadHandler.getUncachedUrlsOnly(urls, game.audio);
- game.loadHandler.type.audio.length = urls.length;
- if (urls.length == 0) {
- game.loadHandler.cachedOneFile('audio');
- } else {
- game.loadHandler.max += urls.length;
- urls.forEach((url) => {
- fetch(url[1][1], { mode: 'same-origin' })
- .then((response) => response.blob())
- .then((data) => {
- game.audio[url[0]] = new Audio(URL.createObjectURL(data));
- game.loadHandler.cachedOneFile('audio');
- })
- .catch((error) => {
- console.error(error);
- });
- });
- }
- },
-
- image: function (urls) {
- game.loadHandler.type.image.isLoading = true;
- game.loadHandler.type.image.cached = 0;
- urls = game.loadHandler.getUncachedUrlsOnly(urls, game.image);
- game.loadHandler.type.image.length = urls.length;
- if (urls.length == 0) {
- game.loadHandler.cachedOneFile('image');
- } else {
- game.loadHandler.max += urls.length;
- urls.forEach((url) => {
- const img = new Image();
- img.onload = () => {
- game.image[url[0]] = img;
- game.loadHandler.cachedOneFile('image');
- };
- img.onerror = () => {
- console.error(
- 'Game error: image "' + url[0] + '" not found in sourse files.'
- );
- game.image[url[0]] = img;
- img.src = fallbackImgUrl;
- game.loadHandler.cachedOneFile('image');
- };
- img.src = url[1];
- });
- }
- },
-
- sprite: function (urls) {
- game.loadHandler.type.sprite.isLoading = true;
- game.loadHandler.type.sprite.cached = 0;
- urls = game.loadHandler.getUncachedUrlsOnly(urls, game.sprite);
- game.loadHandler.type.sprite.length = urls.length;
- if (urls.length == 0) {
- game.loadHandler.cachedOneFile('sprite');
- } else {
- game.loadHandler.max += urls.length;
- urls.forEach((url) => {
- try {
- const img = new Image();
- img.onload = () => {
- game.sprite[url[0]] = img;
- game.loadHandler.cachedOneFile('sprite');
- };
- img.onerror = () => {
- console.error('Game error: sprite not found');
- game.sprite[url[0]] = img;
- img.src = fallbackImgUrl;
- img.frames = 1;
- game.loadHandler.cachedOneFile('sprite');
- };
- img.src = url[1];
- img.frames = url[2];
- } catch (error) {
- console.error(error);
- }
- });
- }
- },
- },
-
- add: {
-
- image: function (x, y, img, scale, alpha) {
- if (x == undefined || y == undefined || img == undefined)
- console.error('Game error: missing parameters.');
- else if (game.image[img] == undefined)
- console.error('Game error: image not found in cache: ' + img + '.');
- else {
- const med = {
- typeOfMedia: 'image',
- name: img,
- x: x || game.add.default.x,
- y: y || game.add.default.y,
- _xWithAnchor: x || game.add.default._xWithAnchor,
- _yWithAnchor: y || game.add.default._yWithAnchor,
- xAnchor: game.add.default.xAnchor,
- yAnchor: game.add.default.yAnchor,
- shadow: game.add.default.shadow,
- shadowColor: game.add.default.shadowColor,
- shadowBlur: game.add.default.shadowBlur,
- alpha: alpha != undefined ? alpha : game.add.default.alpha,
- scale: scale || game.add.default.scale,
- width: game.image[img].width,
- height: game.image[img].height,
- anchor: function (xAnchor, yAnchor) {
- this.xAnchor = xAnchor;
- this.yAnchor = yAnchor;
- },
- get xWithAnchor() {
- return this.x - this.width * this.scale * this.xAnchor;
- },
- get yWithAnchor() {
- return this.y - this.height * this.scale * this.yAnchor;
- },
- };
- med.initialScale = med.scale;
- game.render.queue.push(med);
- return med;
- }
- },
-
- sprite: function (x, y, img, curFrame, scale, alpha) {
- if (x == undefined || y == undefined || img == undefined)
- console.error('Game error: missing parameters.');
- else if (game.sprite[img] == undefined)
- console.error('Game error: sprite not found in cache: ' + img + '.');
- else {
- const med = {
- typeOfMedia: 'sprite',
- name: img,
- x: x || game.add.default.x,
- y: y || game.add.default.y,
- _xWithAnchor: x || game.add.default._xWithAnchor,
- _yWithAnchor: y || game.add.default._yWithAnchor,
- xAnchor: game.add.default.xAnchor,
- yAnchor: game.add.default.yAnchor,
- shadow: game.add.default.shadow,
- shadowColor: game.add.default.shadowColor,
- shadowBlur: game.add.default.shadowBlur,
- alpha: alpha != undefined ? alpha : game.add.default.alpha,
- scale: scale || game.add.default.scale,
- width: game.sprite[img].width / game.sprite[img].frames,
- height: game.sprite[img].height,
- curFrame: curFrame || 0,
- anchor: function (xAnchor, yAnchor) {
- this.xAnchor = xAnchor;
- this.yAnchor = yAnchor;
- },
- get xWithAnchor() {
- return this.x - this.width * this.scale * this.xAnchor;
- },
- get yWithAnchor() {
- return this.y - this.height * this.scale * this.yAnchor;
- },
- };
- med.initialScale = med.scale;
- game.render.queue.push(med);
- return med;
- }
- },
-
- text: function (x, y, text, style, lineHeight) {
- if (
- x == undefined ||
- y == undefined ||
- text == undefined ||
- style == undefined
- ) {
- console.error('Game error: missing parameters.');
- } else {
- const med = {
- typeOfMedia: 'text',
- name: style?.increaseLetterSpacing
- ? text.split('').join(String.fromCharCode(8202))
- : text,
- x: x || game.add.default.x,
- y: y || game.add.default.y,
- _xWithAnchor: x || game.add.default._xWithAnchor,
- _yWithAnchor: y || game.add.default._yWithAnchor,
- xAnchor: game.add.default.xAnchor,
- yAnchor: game.add.default.yAnchor,
- shadow: game.add.default.shadow,
- shadowColor: game.add.default.shadowColor,
- shadowBlur: game.add.default.shadowBlur,
- alpha: game.add.default.alpha,
- font: style.font || game.add.default.font,
- fill: style.fill || game.add.default.fill,
- align: style.align || game.add.default.align,
- lineHeight: lineHeight || game.add.default.lineHeight,
- anchor: function () {
- console.error("Game error: there's no anchor for text.");
- },
- set style(style) {
- this.font = style.font;
- this.fill = style.fill;
- this.align = style.align;
- },
- get xWithAnchor() {
- return this.x;
- },
- get yWithAnchor() {
- return this.y;
- },
- };
- game.render.queue.push(med);
- return med;
- }
- },
-
- geom: {
-
- rect: function (
- x,
- y,
- width,
- height,
- fillColor,
- alpha,
- lineColor,
- lineWidth
- ) {
- if (x == undefined || y == undefined || width == undefined)
- console.error('Game error: missing parameters.');
- else {
- const med = {
- typeOfMedia: 'rect',
- x: x || game.add.default.x,
- y: y || game.add.default.y,
- _xWithAnchor: x || game.add.default._xWithAnchor,
- _yWithAnchor: y || game.add.default._yWithAnchor,
- xAnchor: game.add.default.xAnchor,
- yAnchor: game.add.default.yAnchor,
- shadow: game.add.default.shadow,
- shadowColor: game.add.default.shadowColor,
- shadowBlur: game.add.default.shadowBlur,
- alpha: alpha != undefined ? alpha : game.add.default.alpha,
- scale: game.add.default.scale,
- width: 0,
- height: 0,
- lineColor: lineColor || game.add.default.lineColor,
- lineWidth: 0,
- fillColor: fillColor || game.add.default.fillColor,
- anchor: function (xAnchor, yAnchor) {
- this.xAnchor = xAnchor;
- this.yAnchor = yAnchor;
- },
- get xWithAnchor() {
- return this.x - this.width * this.scale * this.xAnchor;
- },
- get yWithAnchor() {
- return this.y - this.height * this.scale * this.yAnchor;
- },
- };
- med.initialScale = med.scale;
- if (width != 0) {
- med.width = width || game.add.default.width;
- }
- if (height != 0) {
- med.height = height || width || game.add.default.height;
- }
- if (lineWidth != 0) {
- med.lineWidth = lineWidth || game.add.default.lineWidth;
- }
- game.render.queue.push(med);
- return med;
- }
- },
-
- line: function (x0, y0, x1, y1, lineWidth, lineColor, alpha) {
- if (x0 == undefined || y0 == undefined)
- console.error('Game error: missing parameters.');
- else {
- const med = {
- typeOfMedia: 'line',
- x0: x0 || game.add.default.x,
- y0: y0 || game.add.default.y,
- x1: x1 || x0 + 50,
- y1: y1 || y0,
- x0Anchor: 0,
- y0Anchor: 0,
- x1Anchor: 0,
- y1Anchor: 0,
- shadow: game.add.default.shadow,
- shadowColor: game.add.default.shadowColor,
- shadowBlur: game.add.default.shadowBlur,
- alpha: alpha != undefined ? alpha : game.add.default.alpha,
- width: 0,
- lineColor: lineColor || game.add.default.lineColor,
- lineWidth: lineWidth || 1,
- anchor: function (xAnchor, yAnchor) {
- this.x0Anchor = xAnchor;
- this.y0Anchor = yAnchor;
- this.x1Anchor = xAnchor;
- this.y1Anchor = yAnchor;
- },
- get x0WithAnchor() {
- return this.x0 - this.width * this.x0Anchor;
- },
- get y0WithAnchor() {
- return this.y0 - this.width * this.y0Anchor;
- },
- get x1WithAnchor() {
- return this.x1 - this.width * this.x1Anchor;
- },
- get y1WithAnchor() {
- return this.y1 - this.width * this.y1Anchor;
- },
- get x() {
- return this.x0;
- },
- get y() {
- return this.y0;
- },
- set x(x0) {
- const distance = this.x1 - this.x0;
- this.x0 = x0;
- this.x1 = x0 + distance;
- },
- set y(y0) {
- const distance = this.y1 - this.y0;
- this.y0 = y0;
- this.y1 = y0 + distance;
- },
- };
- const width =
- (med.x1 - x0) * (med.x1 - x0) + (med.y1 - y0) * (med.y1 - y0);
- med.width = Math.sqrt(width);
- game.render.queue.push(med);
- return med;
- }
- },
-
- circle: function (
- x,
- y,
- diameter,
- lineColor,
- lineWidth,
- fillColor,
- alpha
- ) {
- if (x == undefined || y == undefined || diameter == undefined)
- console.error('Game error: missing parameters.');
- else {
- const med = {
- typeOfMedia: 'arc',
- x: x || game.add.default.x,
- y: y || game.add.default.y,
- _xWithAnchor: x || game.add.default._xWithAnchor,
- _yWithAnchor: y || game.add.default._yWithAnchor,
- xAnchor: game.add.default.xAnchor,
- yAnchor: game.add.default.yAnchor,
- shadow: game.add.default.shadow,
- shadowColor: game.add.default.shadowColor,
- shadowBlur: game.add.default.shadowBlur,
- alpha: alpha != undefined ? alpha : game.add.default.alpha,
- scale: game.add.default.scale,
- diameter: 0,
- width: 0,
- height: 0,
- angleStart: 0,
- angleEnd: 2 * Math.PI,
- counterclockwise: game.add.default.counterclockwise,
- lineColor: lineColor || game.add.default.lineColor,
- lineWidth: 0,
- fillColor: fillColor || game.add.default.fillColor,
- anchor: function (xAnchor, yAnchor) {
- this.xAnchor = xAnchor;
- this.yAnchor = yAnchor;
- },
- get xWithAnchor() {
- return this.x - this.width * this.scale * this.xAnchor;
- },
- get yWithAnchor() {
- return this.y - this.height * this.scale * this.yAnchor;
- },
- };
- med.initialScale = med.scale;
- if (diameter != 0) {
- med.diameter = diameter || game.add.default.diameter;
- med.width = med.height = med.diameter;
- }
- if (lineWidth != 0) {
- med.lineWidth = lineWidth || game.add.default.lineWidth;
- }
- game.render.queue.push(med);
- return med;
- }
- },
-
- arc: function (
- x,
- y,
- diameter,
- angleStart,
- angleEnd,
- counterclockwise,
- lineColor,
- lineWidth,
- fillColor,
- alpha
- ) {
- if (
- x == undefined ||
- y == undefined ||
- diameter == undefined ||
- angleStart == undefined ||
- angleEnd == undefined
- )
- console.error('Game error: missing parameters.');
- else {
- const med = {
- typeOfMedia: 'arc',
- x: x || game.add.default.x,
- y: y || game.add.default.y,
- _xWithAnchor: x || game.add.default._xWithAnchor,
- _yWithAnchor: y || game.add.default._yWithAnchor,
- xAnchor: game.add.default.xAnchor,
- yAnchor: game.add.default.yAnchor,
- shadow: game.add.default.shadow,
- shadowColor: game.add.default.shadowColor,
- shadowBlur: game.add.default.shadowBlur,
- alpha: alpha != undefined ? alpha : game.add.default.alpha,
- scale: game.add.default.scale,
- diameter: 0,
- width: 0,
- height: 0,
- angleStart: angleStart || 0,
- angleEnd: angleEnd || 2 * Math.PI,
- counterclockwise:
- counterclockwise || game.add.default.counterclockwise,
- lineColor: lineColor || game.add.default.lineColor,
- lineWidth: 0,
- fillColor: fillColor || game.add.default.fillColor,
- anchor: function (xAnchor, yAnchor) {
- this.xAnchor = xAnchor;
- this.yAnchor = yAnchor;
- },
- get xWithAnchor() {
- return this.x - this.width * this.scale * this.xAnchor;
- },
- get yWithAnchor() {
- return this.y - this.height * this.scale * this.yAnchor;
- },
- };
- med.initialScale = med.scale;
- if (diameter != 0) {
- med.diameter = diameter || game.add.default.diameter;
- med.width = med.height = med.diameter;
- }
- if (lineWidth != 0) {
- med.lineWidth = lineWidth || game.add.default.lineWidth;
- }
- game.render.queue.push(med);
- return med;
- }
- },
- },
-
- default: {
-
- x: 0,
- y: 0,
- _xWithAnchor: 0,
- _yWithAnchor: 0,
- xAnchor: 0,
- yAnchor: 0,
- shadow: false,
- shadowColor: '#0075c5',
- shadowBlur: 20,
- alpha: 1,
-
- scale: 1,
-
- font: '14px Arial,sans-serif',
- fill: '#000',
- align: 'center',
- lineHeight: 50,
-
- width: 50,
- height: 50,
- lineColor: '#000',
- lineWidth: 0,
- fillColor: '#fff',
-
- diameter: 50,
- counterclockwise: false,
- },
- },
-
- render: {
-
- queue: [],
-
- image: function (cur) {
- const x = cur.xWithAnchor,
- y = cur.yWithAnchor;
-
- if (cur.rotate && cur.rotate != 0) {
- context.save();
- context.translate(cur.x, cur.y);
- context.rotate((cur.rotate * Math.PI) / 180);
- context.translate(-cur.x, -cur.y);
- }
-
- context.globalAlpha = cur.alpha;
-
- context.shadowBlur = cur.shadow ? cur.shadowBlur : 0;
- context.shadowColor = cur.shadowColor;
-
- context.drawImage(
- game.image[cur.name],
- x,
- y,
- cur.width * cur.scale,
- cur.height * cur.scale
- );
-
- context.shadowBlur = 0;
- context.globalAlpha = 1;
- if (cur.rotate && cur.rotate != 0) context.restore();
- },
-
- sprite: function (cur) {
- const x = cur.xWithAnchor,
- y = cur.yWithAnchor;
-
- if (cur.rotate && cur.rotate != 0) {
- context.save();
- context.translate(cur.x, cur.y);
- context.rotate((cur.rotate * Math.PI) / 180);
- context.translate(-cur.x, -cur.y);
- }
-
- context.globalAlpha = cur.alpha;
-
- context.shadowBlur = cur.shadow ? cur.shadowBlur : 0;
- context.shadowColor = cur.shadowColor;
-
- context.drawImage(
- game.sprite[cur.name],
- cur.width * cur.curFrame,
- 0,
- cur.width,
- cur.height,
- x,
- y,
- cur.width * cur.scale,
- cur.height * cur.scale
- );
-
- context.shadowBlur = 0;
- context.globalAlpha = 1;
- if (cur.rotate && cur.rotate != 0) context.restore();
- },
-
- text: function (cur) {
- const x = cur.xWithAnchor,
- y = cur.yWithAnchor;
-
- if (cur.rotate && cur.rotate != 0) {
- context.save();
- context.translate(cur.x, cur.y);
- context.rotate((cur.rotate * Math.PI) / 180);
- context.translate(-cur.x, -cur.y);
- }
-
- context.globalAlpha = cur.alpha;
-
- context.shadowBlur = cur.shadow ? cur.shadowBlur : 0;
- context.shadowColor = cur.shadowColor;
-
- context.font = cur.font;
- context.textAlign = cur.align;
- context.fillStyle = cur.fill;
-
- const paragraphs = String(cur.name).split('\n');
- let newY = y;
- for (let line in paragraphs) {
- context.fillText(paragraphs[line], x, newY);
- newY += cur.lineHeight;
- }
-
- context.shadowBlur = 0;
- context.globalAlpha = 1;
- if (cur.rotate && cur.rotate != 0) context.restore();
- },
-
- geom: {
-
- rect: function (cur) {
- const x = cur.xWithAnchor,
- y = cur.yWithAnchor;
-
- if (cur.rotate && cur.rotate != 0) {
- context.save();
- context.translate(cur.x, cur.y);
- context.rotate((cur.rotate * Math.PI) / 180);
- context.translate(-cur.x, -cur.y);
- }
-
- context.globalAlpha = cur.alpha;
-
- context.shadowBlur = cur.shadow ? cur.shadowBlur : 0;
- context.shadowColor = cur.shadowColor;
-
- if (cur.fillColor !== 'transparent') {
- context.fillStyle = cur.fillColor;
- context.fillRect(x, y, cur.width * cur.scale, cur.height * cur.scale);
- }
-
- if (cur.lineWidth != 0) {
- context.strokeStyle = cur.lineColor;
- context.lineWidth = cur.lineWidth;
- context.strokeRect(
- x,
- y,
- cur.width * cur.scale,
- cur.height * cur.scale
- );
- }
-
- context.shadowBlur = 0;
- context.globalAlpha = 1;
- if (cur.rotate && cur.rotate != 0) context.restore();
- },
-
- line: function (cur) {
- const x0 = cur.x0WithAnchor,
- y0 = cur.y0WithAnchor,
- x1 = cur.x1WithAnchor,
- y1 = cur.y1WithAnchor;
-
- if (cur.rotate && cur.rotate != 0) {
- context.save();
- context.translate(cur.x0, cur.y0);
- context.rotate((cur.rotate * Math.PI) / 180);
- context.translate(-cur.x0, -cur.y0);
- }
-
- context.globalAlpha = cur.alpha;
-
- context.shadowBlur = cur.shadow ? cur.shadowBlur : 0;
- context.shadowColor = cur.shadowColor;
-
- if (cur.lineWidth != 0) {
- context.strokeStyle = cur.lineColor;
- context.lineWidth = cur.lineWidth;
- context.beginPath();
- context.moveTo(x0, y0);
- context.lineTo(x1, y1);
- context.stroke();
- }
-
- context.shadowBlur = 0;
- context.globalAlpha = 1;
- if (cur.rotate && cur.rotate != 0) context.restore();
- },
-
- arc: function (cur) {
- const x = cur.xWithAnchor,
- y = cur.yWithAnchor;
-
- if (cur.rotate && cur.rotate != 0) {
- context.save();
- context.translate(cur.x, cur.y);
- context.rotate((cur.rotate * Math.PI) / 180);
- context.translate(-cur.x, -cur.y);
- }
-
- context.globalAlpha = cur.alpha;
-
- context.shadowBlur = cur.shadow ? cur.shadowBlur : 0;
- context.shadowColor = cur.shadowColor;
-
- if (cur.fillColor != 0) context.fillStyle = cur.fillColor;
-
- if (cur.lineWidth != 0) {
- context.strokeStyle = cur.lineColor;
- context.lineWidth = cur.lineWidth;
- }
-
- context.beginPath();
- if (cur.angleEnd != 2 * Math.PI) context.lineTo(x, y);
- context.arc(
- x,
- y,
- (cur.diameter / 2) * cur.scale,
- cur.angleStart,
- cur.angleEnd,
- cur.counterclockwise
- );
- if (cur.angleEnd != 2 * Math.PI) context.lineTo(x, y);
-
- if (cur.fillColor != 0) context.fill();
- if (cur.lineWidth != 0) context.stroke();
- context.shadowBlur = 0;
- context.globalAlpha = 1;
- if (cur.rotate && cur.rotate != 0) context.restore();
- },
- },
-
- all: function () {
- game.render.queue.forEach((cur) => {
- switch (cur.typeOfMedia) {
- case 'image':
- this.image(cur);
- break;
- case 'sprite':
- this.sprite(cur);
- break;
- case 'text':
- this.text(cur);
- break;
- case 'rect':
- this.geom.rect(cur);
- break;
- case 'line':
- this.geom.line(cur);
- break;
- case 'arc':
- this.geom.arc(cur);
- break;
- }
- });
- },
-
- clear: function () {
- game.render.queue = [];
- },
- },
-
- math: {
-
- randomInRange: function (min, max) {
- min = Math.ceil(min);
- max = Math.floor(max);
- return Math.floor(Math.random() * (max - min + 1) + min);
- },
-
- randomDivisor: function (number) {
- const validDivisors = [];
-
- for (let i = 2; i < number; i++) {
- if (number % i == 0) validDivisors.push(i);
- }
- const randIndex = game.math.randomInRange(0, validDivisors.length - 1);
- return validDivisors[randIndex];
- },
-
- degreeToRad: function (degree) {
- return (degree * Math.PI) / 180;
- },
- getRadiusFromCircunference: function (circunference) {
- return circunference / (2 * Math.PI);
- },
-
- distanceToPointer: function (xMouse, xIcon, yMouse, yIcon) {
- const a = Math.max(xMouse, xIcon) - Math.min(xMouse, xIcon);
- const b = Math.max(yMouse, yIcon) - Math.min(yMouse, yIcon);
- return Math.sqrt(a * a + b * b);
- },
- mdc: function (num1, num2) {
- if (num2 === 0) return num1;
- return game.math.mdc(num2, num1 % num2);
- },
- mmcArray: (input) => {
- if (toString.call(input) !== '[object Array]') return false;
- var len, a, b;
- len = input.length;
- if (!len) {
- return null;
- }
- a = input[0];
- for (var i = 1; i < len; i++) {
- b = input[i];
- a = game.math.mmcTwoNumbers(a, b);
- }
- return a;
- },
- mmcTwoNumbers: (num1, num2) => {
- var resto, x, y;
- x = num1;
- y = num2;
- while (resto != 0) {
- resto = x % y;
- x = y;
- y = resto;
- }
- return (num1 * num2) / x;
- },
- getFractionFromDecimal: function (fraction) {
- const len = fraction.toString().length - 2;
- let denominator = Math.pow(10, len);
- let numerator = fraction * denominator;
- const divisor = game.math.greatestCommonDivisor(numerator, denominator);
- numerator /= divisor;
- denominator /= divisor;
- return {
- string: Math.floor(numerator) + '/' + Math.floor(denominator),
- numerator: Math.floor(numerator),
- denominator: Math.floor(denominator),
- };
- },
-
- isOverIcon: function (xMouse, yMouse, icon) {
- const x = xMouse,
- y = yMouse,
- cur = icon;
- return (
- y >= cur.yWithAnchor &&
- y <= cur.yWithAnchor + cur.height * cur.scale &&
- x >= cur.xWithAnchor &&
- x <= cur.xWithAnchor + cur.width * cur.scale
- );
- },
-
- isOverlap: function (imageA, imageB) {
- const xA = imageA.x;
- const xB = imageB.x;
-
- return !(Math.abs(xA - xB) > 14);
- },
-
- getMouse: function (mouseEvent) {
- const c = context.canvas.getBoundingClientRect();
- const canvas_scale = context.canvas.width / parseFloat(c.width);
- return {
- x: (mouseEvent.clientX - c.left) * canvas_scale,
- y: (mouseEvent.clientY - c.top) * canvas_scale,
- };
- },
-
- getOffset: function (width, numberOfIcons) {
- return width / (numberOfIcons + 1);
- },
-
- convertTime: function (s) {
- let h = 0,
- m = 0;
- if (s > 1200) {
- h = s / 1200;
- s = s % 1200;
- }
- if (s > 60) {
- m = s / 60;
- s = s % 60;
- }
- h = '' + h;
- m = '' + m;
- s = '' + s;
- if (h.length < 2) h = '0' + h;
- if (m.length < 2) m = '0' + m;
- if (s.length < 2) s = '0' + s;
- return h + ':' + m + ':' + s;
- },
- },
-
- timer: {
-
- _start: 0,
-
- end: 0,
-
- elapsed: 0,
-
- start: function () {
- game.timer._start = game.timer.end = game.timer.elapsed = 0;
- game.timer._start = new Date().getTime();
- },
-
- stop: function () {
- if (game.timer._start != 0 && game.timer.end == 0) {
-
- game.timer.end = new Date().getTime();
- game.timer.elapsed = Math.floor(
- (game.timer.end - game.timer._start) / 1000
- );
- }
- },
- },
-
- event: {
-
- list: [],
-
- add: function (name, func) {
- context.canvas.addEventListener(name, func);
- game.event.list.push([name, func]);
- },
-
- clear: function () {
- game.event.list.forEach((cur) => {
- context.canvas.removeEventListener(cur[0], cur[1]);
- });
- game.event.list = [];
- },
- },
-
- loop: {
-
- id: undefined,
-
- curState: undefined,
-
- status: 'off',
-
- waitingToStart: undefined,
-
- startTime: 0,
-
- duration: 1000 / 60,
-
- start: function (state) {
- if (game.loop.status == 'off') {
- game.loop.curState = state;
- game.loop.startTime = new Date().getTime();
- game.loop.status = 'on';
- game.loop.id = requestAnimationFrame(game.loop.run);
- } else {
-
- game.loop.waitingToStart = state;
- if (game.loop.status == 'on') game.loop.stop();
- }
- },
-
- stop: function () {
- if (game.loop.status == 'on') game.loop.status = 'ending';
- },
-
- run: function () {
- if (game.loop.status != 'on') {
- game.loop.clear();
- } else {
- const timestamp = new Date().getTime();
- const runtime = timestamp - game.loop.startTime;
- if (runtime >= game.loop.duration) {
-
- game.loop.curState.update();
-
- game.animation.run();
- }
- game.loop.id = requestAnimationFrame(game.loop.run);
- }
- },
-
- clear: function () {
- if (game.loop.id != undefined) {
- cancelAnimationFrame(game.loop.id);
- game.loop.id = undefined;
- game.loop.curState = undefined;
- game.loop.status = 'off';
- }
- if (game.loop.waitingToStart != undefined) {
- const temp = game.loop.waitingToStart;
- game.loop.waitingToStart = undefined;
- game.loop.start(temp);
- }
- },
- },
-
- animation: {
-
- queue: [],
-
- count: 0,
-
- play: function (name) {
- let newAnimation;
-
- for (let i in game.render.queue) {
- if (
- game.render.queue[i].animation != undefined &&
- game.render.queue[i].animation[0] == name
- ) {
- newAnimation = game.render.queue[i];
- break;
- }
- }
-
- if (newAnimation != undefined) game.animation.queue.push(newAnimation);
- },
-
- stop: function (name) {
-
- game.animation.queue.forEach((cur) => {
- if (cur.animation[0] == name) {
- game.animation.queue.splice(cur, 1);
- }
- });
- },
-
- run: function () {
- game.animation.queue.forEach((character) => {
- if (
- !character.animation[2] ||
- game.animation.count % character.animation[2] == 0
- ) {
- const i = character.animation[1].indexOf(character.curFrame);
- if (i == -1) {
-
- if (isDebugMode)
- console.error('Game error: animation frame not found.');
- } else if (i < character.animation[1].length - 1) {
-
- character.curFrame = character.animation[1][i + 1];
- } else {
- character.curFrame = character.animation[1][0];
- }
- }
- });
- game.animation.count++;
- },
-
- clear: function () {
-
- game.animation.count = 0;
-
- game.render.queue.forEach((cur) => {
- if (cur.animation != undefined) {
- delete cur.animation;
- }
- });
-
- game.animation.queue = [];
- },
- },
- };
|