oxygen-core

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <base data-ice="baseUrl" href="../../../"> <title data-ice="title">src/components/Script.js | oxygen-core</title> <link type="text/css" rel="stylesheet" href="css/style.css"> <link type="text/css" rel="stylesheet" href="css/prettify-tomorrow.css"> <script src="script/prettify/prettify.js"></script> <script src="script/manual.js"></script> <meta name="description" content="Oxygen game engine (Xenon Core for browsers)"><meta property="twitter:card" content="summary"><meta property="twitter:title" content="oxygen-core"><meta property="twitter:description" content="Oxygen game engine (Xenon Core for browsers)"></head> <body class="layout-container" data-ice="rootContainer"> <header> <a href="./">Home</a> <a href="identifiers.html">Reference</a> <a href="source.html">Source</a> <div class="search-box"> <img src="./image/search.png"> <input class="search-input"> <ul class="search-result"></ul> </div> <a style="position:relative; top:3px;" href="https://github.com/PsichiX/Oxygen"><img width="20px" src="./image/github.png"></a></header> <nav class="navigation" data-ice="nav"><div> <ul> <li data-ice="doc">C<a href="class/src/index.js~EventsController.html">EventsController</a></li> <li data-ice="doc">F<a href="function/index.html#static-function-lazyInitialization">lazyInitialization</a></li> <li data-ice="doc"><a data-ice="dirPath" class="nav-dir-path" href="identifiers.html#asset-loaders">asset-loaders</a>C<a href="class/src/asset-loaders/AssemblyAsset.js~AssemblyAsset.html">AssemblyAsset</a></li> <li data-ice="doc">C<a href="class/src/asset-loaders/AtlasAsset.js~AtlasAsset.html">AtlasAsset</a></li> <li data-ice="doc">C<a href="class/src/asset-loaders/BinaryAsset.js~BinaryAsset.html">BinaryAsset</a></li> <li data-ice="doc">C<a href="class/src/asset-loaders/FontAsset.js~FontAsset.html">FontAsset</a></li> <li data-ice="doc">C<a href="class/src/asset-loaders/ImageAsset.js~ImageAsset.html">ImageAsset</a></li> <li data-ice="doc">C<a href="class/src/asset-loaders/JSONAsset.js~JSONAsset.html">JSONAsset</a></li> <li data-ice="doc">C<a href="class/src/asset-loaders/MusicAsset.js~MusicAsset.html">MusicAsset</a></li> <li data-ice="doc">C<a href="class/src/asset-loaders/PackAsset.js~PackAsset.html">PackAsset</a></li> <li data-ice="doc">C<a href="class/src/asset-loaders/ParticleSystemAsset.js~ParticleSystemAsset.html">ParticleSystemAsset</a></li> <li data-ice="doc">C<a href="class/src/asset-loaders/PostprocessRackEffectAsset.js~PostprocessRackEffectAsset.html">PostprocessRackEffectAsset</a></li> <li data-ice="doc">C<a href="class/src/asset-loaders/SVGAsset.js~SVGAsset.html">SVGAsset</a></li> <li data-ice="doc">C<a href="class/src/asset-loaders/SceneAsset.js~SceneAsset.html">SceneAsset</a></li> <li data-ice="doc">C<a href="class/src/asset-loaders/SetAsset.js~SetAsset.html">SetAsset</a></li> <li data-ice="doc">C<a href="class/src/asset-loaders/ShaderAsset.js~ShaderAsset.html">ShaderAsset</a></li> <li data-ice="doc">C<a href="class/src/asset-loaders/SkeletonAsset.js~SkeletonAsset.html">SkeletonAsset</a></li> <li data-ice="doc">C<a href="class/src/asset-loaders/SoundAsset.js~SoundAsset.html">SoundAsset</a></li> <li data-ice="doc">C<a href="class/src/asset-loaders/TextAsset.js~TextAsset.html">TextAsset</a></li> <li data-ice="doc"><a data-ice="dirPath" class="nav-dir-path" href="identifiers.html#components">components</a>C<a href="class/src/components/AtlasSprite.js~AtlasSprite.html">AtlasSprite</a></li> <li data-ice="doc">C<a href="class/src/components/Camera.js~Camera.html">Camera</a></li> <li data-ice="doc">C<a href="class/src/components/Camera.js~PostprocessPass.html">PostprocessPass</a></li> <li data-ice="doc">C<a href="class/src/components/Camera2D.js~Camera2D.html">Camera2D</a></li> <li data-ice="doc">C<a href="class/src/components/CameraDirector2D.js~CameraDirector2D.html">CameraDirector2D</a></li> <li data-ice="doc">C<a href="class/src/components/CircleShape.js~CircleShape.html">CircleShape</a></li> <li data-ice="doc">C<a href="class/src/components/Container.js~Container.html">Container</a></li> <li data-ice="doc">C<a href="class/src/components/DeferredRenderer.js~DeferredPipeline.html">DeferredPipeline</a></li> <li data-ice="doc">C<a href="class/src/components/DeferredRenderer.js~DeferredRenderer.html">DeferredRenderer</a></li> <li data-ice="doc">C<a href="class/src/components/GestureListener.js~GestureListener.html">GestureListener</a></li> <li data-ice="doc">C<a href="class/src/components/InputHandler.js~InputHandler.html">InputHandler</a></li> <li data-ice="doc">C<a href="class/src/components/MultipassRenderer.js~MultipassPipeline.html">MultipassPipeline</a></li> <li data-ice="doc">C<a href="class/src/components/MultipassRenderer.js~MultipassRenderer.html">MultipassRenderer</a></li> <li data-ice="doc">C<a href="class/src/components/Particles.js~Particles.html">Particles</a></li> <li data-ice="doc">C<a href="class/src/components/PhysicsBody.js~PhysicsBody.html">PhysicsBody</a></li> <li data-ice="doc">C<a href="class/src/components/PhysicsWorld.js~PhysicsWorld.html">PhysicsWorld</a></li> <li data-ice="doc">C<a href="class/src/components/PolygonShape.js~PolygonShape.html">PolygonShape</a></li> <li data-ice="doc">C<a href="class/src/components/PostprocessRack.js~PostprocessRack.html">PostprocessRack</a></li> <li data-ice="doc">C<a href="class/src/components/PostprocessRack.js~PostprocessRackPass.html">PostprocessRackPass</a></li> <li data-ice="doc">C<a href="class/src/components/PostprocessRack.js~PostprocessRackRawEffectPass.html">PostprocessRackRawEffectPass</a></li> <li data-ice="doc">C<a href="class/src/components/PrefabInstance.js~PrefabInstance.html">PrefabInstance</a></li> <li data-ice="doc">C<a href="class/src/components/RectangleRenderer.js~RectangleRenderer.html">RectangleRenderer</a></li> <li data-ice="doc">C<a href="class/src/components/RectangleShape.js~RectangleShape.html">RectangleShape</a></li> <li data-ice="doc">C<a href="class/src/components/Script.js~Script.html">Script</a></li> <li data-ice="doc">C<a href="class/src/components/Shape.js~Shape.html">Shape</a></li> <li data-ice="doc">C<a href="class/src/components/Skeleton.js~Skeleton.html">Skeleton</a></li> <li data-ice="doc">C<a href="class/src/components/SortedActions.js~SortedActions.html">SortedActions</a></li> <li data-ice="doc">C<a href="class/src/components/Sprite.js~Sprite.html">Sprite</a></li> <li data-ice="doc">C<a href="class/src/components/TextRenderer.js~TextRenderer.html">TextRenderer</a></li> <li data-ice="doc">C<a href="class/src/components/UiLayout.js~UiLayout.html">UiLayout</a></li> <li data-ice="doc">C<a href="class/src/components/UiSprite.js~UiSprite.html">UiSprite</a></li> <li data-ice="doc">C<a href="class/src/components/VerticesRenderer.js~VerticesRenderer.html">VerticesRenderer</a></li> <li data-ice="doc"><a data-ice="dirPath" class="nav-dir-path" href="identifiers.html#systems">systems</a>C<a href="class/src/systems/AssemblySystem.js~AssemblySystem.html">AssemblySystem</a></li> <li data-ice="doc">C<a href="class/src/systems/AudioSystem.js~AudioSystem.html">AudioSystem</a></li> <li data-ice="doc">C<a href="class/src/systems/InputSystem.js~InputSystem.html">InputSystem</a></li> <li data-ice="doc">C<a href="class/src/systems/RenderSystem.js~Command.html">Command</a></li> <li data-ice="doc">C<a href="class/src/systems/RenderSystem.js~Pipeline.html">Pipeline</a></li> <li data-ice="doc">C<a href="class/src/systems/RenderSystem.js~RenderFullscreenCommand.html">RenderFullscreenCommand</a></li> <li data-ice="doc">C<a href="class/src/systems/RenderSystem.js~RenderSystem.html">RenderSystem</a></li> <li data-ice="doc">C<a href="class/src/systems/RenderSystem.js~RenderTargetWrapper.html">RenderTargetWrapper</a></li> <li data-ice="doc">C<a href="class/src/systems/StorageSystem.js~StorageSystem.html">StorageSystem</a></li> <li data-ice="doc">C<a href="class/src/systems/System.js~System.html">System</a></li> <li data-ice="doc"><a data-ice="dirPath" class="nav-dir-path" href="identifiers.html#systems-assetsystem">systems/AssetSystem</a>C<a href="class/src/systems/AssetSystem/Asset.js~Asset.html">Asset</a></li> <li data-ice="doc">C<a href="class/src/systems/AssetSystem/index.js~AssetSystem.html">AssetSystem</a></li> <li data-ice="doc"><a data-ice="dirPath" class="nav-dir-path" href="identifiers.html#systems-entitysystem">systems/EntitySystem</a>C<a href="class/src/systems/EntitySystem/Component.js~Component.html">Component</a></li> <li data-ice="doc">C<a href="class/src/systems/EntitySystem/Entity.js~Entity.html">Entity</a></li> <li data-ice="doc">C<a href="class/src/systems/EntitySystem/index.js~EntitySystem.html">EntitySystem</a></li> <li data-ice="doc"><a data-ice="dirPath" class="nav-dir-path" href="identifiers.html#utils">utils</a>C<a href="class/src/utils/Events.js~Events.html">Events</a></li> <li data-ice="doc">F<a href="function/index.html#static-function-angleDifference">angleDifference</a></li> <li data-ice="doc">F<a href="function/index.html#static-function-bezierCubic">bezierCubic</a></li> <li data-ice="doc">F<a href="function/index.html#static-function-convertGlobalPointToLocalPoint">convertGlobalPointToLocalPoint</a></li> <li data-ice="doc">F<a href="function/index.html#static-function-convertLocalPointToGlobalPoint">convertLocalPointToGlobalPoint</a></li> <li data-ice="doc">F<a href="function/index.html#static-function-findMapKeyOfValue">findMapKeyOfValue</a></li> <li data-ice="doc">F<a href="function/index.html#static-function-getMipmapScale">getMipmapScale</a></li> <li data-ice="doc">F<a href="function/index.html#static-function-getPOT">getPOT</a></li> <li data-ice="doc">F<a href="function/index.html#static-function-isGlobalPointInGlobalBoundingBox">isGlobalPointInGlobalBoundingBox</a></li> <li data-ice="doc">F<a href="function/index.html#static-function-isLocalPointInLocalBoundingBox">isLocalPointInLocalBoundingBox</a></li> <li data-ice="doc">F<a href="function/index.html#static-function-isPOT">isPOT</a></li> <li data-ice="doc">F<a href="function/index.html#static-function-propsEnumStringify">propsEnumStringify</a></li> <li data-ice="doc">F<a href="function/index.html#static-function-stringToRGBA">stringToRGBA</a></li> <li data-ice="doc">F<a href="function/index.html#static-function-waitForSeconds">waitForSeconds</a></li> <li data-ice="doc">V<a href="variable/index.html#static-variable-Box2D">Box2D</a></li> </ul> </div> </nav> <div class="content" data-ice="content"><h1 data-ice="title">src/components/Script.js</h1> <pre class="source-code line-number raw-source-code"><code class="prettyprint linenums" data-ice="content">import Component from '../systems/EntitySystem/Component'; import System from '../systems/System'; import { propsEnumStringify } from '../utils'; const EventFlags = { NONE: 0, MOUSE_DOWN: 1 << 0, MOUSE_UP: 1 << 1, MOUSE_MOVE: 1 << 2, KEY_DOWN: 1 << 3, KEY_UP: 1 << 4, GAMEPAD_CONNECTED: 1 << 5, GAMEPAD_DISCONNECTED: 1 << 6, GAMEPAD_PROCESS: 1 << 7, CONTACT_BEGIN: 1 << 8, CONTACT_END: 1 << 9, TOUCH_DOWN: 1 << 10, TOUCH_UP: 1 << 11, TOUCH_MOVE: 1 << 12, }; EventFlags.MOUSE = EventFlags.MOUSE_DOWN | EventFlags.MOUSE_UP | EventFlags.MOUSE_MOVE; EventFlags.KEY = EventFlags.KEY_DOWN | EventFlags.KEY_UP; EventFlags.GAMEPAD = EventFlags.GAMEPAD_CONNECTED | EventFlags.GAMEPAD_DISCONNECTED | EventFlags.GAMEPAD_PROCESS; EventFlags.INPUT = EventFlags.MOUSE | EventFlags.KEY | EventFlags.GAMEPAD; EventFlags.CONTACT = EventFlags.CONTACT_BEGIN | EventFlags.CONTACT_END; EventFlags.TOUCH = EventFlags.TOUCH_DOWN | EventFlags.TOUCH_UP | EventFlags.TOUCH_MOVE; EventFlags.ALL = EventFlags.INPUT | EventFlags.CONTACT | EventFlags.TOUCH; export default class Script extends Component { static factory() { return new Script(); } static get propsTypes() { return { listenTo: `flags(${propsEnumStringify(EventFlags)})` }; } static get EventFlags() { return EventFlags; } get listenTo() { return this._listenTo; } set listenTo(value) { if (typeof value !== 'number') { throw new Error('`value` is not type of Number!'); } const input = System.get('InputSystem'); if (!input) { throw new Error('There is no registered InputSystem!'); } const last = this._listenTo; const listenTo = this._listenTo = value | 0; const change = last ^ listenTo; if (change & EventFlags.MOUSE_DOWN) { if (listenTo & EventFlags.MOUSE_DOWN) { input.events.on('mouse-down', this._onMouseDown); } else { input.events.off('mouse-down', this._onMouseDown); } } if (change & EventFlags.MOUSE_UP) { if (listenTo & EventFlags.MOUSE_UP) { input.events.on('mouse-up', this._onMouseUp); } else { input.events.off('mouse-up', this._onMouseUp); } } if (change & EventFlags.MOUSE_MOVE) { if (listenTo & EventFlags.MOUSE_MOVE) { input.events.on('mouse-move', this._onMouseMove); } else { input.events.off('mouse-move', this._onMouseMove); } } if (change & EventFlags.KEY_DOWN) { if (listenTo & EventFlags.KEY_DOWN) { input.events.on('key-down', this._onKeyDown); } else { input.events.off('key-down', this._onKeyDown); } } if (change & EventFlags.KEY_UP) { if (listenTo & EventFlags.KEY_UP) { input.events.on('key-up', this._onKeyUp); } else { input.events.off('key-up', this._onKeyUp); } } if (change & EventFlags.GAMEPAD_CONNECTED) { if (listenTo & EventFlags.GAMEPAD_CONNECTED) { input.events.on('gamepad-connected', this._onGamepadConnected); } else { input.events.off('gamepad-connected', this._onGamepadConnected); } } if (change & EventFlags.GAMEPAD_DISCONNECTED) { if (listenTo & EventFlags.GAMEPAD_DISCONNECTED) { input.events.on('gamepad-disconnected', this._onGamepadDisconnected); } else { input.events.off('gamepad-disconnected', this._onGamepadDisconnected); } } if (change & EventFlags.GAMEPAD_PROCESS) { if (listenTo & EventFlags.GAMEPAD_PROCESS) { input.events.on('gamepad-process', this._onGamepadProcess); } else { input.events.off('gamepad-process', this._onGamepadProcess); } } if (change & EventFlags.CONTACT_BEGIN) { if (listenTo & EventFlags.CONTACT_BEGIN) { input.events.on('contact-begin', this._onContactBegin); } else { input.events.off('contact-begin', this._onContactBegin); } } if (change & EventFlags.CONTACT_END) { if (listenTo & EventFlags.CONTACT_END) { input.events.on('contact-end', this._onContactEnd); } else { input.events.off('contact-end', this._onContactEnd); } } if (change & EventFlags.TOUCH_DOWN) { if (listenTo & EventFlags.TOUCH_DOWN) { input.events.on('touch-down', this._onTouchDown); } else { input.events.off('touch-down', this._onTouchDown); } } if (change & EventFlags.TOUCH_UP) { if (listenTo & EventFlags.TOUCH_UP) { input.events.on('touch-up', this._onTouchUp); } else { input.events.off('touch-up', this._onTouchUp); } } if (change & EventFlags.TOUCH_MOVE) { if (listenTo & EventFlags.TOUCH_MOVE) { input.events.on('touch-move', this._onTouchMove); } else { input.events.off('touch-move', this._onTouchMove); } } } constructor() { super(); this._listenTo = EventFlags.NONE; this._onMouseDown = this.onMouseDown.bind(this); this._onMouseUp = this.onMouseUp.bind(this); this._onMouseMove = this.onMouseMove.bind(this); this._onKeyDown = this.onKeyDown.bind(this); this._onKeyUp = this.onKeyUp.bind(this); this._onGamepadConnected = this.onGamepadConnected.bind(this); this._onGamepadDisconnected = this.onGamepadDisconnected.bind(this); this._onGamepadProcess = this.onGamepadProcess.bind(this); this._onContactBegin = this.onContactBegin.bind(this); this._onContactEnd = this.onContactEnd.bind(this); this._onTouchDown = this.onTouchDown.bind(this); this._onTouchUp = this.onTouchUp.bind(this); this._onTouchMove = this.onTouchMove.bind(this); } dispose() { this.listenTo = EventFlags.NONE; super.dispose(); } onAttach() { if ((this._listenTo | 0) & EventFlags.GAMEPAD_CONNECTED === 0) { return; } const input = System.get('InputSystem'); if (!input) { throw new Error('There is no registered InputSystem!'); } for (const gamepad of input.gamepads.values()) { this.onGamepadConnected(gamepad); } } onDetach() { if ((this._listenTo | 0) & EventFlags.GAMEPAD_DISCONNECTED === 0) { return; } const input = System.get('InputSystem'); if (!input) { throw new Error('There is no registered InputSystem!'); } for (const gamepad of input.gamepads.values()) { this.onGamepadDisconnected(gamepad); } } onAction(name, ...args) { if (name === 'update') { return this.onUpdate(...args); } else if (name === 'render') { return this.onRender(...args); } else if (name === 'render-layer') { return this.onRenderLayer(...args); } else if (name === 'preview') { return this.onPreview(...args); } else if (name === 'begin-contact') { if (this._listenTo & EventFlags.CONTACT_BEGIN) { return this.onContactBegin(...args); } } else if (name === 'end-contact') { if (this._listenTo & EventFlags.CONTACT_END) { return this.onContactEnd(...args); } } } onPropertySetup(name, value) { if (name === 'listenTo') { if (!(value instanceof Array)) { throw new Error('`value` is not type of Array!'); } let flags = EventFlags.NONE; for (let i = 0, c = value.length; i < c; ++i) { const flag = value[i]; if (flag === 'mouse-down') { flags |= EventFlags.MOUSE_DOWN; } else if (flag === 'mouse-up') { flags |= EventFlags.MOUSE_UP; } else if (flag === 'mouse-move') { flags |= EventFlags.MOUSE_MOVE; } else if (flag === 'mouse') { flags |= EventFlags.MOUSE; } else if (flag === 'key-down') { flags |= EventFlags.KEY_DOWN; } else if (flag === 'key-up') { flags |= EventFlags.KEY_UP; } else if (flag === 'key') { flags |= EventFlags.KEY; } else if (flag === 'gamepad-connected') { flags |= EventFlags.GAMEPAD_CONNECTED; } else if (flag === 'gamepad-disconnected') { flags |= EventFlags.GAMEPAD_DISCONNECTED; } else if (flag === 'gamepad-process') { flags |= EventFlags.GAMEPAD_PROCESS; } else if (flag === 'gamepad') { flags |= EventFlags.GAMEPAD; } else if (flag === 'input') { flags |= EventFlags.INPUT; } else if (flag === 'contact-begin') { flags |= EventFlags.CONTACT_BEGIN; } else if (flag === 'contact-end') { flags |= EventFlags.CONTACT_END; } else if (flag === 'contact') { flags |= EventFlags.CONTACT; } else if (flag === 'touch-down') { flags |= EventFlags.TOUCH_DOWN; } else if (flag === 'touch-up') { flags |= EventFlags.TOUCH_UP; } else if (flag === 'touch-move') { flags |= EventFlags.TOUCH_MOVE; } else if (flag === 'touch') { flags |= EventFlags.TOUCH; } else if (flag === 'all') { flags |= EventFlags.ALL; } } this.listenTo = flags; } else { super.onPropertySetup(name, value); } } onPropertySerialize(name, value) { if (name === 'listenTo') { if ((value & EventFlags.ALL) === EventFlags.ALL) { return [ 'all' ]; } const result = []; if ((value & EventFlags.MOUSE_DOWN) !== 0) { result.push('mouse-down'); } if ((value & EventFlags.MOUSE_UP) !== 0) { result.push('mouse-up'); } if ((value & EventFlags.MOUSE_MOVE) !== 0) { result.push('mouse-move'); } if ((value & EventFlags.KEY_DOWN) !== 0) { result.push('key-down'); } if ((value & EventFlags.KEY_UP) !== 0) { result.push('key-up'); } if ((value & EventFlags.GAMEPAD_CONNECTED) !== 0) { result.push('gamepad-connected'); } if ((value & EventFlags.GAMEPAD_DISCONNECTED) !== 0) { result.push('gamepad-disconnected'); } if ((value & EventFlags.GAMEPAD_PROCESS) !== 0) { result.push('gamepad-process'); } if ((value & EventFlags.CONTACT_BEGIN) !== 0) { result.push('contact-begin'); } if ((value & EventFlags.CONTACT_END) !== 0) { result.push('contact-end'); } if ((value & EventFlags.TOUCH_DOWN) !== 0) { result.push('touch-down'); } if ((value & EventFlags.TOUCH_UP) !== 0) { result.push('touch-up'); } if ((value & EventFlags.TOUCH_MOVE) !== 0) { result.push('touch-move'); } return result; } else { return super.onPropertySerialize(name, value); } } onUpdate(deltaTime) {} onRender(gl, renderer, deltaTime, layer) {} onRenderLayer(gl, renderer, deltaTime, layer) { this.onRender(gl, renderer, deltaTime, layer); } onPreview(gl, renderer, deltaTime) { this.onRender(gl, renderer, deltaTime, null); } onMouseDown(unitVec, screenVec, button) {} onMouseUp(unitVec, screenVec, button) {} onMouseMove(unitVec, screenVec) {} onKeyDown(code) {} onKeyUp(code) {} onGamepadConnected(gamepad) {} onGamepadDisconnected(gamepad) {} onGamepadProcess(gamepad) {} onContactBegin(body, contact) {} onContactEnd(body, contact) {} onTouchDown(unitVec, screenVec, identifier) {} onTouchUp(unitVec, screenVec, identifier) {} onTouchMove(unitVec, screenVec, identifier) {} } </code></pre> </div> <footer class="footer"> Generated by <a href="https://esdoc.org">ESDoc(1.1.0)<img src="./image/esdoc-logo-mini-black.png"></a> </footer> <script src="script/search_index.js"></script> <script src="script/search.js"></script> <script src="script/pretty-print.js"></script> <script src="script/inherited-summary.js"></script> <script src="script/test-summary.js"></script> <script src="script/inner-link.js"></script> <script src="script/patch-for-local.js"></script> </body> </html>