@urso/core 0.8.20-dev → 0.9.0-dev

package/package.json

@@ -1,50 +1,36 @@
-{
-  "name": "@urso/core",
-  "version": "0.8.20-dev",
-  "description": "HTML5 game engine",
-  "main": "build/js/index.js",
-  "author": "Megbrimef",
-  "license": "MIT",
-  "scripts": {
-    "build:prod": "webpack --config webpack.config.js --mode=production",
-    "build:dev": "webpack --config webpack.config.js --mode=development"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/megbrimef/urso.git"
-  },
-  "keywords": [
-    "game",
-    "engine"
-  ],
-  "bugs": {
-    "url": "https://github.com/megbrimef/urso/issues"
-  },
-  "homepage": "https://github.com/megbrimef/urso#readme",
-  "dependencies": {
-    "@urso/revolt-fx": "^0.1.0",
-    "gsap": "^3.1.1",
-    "howler": "^2.2.4",
-    "pixi-particles": "^4.3.0",
-    "pixi-projection": "0.4.3",
-    "pixi-scrollbox": "^2.3.1",
-    "pixi-spine": "^3.1.2",
-    "pixi-viewport": "^4.34.0",
-    "pixi.js": "^6.2.0"
-  },
-  "devDependencies": {
-    "@babel/core": "^7.12.10",
-    "@babel/preset-env": "^7.12.11",
-    "babel-loader": "^8.2.2",
-    "copy-webpack-plugin": "^5.0.3",
-    "exports-loader": "^0.7.0",
-    "html-webpack-plugin": "^5.1.0",
-    "script-loader": "^0.7.2",
-    "source-map-loader": "^1.0.0",
-    "string-replace-loader": "^3.0.3",
-    "style-loader": "^0.23.1",
-    "webpack": "^5.93.0",
-    "webpack-cli": "^5.1.4",
-    "webpack-dev-server": "^5.0.4"
-  }
-}
+{
+  "name": "@urso/core",
+  "version": "0.9.0-dev",
+  "description": "HTML5 game engine",
+  "main": "build/js/index.js",
+  "author": "Megbrimef",
+  "license": "MIT",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build:prod": "vite build",
+    "serve": "vite preview"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/megbrimef/urso.git"
+  },
+  "keywords": [
+    "game",
+    "engine"
+  ],
+  "bugs": {
+    "url": "https://github.com/megbrimef/urso/issues"
+  },
+  "homepage": "https://github.com/megbrimef/urso#readme",
+  "dependencies": {
+    "@esotericsoftware/spine-pixi-v8": "^4.2.80",
+    "gsap": "^3.12.0",
+    "howler": "^2.2.4",
+    "pixi.js": "^8.9.1"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-legacy": "^6.1.1",
+    "vite": "^6.3.5"
+  }
+}

package/src/js/app.js

@@ -1,104 +1,105 @@
-class App {
-
-    constructor() {
-        this.version = 'APP_VERSION';
-
-        this.setup = this.setup.bind(this);
-    }
-
-    /**
-     * global init
-     */
-    setup() {
-        this.sayHello();
-
-        //helper must be first
-        Urso.helper = new Urso.Core.Lib.Helper(); //helper functions
-
-        //setup Instances
-        let instances = new Urso.Core.Modules.Instances.Controller();
-        Urso.getInstance = instances.getInstance;
-        Urso.getByPath = instances.getByPath;
-        Urso.getInstancesModes = instances.getModes;
-        Urso.addInstancesMode = instances.addMode;
-        Urso.removeInstancesMode = instances.removeMode;
-
-        //build from extendingChain and merge all into Urso.Game
-        Urso.Game = {};
-        for (let extention of Urso.config.extendingChain)
-            Urso.helper.mergeObjectsRecursive(Urso.Game, Urso.helper.recursiveGet(extention, window, {}), true);
-
-        //(!)important we must use only Urso.Game from our code
-
-        //observer pattern
-        Urso.observer = Urso.getInstance('Modules.Observer.Controller');
-
-        //Extra
-        Urso.browserEvents = Urso.getInstance('Extra.BrowserEvents');
-        this._addTimeouts();
-
-        //libs
-        Urso.cache = Urso.getInstance('Lib.Cache'); //all assets cache
-        Urso.device = Urso.getByPath('Lib.Device'); //all device info
-        Urso.loader = Urso.getInstance('Lib.Loader'); //assets loader class
-        Urso.localData = Urso.getInstance('Lib.LocalData'); //local data storage
-        Urso.logger = Urso.getInstance('Lib.Logger'); //logger
-        Urso.math = Urso.getInstance('Lib.Math'); //math functions
-        Urso.time = Urso.getInstance('Lib.Time'); //time functions
-        Urso.tween = Urso.getInstance('Lib.Tween'); //tween lib
-
-        //Modules
-        Urso.assets = Urso.getInstance('Modules.Assets.Controller');
-        Urso.i18n = Urso.getInstance('Modules.I18n.Controller');
-        Urso.transport = Urso.getInstance('Modules.Transport.Controller');
-        Urso.logic = Urso.getInstance('Modules.Logic.Controller');
-        Urso.objects = Urso.getInstance('Modules.Objects.Controller');
-        Urso.scenes = Urso.getInstance('Modules.Scenes.Controller');
-        Urso.soundManager = Urso.getInstance('Modules.SoundManager.Controller');
-        Urso.statesManager = Urso.getInstance('Modules.StatesManager.Controller');
-        Urso.template = Urso.getInstance('Modules.Template.Controller');
-
-        //set title
-        document.title = Urso.config.title;
-
-        //device type mode
-        Urso.addInstancesMode(!Urso.helper.mobileAndTabletCheck() ? 'desktop' : 'mobile');
-
-        //App.run
-        Urso.device.whenReady(() => {
-            Urso.assets.updateQuality();
-            Urso.assets.checkWebPSupport();
-            Urso.getInstance('App').run();
-        });
-    }
-
-    /**
-     * log engine name and its version
-     */
-    sayHello() {
-        console.log(`%c ${String.fromCodePoint(0x1F43B)} Urso ${this.version} `, 'background: #222; color: #bada55');
-    }
-
-    /**
-     * run default scene
-     */
-    run() {
-        Urso.logic.do('run');
-        Urso.scenes.display(Urso.config.defaultScene);
-    }
-
-    /**
-     * add Urso.setTimeout && Urso.clearTimeout functions. It will helps to manage time
-     */
-    _addTimeouts() {
-        Urso.setTimeout = (callback, delay) => {
-            return gsap.delayedCall(delay / 1000, callback);
-        }
-
-        Urso.clearTimeout = (tween) => {
-            tween.kill();
-        }
-    }
-}
-
-module.exports = App;
+class App {
+
+    constructor() {
+        this.version = 'APP_VERSION';
+
+        this.setup = this.setup.bind(this);
+    }
+
+    /**
+     * global init
+     */
+   async setup() {
+        this.sayHello();
+
+        //helper must be first
+        Urso.helper = new Urso.Core.Lib.Helper(); //helper functions
+
+        //setup Instances
+        let instances = new Urso.Core.Modules.Instances.Controller();
+        Urso.getInstance = instances.getInstance;
+        Urso.getByPath = instances.getByPath;
+        Urso.getInstancesModes = instances.getModes;
+        Urso.addInstancesMode = instances.addMode;
+        Urso.removeInstancesMode = instances.removeMode;
+
+        //build from extendingChain and merge all into Urso.Game
+        Urso.Game = {};
+        for (let extention of Urso.config.extendingChain)
+            Urso.helper.mergeObjectsRecursive(Urso.Game, Urso.helper.recursiveGet(extention, window, {}), true);
+
+        //(!)important we must use only Urso.Game from our code
+
+        //observer pattern
+        Urso.observer = Urso.getInstance('Modules.Observer.Controller');
+
+        //Extra
+        Urso.browserEvents = Urso.getInstance('Extra.BrowserEvents');
+        this._addTimeouts();
+
+        //libs
+        Urso.cache = Urso.getInstance('Lib.Cache'); //all assets cache
+        Urso.device = Urso.getByPath('Lib.Device'); //all device info
+        Urso.loader = Urso.getInstance('Lib.Loader'); //assets loader class
+        Urso.localData = Urso.getInstance('Lib.LocalData'); //local data storage
+        Urso.logger = Urso.getInstance('Lib.Logger'); //logger
+        Urso.math = Urso.getInstance('Lib.Math'); //math functions
+        Urso.time = Urso.getInstance('Lib.Time'); //time functions
+        Urso.tween = Urso.getInstance('Lib.Tween'); //tween lib
+
+        //Modules
+        Urso.assets = Urso.getInstance('Modules.Assets.Controller');
+        Urso.i18n = Urso.getInstance('Modules.I18n.Controller');
+        Urso.transport = Urso.getInstance('Modules.Transport.Controller');
+        Urso.logic = Urso.getInstance('Modules.Logic.Controller');
+        Urso.objects = Urso.getInstance('Modules.Objects.Controller');
+        Urso.scenes = Urso.getInstance('Modules.Scenes.Controller');
+        await Urso.scenes.init();
+        Urso.soundManager = Urso.getInstance('Modules.SoundManager.Controller');
+        Urso.statesManager = Urso.getInstance('Modules.StatesManager.Controller');
+        Urso.template = Urso.getInstance('Modules.Template.Controller');
+
+        //set title
+        document.title = Urso.config.title;
+
+        //device type mode
+        Urso.addInstancesMode(!Urso.helper.mobileAndTabletCheck() ? 'desktop' : 'mobile');
+
+        //App.run
+        Urso.device.whenReady(() => {
+            Urso.assets.updateQuality();
+            Urso.assets.checkWebPSupport();
+            Urso.getInstance('App').run();
+        });
+    }
+
+    /**
+     * log engine name and its version
+     */
+    sayHello() {
+        console.log(`%c ${String.fromCodePoint(0x1F43B)} Urso ${this.version} `, 'background: #222; color: #bada55');
+    }
+
+    /**
+     * run default scene
+     */
+    run() {
+        Urso.logic.do('run');
+        Urso.scenes.display(Urso.config.defaultScene);
+    }
+
+    /**
+     * add Urso.setTimeout && Urso.clearTimeout functions. It will helps to manage time
+     */
+    _addTimeouts() {
+        Urso.setTimeout = (callback, delay) => {
+            return gsap.delayedCall(delay / 1000, callback);
+        }
+
+        Urso.clearTimeout = (tween) => {
+            tween.kill();
+        }
+    }
+}
+
+export default App;

package/src/js/components/base/controller.js

@@ -1,78 +1,76 @@
-class ComponentsBaseController {
-
-    constructor(options) {
-        this._templateName = 'Template';
-        this._inputValidation(options);
-
-        this.common = {
-            find: null, //find functions inside component object in scene
-            findAll: null,
-            findOne: null,
-            object: null //link to component object in scene
-        };
-
-        this.options = options;
-    }
-
-    /**
-     * function for the component input params validation
-     * must return as a result input structure
-     * @returns {object}
-     * @example 
-     * return {
-     *     param1Name: 'number',
-     *     param2Name: 'string'
-     * }
-     */
-    _requiredOptionsModel() {
-        //
-    }
-
-    _inputValidation(options) {
-        //input options validation
-        let optionsModel = this._requiredOptionsModel();
-
-        if (optionsModel)
-            for (let optionKey in optionsModel) {
-                if (!options || typeof options[optionKey] !== optionsModel[optionKey])
-                    Urso.logger.error('Component params model error', this);
-            }
-    }
-
-    loadUpdate() {
-        //todo
-    }
-
-    assetsMount() {
-        let template = this.getInstance(this._templateName, this.options);
-        return { styles: template.styles, assets: template.assets };
-    }
-
-    objectsMount() {
-        let template = this.getInstance(this._templateName, this.options);
-        return template.objects;
-    }
-
-    create() {
-        //main template was created, we can start access to our objects
-    }
-
-    /**
-     * @param {Number} deltaTime - time from last update call
-     */
-    update(deltaTime) {
-        //TODO
-        //calls every browser cycle
-    }
-
-    _subscribeOnce() {
-        //will contains only this.addListener
-    }
-
-    destroy() {
-        //component will destroy after this function call
-    }
-
-}
-
-module.exports = ComponentsBaseController;
+export default class ComponentsBaseController {
+
+    constructor(options) {
+        this._templateName = 'Template';
+        this._inputValidation(options);
+
+        this.common = {
+            find: null, //find functions inside component object in scene
+            findAll: null,
+            findOne: null,
+            object: null //link to component object in scene
+        };
+
+        this.options = options;
+    }
+
+    /**
+     * function for the component input params validation
+     * must return as a result input structure
+     * @returns {object}
+     * @example 
+     * return {
+     *     param1Name: 'number',
+     *     param2Name: 'string'
+     * }
+     */
+    _requiredOptionsModel() {
+        //
+    }
+
+    _inputValidation(options) {
+        //input options validation
+        let optionsModel = this._requiredOptionsModel();
+
+        if (optionsModel)
+            for (let optionKey in optionsModel) {
+                if (!options || typeof options[optionKey] !== optionsModel[optionKey])
+                    Urso.logger.error('Component params model error', this);
+            }
+    }
+
+    loadUpdate() {
+        //todo
+    }
+
+    assetsMount() {
+        let template = this.getInstance(this._templateName, this.options);
+        return { styles: template.styles, assets: template.assets };
+    }
+
+    objectsMount() {
+        let template = this.getInstance(this._templateName, this.options);
+        return template.objects;
+    }
+
+    create() {
+        //main template was created, we can start access to our objects
+    }
+
+    /**
+     * @param {Number} deltaTime - time from last update call
+     */
+    update(deltaTime) {
+        //TODO
+        //calls every browser cycle
+    }
+
+    _subscribeOnce() {
+        //will contains only this.addListener
+    }
+
+    destroy() {
+        //component will destroy after this function call
+    }
+
+}

package/src/js/components/debug/controller.js

@@ -1,39 +1,39 @@
-const ComponentsBaseController = require('./../base/controller');
-
-class ComponentsDebugController extends ComponentsBaseController {
-    constructor(params) {
-        super(params);
-
-        this._logicBlocks = [
-            'coords', 'fps', 'timescale' /*'renderStats', 'resolution'*/ //TODO
-        ];
-
-        this._visible = true;
-        this._comObject = false;
-        this._created;
-    }
-
-    create() {
-        this._created = true;
-
-        this._comObject = this.common.findOne('^debugContainer');
-        this._show(true);
-
-        Urso.helper.logicBlocksDo(this, 'create');
-        return true;
-    };
-
-    update() {
-        if (!this._created)
-            return;
-
-        Urso.helper.logicBlocksDo(this, 'update');
-    };
-
-    _show(visMode) {
-        this._visible = (typeof visMode !== 'undefined') ? visMode : !this._visible;
-        this._comObject.visible = this._visible;
-    };
-}
-
-module.exports = ComponentsDebugController;
+import ComponentsBaseController from './../base/controller';
+
+class ComponentsDebugController extends ComponentsBaseController {
+    constructor(params) {
+        super(params);
+
+        this._logicBlocks = [
+            'coords', 'fps', 'timescale' /*'renderStats', 'resolution'*/ //TODO
+        ];
+
+        this._visible = true;
+        this._comObject = false;
+        this._created;
+    }
+
+    create() {
+        this._created = true;
+
+        this._comObject = this.common.findOne('^debugContainer');
+        this._show(true);
+
+        Urso.helper.logicBlocksDo(this, 'create');
+        return true;
+    };
+
+    update() {
+        if (!this._created)
+            return;
+
+        Urso.helper.logicBlocksDo(this, 'update');
+    };
+
+    _show(visMode) {
+        this._visible = (typeof visMode !== 'undefined') ? visMode : !this._visible;
+        this._comObject.visible = this._visible;
+    };
+}
+
+export default ComponentsDebugController;

package/src/js/components/debug/coords.js

@@ -1,23 +1,23 @@
-class ComponentsDebugCoords {
-
-    constructor() {
-        this._coordsText;
-
-        this.create = this.create.bind(this);
-        this.update = this.update.bind(this);
-    }
-
-    create() {
-        this._coordsText = this.common.findOne('^debugCoords')
-        this.update();
-        return true;
-    };
-
-    update() {
-        let coords = Urso.scenes.getMouseCoords();
-        this._coordsText.text = 'x:' + Math.floor(coords.x) + '; y:' + Math.floor(coords.y);
-    };
-
-}
-
-module.exports = ComponentsDebugCoords;
+class ComponentsDebugCoords {
+
+    constructor() {
+        this._coordsText;
+
+        this.create = this.create.bind(this);
+        this.update = this.update.bind(this);
+    }
+
+    create() {
+        this._coordsText = this.common.findOne('^debugCoords')
+        this.update();
+        return true;
+    };
+
+    update() {
+        let coords = Urso.scenes.getMouseCoords();
+        this._coordsText.text = 'x:' + Math.floor(coords.x) + '; y:' + Math.floor(coords.y);
+    };
+
+}
+
+export default ComponentsDebugCoords;

package/src/js/components/debug/fps.js

@@ -1,36 +1,36 @@
-class ComponentsDebugFps {
-
-    constructor() {
-        this._coordsText;
-
-        this.create = this.create.bind(this);
-        this.update = this.update.bind(this);
-
-        this.lastUpdateTime = 0;
-        this.frames = 0;
-    }
-
-    create() {
-        this._coordsText = this.common.findOne('^debugFps')
-        this.update();
-        return true;
-    };
-
-    update() {
-        const currentTime = Urso.time.get();
-        this.frames++;
-
-        if (currentTime - this.lastUpdateTime < 1000)
-            return;
-
-        const fps = Math.round(1000 * this.frames / (currentTime - this.lastUpdateTime));
-        this.lastUpdateTime = currentTime;
-        this.frames = 0;
-
-        const fpsData = Urso.scenes.getFpsData();
-        this._coordsText.text = `fps: ${fps}, sceneFps: ${fpsData.fps}, limit: ${fpsData.limit}`;
-    };
-
-}
-
-module.exports = ComponentsDebugFps;
+class ComponentsDebugFps {
+
+    constructor() {
+        this._coordsText;
+
+        this.create = this.create.bind(this);
+        this.update = this.update.bind(this);
+
+        this.lastUpdateTime = 0;
+        this.frames = 0;
+    }
+
+    create() {
+        this._coordsText = this.common.findOne('^debugFps')
+        this.update();
+        return true;
+    };
+
+    update() {
+        const currentTime = Urso.time.get();
+        this.frames++;
+
+        if (currentTime - this.lastUpdateTime < 1000)
+            return;
+
+        const fps = Math.round(1000 * this.frames / (currentTime - this.lastUpdateTime));
+        this.lastUpdateTime = currentTime;
+        this.frames = 0;
+
+        const fpsData = Urso.scenes.getFpsData();
+        this._coordsText.text = `fps: ${fps}, sceneFps: ${fpsData.fps}, limit: ${fpsData.limit}`;
+    };
+
+}
+
+export default ComponentsDebugFps;