kiwiengine 0.0.1-alpha → 0.5.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.ko.md +550 -0
- package/README.md +575 -4
- package/examples/collision-test/assets/cat.png +0 -0
- package/examples/collision-test/dist/game.js +2 -0
- package/examples/collision-test/dist/game.js.LICENSE.txt +35 -0
- package/examples/collision-test/index.ts +30 -0
- package/examples/dom-particle-test/assets/bird.png +0 -0
- package/examples/dom-particle-test/dist/game.js +2 -0
- package/examples/dom-particle-test/dist/game.js.LICENSE.txt +35 -0
- package/examples/dom-particle-test/index.html +24 -0
- package/examples/dom-particle-test/index.ts +27 -0
- package/examples/dom-sprite-test/assets/bird.png +0 -0
- package/examples/dom-sprite-test/assets/fire.png +0 -0
- package/examples/dom-sprite-test/assets/run.png +0 -0
- package/examples/dom-sprite-test/dist/game.js +2 -0
- package/examples/dom-sprite-test/dist/game.js.LICENSE.txt +35 -0
- package/examples/dom-sprite-test/index.html +24 -0
- package/examples/dom-sprite-test/index.ts +38 -0
- package/examples/dom-test/dist/game.js +2 -0
- package/examples/dom-test/dist/game.js.LICENSE.txt +35 -0
- package/examples/dom-test/index.html +24 -0
- package/examples/dom-test/index.ts +22 -0
- package/examples/flappy-cat/assets/bgm/bgm.ogg +0 -0
- package/examples/flappy-cat/assets/images/base.png +0 -0
- package/examples/flappy-cat/assets/images/bg.png +0 -0
- package/examples/flappy-cat/assets/images/cat.png +0 -0
- package/examples/flappy-cat/assets/images/pipe-green.png +0 -0
- package/examples/flappy-cat/assets/images/pipe-red.png +0 -0
- package/examples/flappy-cat/assets/sfx/die.wav +0 -0
- package/examples/flappy-cat/assets/sfx/hit.wav +0 -0
- package/examples/flappy-cat/assets/sfx/point.wav +0 -0
- package/examples/flappy-cat/assets/sfx/wing.wav +0 -0
- package/examples/flappy-cat/dist/game.js +0 -0
- package/examples/flappy-cat/index.html +24 -0
- package/examples/flappy-cat/index.ts +0 -0
- package/examples/particle-test/assets/bird.png +0 -0
- package/examples/particle-test/dist/game.js +2 -0
- package/examples/particle-test/dist/game.js.LICENSE.txt +35 -0
- package/examples/particle-test/index.html +24 -0
- package/examples/particle-test/index.ts +30 -0
- package/examples/renderer-test/dist/game.js +2 -0
- package/examples/renderer-test/dist/game.js.LICENSE.txt +35 -0
- package/examples/renderer-test/index.html +24 -0
- package/examples/renderer-test/index.ts +9 -0
- package/examples/simple-battle/assets/bgm/battle.mp3 +0 -0
- package/examples/simple-battle/assets/bitmap-fonts/white-peaberry.fnt +107 -0
- package/examples/simple-battle/assets/bitmap-fonts/white-peaberry.png +0 -0
- package/examples/simple-battle/assets/joystick/joystick.png +0 -0
- package/examples/simple-battle/assets/joystick/knob.png +0 -0
- package/examples/simple-battle/assets/sfx/hero/die/die.wav +0 -0
- package/examples/simple-battle/assets/sfx/hero/heal/heal.wav +0 -0
- package/examples/simple-battle/assets/sfx/hero/hit/hit1.wav +0 -0
- package/examples/simple-battle/assets/sfx/hero/hit/hit2.wav +0 -0
- package/examples/simple-battle/assets/sfx/hero/hit/hit3.wav +0 -0
- package/examples/simple-battle/assets/sfx/hero/miss/miss1.wav +0 -0
- package/examples/simple-battle/assets/sfx/hero/miss/miss2.wav +0 -0
- package/examples/simple-battle/assets/sfx/hero/miss/miss3.wav +0 -0
- package/examples/simple-battle/assets/sfx/orc/die/die.wav +0 -0
- package/examples/simple-battle/assets/sfx/orc/hit/hit1.wav +0 -0
- package/examples/simple-battle/assets/sfx/orc/hit/hit2.wav +0 -0
- package/examples/simple-battle/assets/sfx/orc/hit/hit3.wav +0 -0
- package/examples/simple-battle/assets/sfx/orc/miss/miss1.wav +0 -0
- package/examples/simple-battle/assets/sfx/orc/miss/miss2.wav +0 -0
- package/examples/simple-battle/assets/sfx/orc/miss/miss3.wav +0 -0
- package/examples/simple-battle/assets/spritesheets/hero-atlas.json +289 -0
- package/examples/simple-battle/assets/spritesheets/hero.png +0 -0
- package/examples/simple-battle/assets/spritesheets/orc-atlas.json +289 -0
- package/examples/simple-battle/assets/spritesheets/orc.png +0 -0
- package/examples/simple-battle/assets/spritesheets/potion-atlas.json +83 -0
- package/examples/simple-battle/assets/spritesheets/potion.png +0 -0
- package/examples/simple-battle/dist/game.js +2 -0
- package/examples/simple-battle/dist/game.js.LICENSE.txt +35 -0
- package/examples/simple-battle/hud/damage-text.ts +45 -0
- package/examples/simple-battle/hud/heal-text.ts +45 -0
- package/examples/simple-battle/hud/hp-bar.ts +38 -0
- package/examples/simple-battle/index.html +24 -0
- package/examples/simple-battle/index.ts +41 -0
- package/examples/simple-battle/objects/character.ts +95 -0
- package/examples/simple-battle/objects/hero.ts +113 -0
- package/examples/simple-battle/objects/orc.ts +109 -0
- package/examples/simple-battle/objects/potion.ts +29 -0
- package/examples/simple-battle/stage.ts +176 -0
- package/examples/spine-test/assets/spine/spineboy.atlas +95 -0
- package/examples/spine-test/assets/spine/spineboy.png +0 -0
- package/examples/spine-test/assets/spine/spineboy.skel +0 -0
- package/examples/spine-test/dist/game.js +2 -0
- package/examples/spine-test/dist/game.js.LICENSE.txt +35 -0
- package/examples/spine-test/index.html +24 -0
- package/examples/spine-test/index.ts +29 -0
- package/examples/sprite-test/assets/bird.png +0 -0
- package/examples/sprite-test/assets/fire.png +0 -0
- package/examples/sprite-test/dist/game.js +2 -0
- package/examples/sprite-test/dist/game.js.LICENSE.txt +35 -0
- package/examples/sprite-test/index.html +24 -0
- package/examples/sprite-test/index.ts +41 -0
- package/examples/tsconfig.json +2 -1
- package/examples/webpack.config.js +14 -3
- package/jest.config.ts +10 -0
- package/lib/asset/audio.js +47 -11
- package/lib/asset/audio.js.map +1 -1
- package/lib/asset/loaders/audio.js +3 -3
- package/lib/asset/loaders/audio.js.map +1 -1
- package/lib/asset/loaders/binary.js +3 -3
- package/lib/asset/loaders/binary.js.map +1 -1
- package/lib/asset/loaders/bitmap-font.js +71 -0
- package/lib/asset/loaders/bitmap-font.js.map +1 -0
- package/lib/asset/loaders/font.js +1 -1
- package/lib/asset/loaders/font.js.map +1 -1
- package/lib/asset/loaders/loader.js +17 -12
- package/lib/asset/loaders/loader.js.map +1 -1
- package/lib/asset/loaders/spritesheet.js +6 -7
- package/lib/asset/loaders/spritesheet.js.map +1 -1
- package/lib/asset/loaders/text.js +3 -3
- package/lib/asset/loaders/text.js.map +1 -1
- package/lib/asset/loaders/texture.js +5 -4
- package/lib/asset/loaders/texture.js.map +1 -1
- package/lib/asset/preload.js +60 -56
- package/lib/asset/preload.js.map +1 -1
- package/lib/collision/check-collision.js +804 -0
- package/lib/collision/check-collision.js.map +1 -0
- package/lib/collision/check-collision.test.js +300 -0
- package/lib/collision/check-collision.test.js.map +1 -0
- package/lib/collision/colliders.js +8 -0
- package/lib/collision/colliders.js.map +1 -0
- package/lib/debug.js.map +1 -0
- package/lib/dom/dom-animated-sprite.js +121 -0
- package/lib/dom/dom-animated-sprite.js.map +1 -0
- package/lib/dom/dom-game-object.js +106 -0
- package/lib/dom/dom-game-object.js.map +1 -0
- package/lib/dom/dom-particle.js +105 -0
- package/lib/dom/dom-particle.js.map +1 -0
- package/lib/dom/dom-preload.js +43 -0
- package/lib/dom/dom-preload.js.map +1 -0
- package/lib/dom/dom-sprite.js +40 -0
- package/lib/dom/dom-sprite.js.map +1 -0
- package/lib/dom/dom-texture-loader.js +36 -0
- package/lib/dom/dom-texture-loader.js.map +1 -0
- package/lib/dom/dom-utils.js +20 -0
- package/lib/dom/dom-utils.js.map +1 -0
- package/lib/index copy.js +16 -0
- package/lib/index copy.js.map +1 -0
- package/lib/index.js +35 -10
- package/lib/index.js.map +1 -1
- package/lib/input/joystick.js +262 -0
- package/lib/input/joystick.js.map +1 -0
- package/lib/node/core/dirty-number.js +38 -0
- package/lib/node/core/dirty-number.js.map +1 -0
- package/lib/node/core/game-node.js +63 -0
- package/lib/node/core/game-node.js.map +1 -0
- package/lib/node/core/game-object.js +8 -0
- package/lib/node/core/game-object.js.map +1 -0
- package/lib/node/core/renderable.js +52 -0
- package/lib/node/core/renderable.js.map +1 -0
- package/lib/node/core/transform.js +59 -0
- package/lib/node/core/transform.js.map +1 -0
- package/lib/node/core/transformable.js +85 -0
- package/lib/node/core/transformable.js.map +1 -0
- package/lib/node/ext/animated-sprite.js +96 -0
- package/lib/node/ext/animated-sprite.js.map +1 -0
- package/lib/node/ext/bitmap-text.js +89 -0
- package/lib/node/ext/bitmap-text.js.map +1 -0
- package/lib/node/ext/circle.js +28 -0
- package/lib/node/ext/circle.js.map +1 -0
- package/lib/node/ext/deplay.js +20 -0
- package/lib/node/ext/deplay.js.map +1 -0
- package/lib/node/ext/dom-container.js +51 -0
- package/lib/node/ext/dom-container.js.map +1 -0
- package/lib/node/ext/interval.js +20 -0
- package/lib/node/ext/interval.js.map +1 -0
- package/lib/node/ext/particle.js +98 -0
- package/lib/node/ext/particle.js.map +1 -0
- package/lib/node/ext/rectangle.js +32 -0
- package/lib/node/ext/rectangle.js.map +1 -0
- package/lib/node/ext/spine.js +272 -0
- package/lib/node/ext/spine.js.map +1 -0
- package/lib/node/ext/sprite.js +42 -0
- package/lib/node/ext/sprite.js.map +1 -0
- package/lib/node/physics/physics-object.js +112 -0
- package/lib/node/physics/physics-object.js.map +1 -0
- package/lib/node/physics/physics-world.js +27 -0
- package/lib/node/physics/physics-world.js.map +1 -0
- package/lib/renderer/camera.js +19 -0
- package/lib/renderer/camera.js.map +1 -0
- package/lib/renderer/container-manager.js +29 -0
- package/lib/renderer/container-manager.js.map +1 -0
- package/lib/renderer/fps-display.js +18 -0
- package/lib/renderer/fps-display.js.map +1 -0
- package/lib/renderer/layer.js +12 -0
- package/lib/renderer/layer.js.map +1 -0
- package/lib/renderer/renderer.js +145 -0
- package/lib/renderer/renderer.js.map +1 -0
- package/lib/renderer/ticker.js +56 -0
- package/lib/renderer/ticker.js.map +1 -0
- package/lib/renderer/ticker.test.js +241 -0
- package/lib/renderer/ticker.test.js.map +1 -0
- package/lib/types/asset/audio.d.ts +5 -4
- package/lib/types/asset/audio.d.ts.map +1 -1
- package/lib/types/asset/loaders/audio.d.ts +1 -1
- package/lib/types/asset/loaders/audio.d.ts.map +1 -1
- package/lib/types/asset/loaders/binary.d.ts +1 -1
- package/lib/types/asset/loaders/binary.d.ts.map +1 -1
- package/lib/types/asset/loaders/bitmap-font.d.ts +16 -0
- package/lib/types/asset/loaders/bitmap-font.d.ts.map +1 -0
- package/lib/types/asset/loaders/font.d.ts +1 -1
- package/lib/types/asset/loaders/font.d.ts.map +1 -1
- package/lib/types/asset/loaders/loader.d.ts +6 -6
- package/lib/types/asset/loaders/loader.d.ts.map +1 -1
- package/lib/types/asset/loaders/spritesheet.d.ts +5 -5
- package/lib/types/asset/loaders/spritesheet.d.ts.map +1 -1
- package/lib/types/asset/loaders/text.d.ts +1 -1
- package/lib/types/asset/loaders/text.d.ts.map +1 -1
- package/lib/types/asset/loaders/texture.d.ts +2 -2
- package/lib/types/asset/loaders/texture.d.ts.map +1 -1
- package/lib/types/asset/preload.d.ts +5 -3
- package/lib/types/asset/preload.d.ts.map +1 -1
- package/lib/types/bitmap-font.js +2 -0
- package/lib/types/bitmap-font.js.map +1 -0
- package/lib/types/collision/check-collision.d.ts +4 -0
- package/lib/types/collision/check-collision.d.ts.map +1 -0
- package/lib/types/collision/check-collision.test.d.ts +2 -0
- package/lib/types/collision/check-collision.test.d.ts.map +1 -0
- package/lib/types/collision/colliders.d.ts +34 -0
- package/lib/types/collision/colliders.d.ts.map +1 -0
- package/lib/types/debug.d.ts.map +1 -0
- package/lib/types/dom/dom-animated-sprite.d.ts +29 -0
- package/lib/types/dom/dom-animated-sprite.d.ts.map +1 -0
- package/lib/types/dom/dom-game-object.d.ts +44 -0
- package/lib/types/dom/dom-game-object.d.ts.map +1 -0
- package/lib/types/dom/dom-particle.d.ts +30 -0
- package/lib/types/dom/dom-particle.d.ts.map +1 -0
- package/lib/types/dom/dom-preload.d.ts +2 -0
- package/lib/types/dom/dom-preload.d.ts.map +1 -0
- package/lib/types/dom/dom-sprite.d.ts +13 -0
- package/lib/types/dom/dom-sprite.d.ts.map +1 -0
- package/lib/types/dom/dom-texture-loader.d.ts +8 -0
- package/lib/types/dom/dom-texture-loader.d.ts.map +1 -0
- package/lib/types/dom/dom-utils.d.ts +3 -0
- package/lib/types/dom/dom-utils.d.ts.map +1 -0
- package/lib/types/index copy.d.ts +16 -0
- package/lib/types/index copy.d.ts.map +1 -0
- package/lib/types/index.d.ts +25 -11
- package/lib/types/index.d.ts.map +1 -1
- package/lib/types/input/joystick.d.ts +28 -0
- package/lib/types/input/joystick.d.ts.map +1 -0
- package/lib/types/node/core/dirty-number.d.ts +17 -0
- package/lib/types/node/core/dirty-number.d.ts.map +1 -0
- package/lib/types/node/core/game-node.d.ts +16 -0
- package/lib/types/node/core/game-node.d.ts.map +1 -0
- package/lib/types/node/core/game-object.d.ts +8 -0
- package/lib/types/node/core/game-object.d.ts.map +1 -0
- package/lib/types/node/core/renderable.d.ts +22 -0
- package/lib/types/node/core/renderable.d.ts.map +1 -0
- package/lib/types/node/core/transform.d.ts +25 -0
- package/lib/types/node/core/transform.d.ts.map +1 -0
- package/lib/types/node/core/transformable.d.ts +44 -0
- package/lib/types/node/core/transformable.d.ts.map +1 -0
- package/lib/types/node/ext/animated-sprite.d.ts +28 -0
- package/lib/types/node/ext/animated-sprite.d.ts.map +1 -0
- package/lib/types/node/ext/bitmap-text.d.ts +14 -0
- package/lib/types/node/ext/bitmap-text.d.ts.map +1 -0
- package/lib/types/node/ext/circle.d.ts +19 -0
- package/lib/types/node/ext/circle.d.ts.map +1 -0
- package/lib/types/node/ext/deplay.d.ts +8 -0
- package/lib/types/node/ext/deplay.d.ts.map +1 -0
- package/lib/types/node/ext/dom-container.d.ts +12 -0
- package/lib/types/node/ext/dom-container.d.ts.map +1 -0
- package/lib/types/node/ext/interval.d.ts +9 -0
- package/lib/types/node/ext/interval.d.ts.map +1 -0
- package/lib/types/node/ext/particle.d.ts +30 -0
- package/lib/types/node/ext/particle.d.ts.map +1 -0
- package/lib/types/node/ext/rectangle.d.ts +22 -0
- package/lib/types/node/ext/rectangle.d.ts.map +1 -0
- package/lib/types/node/ext/spine.d.ts +36 -0
- package/lib/types/node/ext/spine.d.ts.map +1 -0
- package/lib/types/node/ext/sprite.d.ts +13 -0
- package/lib/types/node/ext/sprite.d.ts.map +1 -0
- package/lib/types/node/physics/physics-object.d.ts +38 -0
- package/lib/types/node/physics/physics-object.d.ts.map +1 -0
- package/lib/types/node/physics/physics-world.d.ts +18 -0
- package/lib/types/node/physics/physics-world.d.ts.map +1 -0
- package/lib/types/renderer/camera.d.ts +13 -0
- package/lib/types/renderer/camera.d.ts.map +1 -0
- package/lib/types/renderer/container-manager.d.ts +9 -0
- package/lib/types/renderer/container-manager.d.ts.map +1 -0
- package/lib/types/renderer/fps-display.d.ts +7 -0
- package/lib/types/renderer/fps-display.d.ts.map +1 -0
- package/lib/types/renderer/layer.d.ts +7 -0
- package/lib/types/renderer/layer.d.ts.map +1 -0
- package/lib/types/renderer/renderer.d.ts +40 -0
- package/lib/types/renderer/renderer.d.ts.map +1 -0
- package/lib/types/renderer/ticker.d.ts +6 -0
- package/lib/types/renderer/ticker.d.ts.map +1 -0
- package/lib/types/renderer/ticker.test.d.ts +40 -0
- package/lib/types/renderer/ticker.test.d.ts.map +1 -0
- package/lib/types/types/bitmap-font.d.ts +18 -0
- package/lib/types/types/bitmap-font.d.ts.map +1 -0
- package/lib/types/utils/device.d.ts +2 -0
- package/lib/types/utils/device.d.ts.map +1 -0
- package/lib/utils/device.js +2 -0
- package/lib/utils/device.js.map +1 -0
- package/package.json +8 -7
- package/src/asset/audio.ts +134 -90
- package/src/asset/loaders/audio.ts +19 -19
- package/src/asset/loaders/binary.ts +16 -16
- package/src/asset/loaders/bitmap-font.ts +85 -0
- package/src/asset/loaders/font.ts +14 -14
- package/src/asset/loaders/loader.ts +27 -23
- package/src/asset/loaders/spritesheet.ts +34 -36
- package/src/asset/loaders/text.ts +15 -15
- package/src/asset/loaders/texture.ts +29 -28
- package/src/asset/preload.ts +75 -64
- package/src/collision/check-collision.test.ts +349 -0
- package/src/collision/check-collision.ts +821 -0
- package/src/collision/colliders.ts +19 -0
- package/src/debug.ts +5 -0
- package/src/dom/dom-animated-sprite.ts +153 -0
- package/src/dom/dom-game-object.ts +131 -0
- package/src/dom/dom-particle.ts +151 -0
- package/src/dom/dom-preload.ts +54 -0
- package/src/dom/dom-sprite.ts +50 -0
- package/src/dom/dom-texture-loader.ts +44 -0
- package/src/dom/dom-utils.ts +19 -0
- package/src/index.ts +46 -13
- package/src/input/joystick.ts +316 -0
- package/src/node/core/dirty-number.ts +45 -0
- package/src/node/core/game-node.ts +74 -0
- package/src/node/core/game-object.ts +11 -0
- package/src/node/core/renderable.ts +65 -0
- package/src/node/core/transform.ts +70 -0
- package/src/node/core/transformable.ts +111 -0
- package/src/node/ext/animated-sprite.ts +123 -0
- package/src/node/ext/bitmap-text.ts +109 -0
- package/src/node/ext/circle.ts +40 -0
- package/src/node/ext/deplay.ts +24 -0
- package/src/node/ext/dom-container.ts +62 -0
- package/src/node/ext/interval.ts +24 -0
- package/src/node/ext/particle.ts +142 -0
- package/src/node/ext/rectangle.ts +51 -0
- package/src/node/ext/spine.ts +323 -0
- package/src/node/ext/sprite.ts +53 -0
- package/src/node/physics/physics-object.ts +156 -0
- package/src/node/physics/physics-world.ts +40 -0
- package/src/renderer/camera.ts +25 -0
- package/src/renderer/container-manager.ts +36 -0
- package/src/renderer/fps-display.ts +21 -0
- package/src/renderer/layer.ts +15 -0
- package/src/renderer/renderer.ts +180 -0
- package/src/renderer/ticker.test.ts +325 -0
- package/src/renderer/ticker.ts +54 -0
- package/src/types/bitmap-font.ts +19 -0
- package/src/utils/device.ts +1 -0
- package/examples/test-dom/index.ts +0 -21
- package/lib/game-object/game-object-physics.js +0 -188
- package/lib/game-object/game-object-physics.js.map +0 -1
- package/lib/game-object/game-object-rendering.js +0 -35
- package/lib/game-object/game-object-rendering.js.map +0 -1
- package/lib/game-object/game-object.js +0 -162
- package/lib/game-object/game-object.js.map +0 -1
- package/lib/game-object/transform.js +0 -118
- package/lib/game-object/transform.js.map +0 -1
- package/lib/game-object-ext/animated-sprite.js +0 -117
- package/lib/game-object-ext/animated-sprite.js.map +0 -1
- package/lib/game-object-ext/dom-container.js +0 -56
- package/lib/game-object-ext/dom-container.js.map +0 -1
- package/lib/game-object-ext/rect.js +0 -30
- package/lib/game-object-ext/rect.js.map +0 -1
- package/lib/game-object-ext/spine.js +0 -206
- package/lib/game-object-ext/spine.js.map +0 -1
- package/lib/game-object-ext/sprite.js +0 -46
- package/lib/game-object-ext/sprite.js.map +0 -1
- package/lib/game-object-ext/text.js +0 -68
- package/lib/game-object-ext/text.js.map +0 -1
- package/lib/game-object-ext/tiling-sprite.js +0 -64
- package/lib/game-object-ext/tiling-sprite.js.map +0 -1
- package/lib/types/game-object/game-object-physics.d.ts +0 -42
- package/lib/types/game-object/game-object-physics.d.ts.map +0 -1
- package/lib/types/game-object/game-object-rendering.d.ts +0 -15
- package/lib/types/game-object/game-object-rendering.d.ts.map +0 -1
- package/lib/types/game-object/game-object.d.ts +0 -81
- package/lib/types/game-object/game-object.d.ts.map +0 -1
- package/lib/types/game-object/transform.d.ts +0 -43
- package/lib/types/game-object/transform.d.ts.map +0 -1
- package/lib/types/game-object-ext/animated-sprite.d.ts +0 -29
- package/lib/types/game-object-ext/animated-sprite.d.ts.map +0 -1
- package/lib/types/game-object-ext/dom-container.d.ts +0 -16
- package/lib/types/game-object-ext/dom-container.d.ts.map +0 -1
- package/lib/types/game-object-ext/rect.d.ts +0 -17
- package/lib/types/game-object-ext/rect.d.ts.map +0 -1
- package/lib/types/game-object-ext/spine.d.ts +0 -35
- package/lib/types/game-object-ext/spine.d.ts.map +0 -1
- package/lib/types/game-object-ext/sprite.d.ts +0 -14
- package/lib/types/game-object-ext/sprite.d.ts.map +0 -1
- package/lib/types/game-object-ext/text.d.ts +0 -26
- package/lib/types/game-object-ext/text.d.ts.map +0 -1
- package/lib/types/game-object-ext/tiling-sprite.d.ts +0 -20
- package/lib/types/game-object-ext/tiling-sprite.d.ts.map +0 -1
- package/lib/types/utils/debug.d.ts.map +0 -1
- package/lib/types/utils/go.d.ts +0 -26
- package/lib/types/utils/go.d.ts.map +0 -1
- package/lib/types/world/world-debug.d.ts +0 -11
- package/lib/types/world/world-debug.d.ts.map +0 -1
- package/lib/types/world/world-physics.d.ts +0 -16
- package/lib/types/world/world-physics.d.ts.map +0 -1
- package/lib/types/world/world-rendering.d.ts +0 -28
- package/lib/types/world/world-rendering.d.ts.map +0 -1
- package/lib/types/world/world.d.ts +0 -38
- package/lib/types/world/world.d.ts.map +0 -1
- package/lib/utils/debug.js.map +0 -1
- package/lib/utils/go.js +0 -33
- package/lib/utils/go.js.map +0 -1
- package/lib/world/world-debug.js +0 -89
- package/lib/world/world-debug.js.map +0 -1
- package/lib/world/world-physics.js +0 -45
- package/lib/world/world-physics.js.map +0 -1
- package/lib/world/world-rendering.js +0 -123
- package/lib/world/world-rendering.js.map +0 -1
- package/lib/world/world.js +0 -147
- package/lib/world/world.js.map +0 -1
- package/src/game-object/game-object-physics.ts +0 -191
- package/src/game-object/game-object-rendering.ts +0 -27
- package/src/game-object/game-object.ts +0 -190
- package/src/game-object/transform.ts +0 -164
- package/src/game-object-ext/animated-sprite.ts +0 -140
- package/src/game-object-ext/dom-container.ts +0 -67
- package/src/game-object-ext/rect.ts +0 -40
- package/src/game-object-ext/spine.ts +0 -235
- package/src/game-object-ext/sprite.ts +0 -55
- package/src/game-object-ext/text.ts +0 -83
- package/src/game-object-ext/tiling-sprite.ts +0 -73
- package/src/utils/debug.ts +0 -5
- package/src/utils/go.ts +0 -53
- package/src/world/world-debug.ts +0 -114
- package/src/world/world-physics.ts +0 -52
- package/src/world/world-rendering.ts +0 -145
- package/src/world/world.ts +0 -171
- /package/examples/{test-dom → collision-test}/index.html +0 -0
- /package/lib/{utils/debug.js → debug.js} +0 -0
- /package/lib/types/{utils/debug.d.ts → debug.d.ts} +0 -0
|
@@ -1,117 +0,0 @@
|
|
|
1
|
-
import { AnimatedSprite } from 'pixi.js';
|
|
2
|
-
import { getCachedId, spritesheetLoader } from '../asset/loaders/spritesheet';
|
|
3
|
-
import { GameObject } from '../game-object/game-object';
|
|
4
|
-
class AnimatedSpriteObject extends GameObject {
|
|
5
|
-
#id;
|
|
6
|
-
#sheet;
|
|
7
|
-
#sprite;
|
|
8
|
-
#src;
|
|
9
|
-
#atlas;
|
|
10
|
-
#animation;
|
|
11
|
-
#fps;
|
|
12
|
-
#loop;
|
|
13
|
-
constructor(opts) {
|
|
14
|
-
super(opts);
|
|
15
|
-
if (opts) {
|
|
16
|
-
if (opts.src)
|
|
17
|
-
this.src = opts.src;
|
|
18
|
-
if (opts.atlas)
|
|
19
|
-
this.atlas = opts.atlas;
|
|
20
|
-
if (opts.animation)
|
|
21
|
-
this.animation = opts.animation;
|
|
22
|
-
if (opts.fps)
|
|
23
|
-
this.fps = opts.fps;
|
|
24
|
-
if (opts.loop)
|
|
25
|
-
this.loop = opts.loop;
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
#updateAnimation() {
|
|
29
|
-
this.#sprite?.destroy();
|
|
30
|
-
this.#sprite = undefined;
|
|
31
|
-
if (this.#sheet && this.#animation) {
|
|
32
|
-
if (!this.#sheet.animations[this.#animation]) {
|
|
33
|
-
console.error(`Animation not found: ${this.#animation}`);
|
|
34
|
-
return;
|
|
35
|
-
}
|
|
36
|
-
const sprite = new AnimatedSprite(this.#sheet.animations[this.#animation]);
|
|
37
|
-
sprite.anchor.set(0.5, 0.5);
|
|
38
|
-
sprite.loop = this.#loop ?? true;
|
|
39
|
-
sprite.animationSpeed = (this.#fps ?? 0) / 60;
|
|
40
|
-
sprite.play();
|
|
41
|
-
this._addPixiChild(sprite);
|
|
42
|
-
this.#sprite = sprite;
|
|
43
|
-
sprite.onLoop = () => this.emit('animationend', this.#animation);
|
|
44
|
-
sprite.onComplete = () => this.emit('animationend', this.#animation);
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
async #load() {
|
|
48
|
-
if (this.#id)
|
|
49
|
-
spritesheetLoader.release(this.#id);
|
|
50
|
-
this.#id = undefined;
|
|
51
|
-
this.#sheet = undefined;
|
|
52
|
-
this.#sprite?.destroy();
|
|
53
|
-
this.#sprite = undefined;
|
|
54
|
-
if (this.#src && this.#atlas) {
|
|
55
|
-
this.#id = getCachedId(this.#src, this.#atlas);
|
|
56
|
-
if (!spritesheetLoader.checkLoaded(this.#id)) {
|
|
57
|
-
console.info(`Spritesheet not preloaded. Loading now: ${this.#id}`);
|
|
58
|
-
}
|
|
59
|
-
this.#sheet = await spritesheetLoader.load(this.#id, this.#src, this.#atlas);
|
|
60
|
-
}
|
|
61
|
-
this.#updateAnimation();
|
|
62
|
-
}
|
|
63
|
-
get src() {
|
|
64
|
-
return this.#src;
|
|
65
|
-
}
|
|
66
|
-
set src(src) {
|
|
67
|
-
if (this.#src !== src) {
|
|
68
|
-
this.#src = src;
|
|
69
|
-
this.#load();
|
|
70
|
-
}
|
|
71
|
-
}
|
|
72
|
-
get atlas() {
|
|
73
|
-
return this.#atlas;
|
|
74
|
-
}
|
|
75
|
-
set atlas(atlas) {
|
|
76
|
-
if (this.#atlas !== atlas) {
|
|
77
|
-
this.#atlas = atlas;
|
|
78
|
-
this.#load();
|
|
79
|
-
}
|
|
80
|
-
}
|
|
81
|
-
get animation() {
|
|
82
|
-
return this.#animation;
|
|
83
|
-
}
|
|
84
|
-
set animation(animation) {
|
|
85
|
-
if (this.#animation !== animation) {
|
|
86
|
-
this.#animation = animation;
|
|
87
|
-
this.#updateAnimation();
|
|
88
|
-
}
|
|
89
|
-
}
|
|
90
|
-
get fps() {
|
|
91
|
-
return this.#fps;
|
|
92
|
-
}
|
|
93
|
-
set fps(fps) {
|
|
94
|
-
if (this.#fps !== fps) {
|
|
95
|
-
this.#fps = fps;
|
|
96
|
-
if (this.#sprite)
|
|
97
|
-
this.#sprite.animationSpeed = (fps ?? 0) / 60;
|
|
98
|
-
}
|
|
99
|
-
}
|
|
100
|
-
get loop() {
|
|
101
|
-
return this.#loop;
|
|
102
|
-
}
|
|
103
|
-
set loop(loop) {
|
|
104
|
-
if (this.#loop !== loop) {
|
|
105
|
-
this.#loop = loop;
|
|
106
|
-
if (this.#sprite)
|
|
107
|
-
this.#sprite.loop = loop === true;
|
|
108
|
-
}
|
|
109
|
-
}
|
|
110
|
-
remove() {
|
|
111
|
-
if (this.#id)
|
|
112
|
-
spritesheetLoader.release(this.#id);
|
|
113
|
-
super.remove();
|
|
114
|
-
}
|
|
115
|
-
}
|
|
116
|
-
export { AnimatedSpriteObject };
|
|
117
|
-
//# sourceMappingURL=animated-sprite.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"animated-sprite.js","sourceRoot":"","sources":["../../src/game-object-ext/animated-sprite.ts"],"names":[],"mappings":"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","sourcesContent":["import { EventMap } from '@webtaku/event-emitter';\nimport { AnimatedSprite, Spritesheet, SpritesheetData } from 'pixi.js';\nimport { getCachedId, spritesheetLoader } from '../asset/loaders/spritesheet';\nimport { GameObject, GameObjectOptions } from '../game-object/game-object';\n\ntype AnimatedSpriteOptions = {\n src?: string;\n atlas?: SpritesheetData;\n animation?: string;\n fps?: number;\n loop?: boolean;\n} & GameObjectOptions;\n\nclass AnimatedSpriteObject<E extends EventMap = EventMap> extends GameObject<E & {\n animationend: (animation: string) => void;\n}> {\n #id?: string;\n #sheet?: Spritesheet;\n #sprite?: AnimatedSprite;\n\n #src?: string;\n #atlas?: SpritesheetData;\n #animation?: string;\n #fps?: number;\n #loop?: boolean;\n\n constructor(opts?: AnimatedSpriteOptions) {\n super(opts);\n if (opts) {\n if (opts.src) this.src = opts.src;\n if (opts.atlas) this.atlas = opts.atlas;\n if (opts.animation) this.animation = opts.animation;\n if (opts.fps) this.fps = opts.fps;\n if (opts.loop) this.loop = opts.loop;\n }\n }\n\n #updateAnimation() {\n this.#sprite?.destroy();\n this.#sprite = undefined;\n\n if (this.#sheet && this.#animation) {\n if (!this.#sheet.animations[this.#animation]) {\n console.error(`Animation not found: ${this.#animation}`);\n return;\n }\n const sprite = new AnimatedSprite(this.#sheet.animations[this.#animation]);\n sprite.anchor.set(0.5, 0.5);\n sprite.loop = this.#loop ?? true;\n sprite.animationSpeed = (this.#fps ?? 0) / 60;\n sprite.play();\n this._addPixiChild(sprite);\n this.#sprite = sprite;\n\n sprite.onLoop = () => (this as any).emit('animationend', this.#animation);\n sprite.onComplete = () => (this as any).emit('animationend', this.#animation);\n }\n }\n\n async #load() {\n if (this.#id) spritesheetLoader.release(this.#id);\n\n this.#id = undefined;\n this.#sheet = undefined;\n this.#sprite?.destroy();\n this.#sprite = undefined;\n\n if (this.#src && this.#atlas) {\n this.#id = getCachedId(this.#src, this.#atlas);\n if (!spritesheetLoader.checkLoaded(this.#id)) {\n console.info(`Spritesheet not preloaded. Loading now: ${this.#id}`);\n }\n this.#sheet = await spritesheetLoader.load(this.#id, this.#src, this.#atlas);\n }\n\n this.#updateAnimation();\n }\n\n get src() {\n return this.#src;\n }\n\n set src(src: string | undefined) {\n if (this.#src !== src) {\n this.#src = src;\n this.#load();\n }\n }\n\n get atlas() {\n return this.#atlas;\n }\n\n set atlas(atlas: SpritesheetData | undefined) {\n if (this.#atlas !== atlas) {\n this.#atlas = atlas;\n this.#load();\n }\n }\n\n get animation() {\n return this.#animation;\n }\n\n set animation(animation: string | undefined) {\n if (this.#animation !== animation) {\n this.#animation = animation;\n this.#updateAnimation();\n }\n }\n\n get fps() {\n return this.#fps;\n }\n\n set fps(fps: number | undefined) {\n if (this.#fps !== fps) {\n this.#fps = fps;\n if (this.#sprite) this.#sprite.animationSpeed = (fps ?? 0) / 60;\n }\n }\n\n get loop() {\n return this.#loop;\n }\n\n set loop(loop: boolean | undefined) {\n if (this.#loop !== loop) {\n this.#loop = loop;\n if (this.#sprite) this.#sprite.loop = loop === true;\n }\n }\n\n remove() {\n if (this.#id) spritesheetLoader.release(this.#id);\n super.remove();\n }\n}\n\nexport { AnimatedSpriteObject };\n"]}
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
import { GameObject } from "../game-object/game-object";
|
|
2
|
-
export class DomContainerObject extends GameObject {
|
|
3
|
-
#el;
|
|
4
|
-
constructor(opts) {
|
|
5
|
-
super(opts);
|
|
6
|
-
if (opts) {
|
|
7
|
-
if (opts.el)
|
|
8
|
-
this.el = opts.el;
|
|
9
|
-
}
|
|
10
|
-
}
|
|
11
|
-
_setWorld(world) {
|
|
12
|
-
super._setWorld(world);
|
|
13
|
-
if (this.#el)
|
|
14
|
-
world.container.appendChild(this.#el);
|
|
15
|
-
}
|
|
16
|
-
get el() {
|
|
17
|
-
return this.#el;
|
|
18
|
-
}
|
|
19
|
-
set el(el) {
|
|
20
|
-
this.#el = el;
|
|
21
|
-
if (el) {
|
|
22
|
-
el.style.position = 'absolute';
|
|
23
|
-
el.style.left = '0';
|
|
24
|
-
el.style.top = '0';
|
|
25
|
-
el.style.zIndex = '1';
|
|
26
|
-
const world = this._getWorld();
|
|
27
|
-
if (world)
|
|
28
|
-
world.container.appendChild(el);
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
_afterRender() {
|
|
32
|
-
const world = this._getWorld();
|
|
33
|
-
if (world && this.#el) {
|
|
34
|
-
if (world._containerSizeDirty ||
|
|
35
|
-
this._wt.x.dirty ||
|
|
36
|
-
this._wt.y.dirty ||
|
|
37
|
-
this._wt.scaleX.dirty ||
|
|
38
|
-
this._wt.scaleY.dirty ||
|
|
39
|
-
this._wt.rotation.dirty) {
|
|
40
|
-
const R = world._worldRendering;
|
|
41
|
-
const S = R.renderScale;
|
|
42
|
-
this.#el.style.transform = `
|
|
43
|
-
translate(
|
|
44
|
-
calc(-50% + ${this._wt.x.v * S + R.canvasLeft + R.centerX * S}px),
|
|
45
|
-
calc(-50% + ${this._wt.y.v * S + R.canvasTop + R.centerY * S}px)
|
|
46
|
-
)
|
|
47
|
-
scale(${this._wt.scaleX.v * S}, ${this._wt.scaleY.v * S})
|
|
48
|
-
rotate(${this._wt.rotation.v}rad)
|
|
49
|
-
`;
|
|
50
|
-
}
|
|
51
|
-
if (this._wt.alpha.dirty)
|
|
52
|
-
this.#el.style.opacity = this._wt.alpha.v.toString();
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
//# sourceMappingURL=dom-container.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"dom-container.js","sourceRoot":"","sources":["../../src/game-object-ext/dom-container.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAqB,MAAM,4BAA4B,CAAC;AAO3E,MAAM,OAAO,kBAAkD,SAAQ,UAAa;IAClF,GAAG,CAAe;IAElB,YAAY,IAAgC;QAC1C,KAAK,CAAC,IAAI,CAAC,CAAC;QACZ,IAAI,IAAI,EAAE,CAAC;YACT,IAAI,IAAI,CAAC,EAAE;gBAAE,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC;QACjC,CAAC;IACH,CAAC;IAES,SAAS,CAAC,KAAY;QAC9B,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;QACvB,IAAI,IAAI,CAAC,GAAG;YAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACtD,CAAC;IAED,IAAI,EAAE;QACJ,OAAO,IAAI,CAAC,GAAG,CAAC;IAClB,CAAC;IAED,IAAI,EAAE,CAAC,EAA2B;QAChC,IAAI,CAAC,GAAG,GAAG,EAAE,CAAC;QACd,IAAI,EAAE,EAAE,CAAC;YACP,EAAE,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;YAC/B,EAAE,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,CAAC;YACpB,EAAE,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC;YACnB,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,CAAC;YAEtB,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;YAC/B,IAAI,KAAK;gBAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;QAC7C,CAAC;IACH,CAAC;IAED,YAAY;QACV,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;QAC/B,IAAI,KAAK,IAAI,IAAI,CAAC,GAAG,EAAE,CAAC;YACtB,IACE,KAAK,CAAC,mBAAmB;gBACzB,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK;gBAChB,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK;gBAChB,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK;gBACrB,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK;gBACrB,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,KAAK,EACvB,CAAC;gBACD,MAAM,CAAC,GAAG,KAAK,CAAC,eAAe,CAAC;gBAChC,MAAM,CAAC,GAAG,CAAC,CAAC,WAAW,CAAC;gBAExB,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,SAAS,GAAG;;wBAEX,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,UAAU,GAAG,CAAC,CAAC,OAAO,GAAG,CAAC;wBAC/C,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,SAAS,GAAG,CAAC,CAAC,OAAO,GAAG,CAAC;;gBAEtD,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC;iBAC9C,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;OAC7B,CAAC;YACF,CAAC;YACD,IAAI,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK;gBAAE,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;QACjF,CAAC;IACH,CAAC;CACF","sourcesContent":["import { EventMap } from '@webtaku/event-emitter';\nimport { GameObject, GameObjectOptions } from \"../game-object/game-object\";\nimport { World } from '../world/world';\n\ntype DomContainerObjectOptions = {\n el?: HTMLElement;\n} & GameObjectOptions;\n\nexport class DomContainerObject<E extends EventMap = EventMap> extends GameObject<E> {\n #el?: HTMLElement;\n\n constructor(opts?: DomContainerObjectOptions) {\n super(opts);\n if (opts) {\n if (opts.el) this.el = opts.el;\n }\n }\n\n protected _setWorld(world: World): void {\n super._setWorld(world);\n if (this.#el) world.container.appendChild(this.#el);\n }\n\n get el() {\n return this.#el;\n }\n\n set el(el: HTMLElement | undefined) {\n this.#el = el;\n if (el) {\n el.style.position = 'absolute';\n el.style.left = '0';\n el.style.top = '0';\n el.style.zIndex = '1';\n\n const world = this._getWorld();\n if (world) world.container.appendChild(el);\n }\n }\n\n _afterRender() {\n const world = this._getWorld();\n if (world && this.#el) {\n if (\n world._containerSizeDirty ||\n this._wt.x.dirty ||\n this._wt.y.dirty ||\n this._wt.scaleX.dirty ||\n this._wt.scaleY.dirty ||\n this._wt.rotation.dirty\n ) {\n const R = world._worldRendering;\n const S = R.renderScale;\n\n this.#el.style.transform = `\n translate(\n calc(-50% + ${this._wt.x.v * S + R.canvasLeft + R.centerX * S}px),\n calc(-50% + ${this._wt.y.v * S + R.canvasTop + R.centerY * S}px)\n )\n scale(${this._wt.scaleX.v * S}, ${this._wt.scaleY.v * S})\n rotate(${this._wt.rotation.v}rad)\n `;\n }\n if (this._wt.alpha.dirty) this.#el.style.opacity = this._wt.alpha.v.toString();\n }\n }\n}\n"]}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { Graphics } from 'pixi.js';
|
|
2
|
-
import { GameObject } from '../game-object/game-object';
|
|
3
|
-
class RectangleObject extends GameObject {
|
|
4
|
-
#graphics = new Graphics({ zIndex: -999999 });
|
|
5
|
-
#width = 0;
|
|
6
|
-
#height = 0;
|
|
7
|
-
#fill;
|
|
8
|
-
#stroke;
|
|
9
|
-
constructor() {
|
|
10
|
-
super();
|
|
11
|
-
this._addPixiChild(this.#graphics);
|
|
12
|
-
}
|
|
13
|
-
#draw() {
|
|
14
|
-
this.#graphics.clear().rect(-this.#width / 2, -this.#height / 2, this.#width, this.#height);
|
|
15
|
-
if (this.#fill)
|
|
16
|
-
this.#graphics.fill(this.#fill);
|
|
17
|
-
if (this.#stroke)
|
|
18
|
-
this.#graphics.stroke(this.#stroke);
|
|
19
|
-
}
|
|
20
|
-
get width() { return this.#width; }
|
|
21
|
-
set width(value) { this.#width = value; this.#draw(); }
|
|
22
|
-
get height() { return this.#height; }
|
|
23
|
-
set height(value) { this.#height = value; this.#draw(); }
|
|
24
|
-
get fill() { return this.#fill; }
|
|
25
|
-
set fill(value) { this.#fill = value; this.#draw(); }
|
|
26
|
-
get stroke() { return this.#stroke; }
|
|
27
|
-
set stroke(value) { this.#stroke = value; this.#draw(); }
|
|
28
|
-
}
|
|
29
|
-
export { RectangleObject };
|
|
30
|
-
//# sourceMappingURL=rect.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"rect.js","sourceRoot":"","sources":["../../src/game-object-ext/rect.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,QAAQ,EAAe,MAAM,SAAS,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAExD,MAAM,eAA+C,SAAQ,UAAa;IACxE,SAAS,GAAG,IAAI,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC,MAAM,EAAE,CAAC,CAAC;IAC9C,MAAM,GAAW,CAAC,CAAC;IACnB,OAAO,GAAW,CAAC,CAAC;IACpB,KAAK,CAAa;IAClB,OAAO,CAAe;IAEtB;QACE,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IACrC,CAAC;IAED,KAAK;QACH,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC,IAAI,CACzB,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,EAChB,CAAC,IAAI,CAAC,OAAO,GAAG,CAAC,EACjB,IAAI,CAAC,MAAM,EACX,IAAI,CAAC,OAAO,CACb,CAAC;QACF,IAAI,IAAI,CAAC,KAAK;YAAE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAChD,IAAI,IAAI,CAAC,OAAO;YAAE,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IACxD,CAAC;IAED,IAAI,KAAK,KAAa,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;IAC3C,IAAI,KAAK,CAAC,KAAa,IAAI,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;IAC/D,IAAI,MAAM,KAAa,OAAO,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;IAC7C,IAAI,MAAM,CAAC,KAAa,IAAI,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;IAEjE,IAAI,IAAI,KAA4B,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;IACxD,IAAI,IAAI,CAAC,KAA4B,IAAI,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;IAE5E,IAAI,MAAM,KAA8B,OAAO,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;IAC9D,IAAI,MAAM,CAAC,KAA8B,IAAI,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;CACnF;AAED,OAAO,EAAE,eAAe,EAAE,CAAC","sourcesContent":["import { EventMap } from '@webtaku/event-emitter';\nimport { FillInput, Graphics, StrokeInput } from 'pixi.js';\nimport { GameObject } from '../game-object/game-object';\n\nclass RectangleObject<E extends EventMap = EventMap> extends GameObject<E> {\n #graphics = new Graphics({ zIndex: -999999 });\n #width: number = 0;\n #height: number = 0;\n #fill?: FillInput;\n #stroke?: StrokeInput;\n\n constructor() {\n super();\n this._addPixiChild(this.#graphics);\n }\n\n #draw() {\n this.#graphics.clear().rect(\n -this.#width / 2,\n -this.#height / 2,\n this.#width,\n this.#height,\n );\n if (this.#fill) this.#graphics.fill(this.#fill);\n if (this.#stroke) this.#graphics.stroke(this.#stroke);\n }\n\n get width(): number { return this.#width; }\n set width(value: number) { this.#width = value; this.#draw(); }\n get height(): number { return this.#height; }\n set height(value: number) { this.#height = value; this.#draw(); }\n\n get fill(): FillInput | undefined { return this.#fill; }\n set fill(value: FillInput | undefined) { this.#fill = value; this.#draw(); }\n\n get stroke(): StrokeInput | undefined { return this.#stroke; }\n set stroke(value: StrokeInput | undefined) { this.#stroke = value; this.#draw(); }\n}\n\nexport { RectangleObject };\n"]}
|
|
@@ -1,206 +0,0 @@
|
|
|
1
|
-
import { AtlasAttachmentLoader, SkeletonBinary, SkeletonJson, Skin, Spine, SpineTexture, TextureAtlas } from '@esotericsoftware/spine-pixi-v8';
|
|
2
|
-
import { binaryLoader } from '../asset/loaders/binary';
|
|
3
|
-
import { textLoader } from '../asset/loaders/text';
|
|
4
|
-
import { textureLoader } from '../asset/loaders/texture';
|
|
5
|
-
import { GameObject } from '../game-object/game-object';
|
|
6
|
-
class SpineObject extends GameObject {
|
|
7
|
-
#spine;
|
|
8
|
-
#atlas;
|
|
9
|
-
#skeletonData;
|
|
10
|
-
#skel;
|
|
11
|
-
#json;
|
|
12
|
-
#texture;
|
|
13
|
-
#skins;
|
|
14
|
-
#animation;
|
|
15
|
-
#loop;
|
|
16
|
-
constructor(opts) {
|
|
17
|
-
super(opts);
|
|
18
|
-
if (opts) {
|
|
19
|
-
if (opts.atlas)
|
|
20
|
-
this.atlas = opts.atlas;
|
|
21
|
-
if (opts.skeletonData)
|
|
22
|
-
this.skeletonData = opts.skeletonData;
|
|
23
|
-
if (opts.skel)
|
|
24
|
-
this.skel = opts.skel;
|
|
25
|
-
if (opts.json)
|
|
26
|
-
this.json = opts.json;
|
|
27
|
-
if (opts.texture)
|
|
28
|
-
this.texture = opts.texture;
|
|
29
|
-
if (opts.skins)
|
|
30
|
-
this.skins = opts.skins;
|
|
31
|
-
if (opts.animation)
|
|
32
|
-
this.animation = opts.animation;
|
|
33
|
-
if (opts.loop)
|
|
34
|
-
this.loop = opts.loop;
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
async #load() {
|
|
38
|
-
if (this.#atlas && (this.#skeletonData ||
|
|
39
|
-
this.#skel ||
|
|
40
|
-
this.#json)) {
|
|
41
|
-
const promises = [];
|
|
42
|
-
let textAtlasData;
|
|
43
|
-
let skeletonBynary;
|
|
44
|
-
let textSkeletonData;
|
|
45
|
-
let texture;
|
|
46
|
-
let textures;
|
|
47
|
-
if (!textLoader.checkLoaded(this.#atlas))
|
|
48
|
-
console.info(`Atlas not preloaded. Loading now: ${this.#atlas}`);
|
|
49
|
-
promises.push((async () => textAtlasData = await textLoader.load(this.#atlas))());
|
|
50
|
-
if (this.#skeletonData) {
|
|
51
|
-
// Skeleton data is already loaded, no need to load again
|
|
52
|
-
}
|
|
53
|
-
else if (this.#skel) {
|
|
54
|
-
if (!binaryLoader.checkLoaded(this.#skel))
|
|
55
|
-
console.info(`Skeleton not preloaded. Loading now: ${this.#skel}`);
|
|
56
|
-
promises.push((async () => skeletonBynary = await binaryLoader.load(this.#skel))());
|
|
57
|
-
}
|
|
58
|
-
else if (this.#json) {
|
|
59
|
-
if (!textLoader.checkLoaded(this.#json))
|
|
60
|
-
console.info(`Skeleton not preloaded. Loading now: ${this.#json}`);
|
|
61
|
-
promises.push((async () => textSkeletonData = await textLoader.load(this.#json))());
|
|
62
|
-
}
|
|
63
|
-
else {
|
|
64
|
-
console.error('Either skel or json must be provided');
|
|
65
|
-
return;
|
|
66
|
-
}
|
|
67
|
-
if (typeof this.#texture === 'string') {
|
|
68
|
-
if (!textureLoader.checkLoaded(this.#texture))
|
|
69
|
-
console.info(`Texture not preloaded. Loading now: ${this.#texture}`);
|
|
70
|
-
promises.push((async () => texture = await textureLoader.load(this.#texture))());
|
|
71
|
-
}
|
|
72
|
-
else if (this.#texture) {
|
|
73
|
-
textures = {};
|
|
74
|
-
for (const [key, path] of Object.entries(this.#texture)) {
|
|
75
|
-
if (!textureLoader.checkLoaded(path))
|
|
76
|
-
console.info(`Texture not preloaded. Loading now: ${path}`);
|
|
77
|
-
promises.push((async () => {
|
|
78
|
-
const texture = await textureLoader.load(path);
|
|
79
|
-
if (texture)
|
|
80
|
-
textures[key] = texture;
|
|
81
|
-
})());
|
|
82
|
-
}
|
|
83
|
-
}
|
|
84
|
-
await Promise.all(promises);
|
|
85
|
-
if (texture || textures) {
|
|
86
|
-
const atlas = new TextureAtlas(textAtlasData);
|
|
87
|
-
atlas.pages.forEach((page) => {
|
|
88
|
-
if (texture)
|
|
89
|
-
page.setTexture(SpineTexture.from(texture.source));
|
|
90
|
-
else if (textures) {
|
|
91
|
-
page.setTexture(SpineTexture.from(textures[page.name].source));
|
|
92
|
-
}
|
|
93
|
-
});
|
|
94
|
-
const atlasLoader = new AtlasAttachmentLoader(atlas);
|
|
95
|
-
let skeletonData;
|
|
96
|
-
if (this.#skeletonData) {
|
|
97
|
-
const jsonLoader = new SkeletonJson(atlasLoader);
|
|
98
|
-
skeletonData = jsonLoader.readSkeletonData(this.#skeletonData);
|
|
99
|
-
}
|
|
100
|
-
else if (skeletonBynary) {
|
|
101
|
-
const binaryLoader = new SkeletonBinary(atlasLoader);
|
|
102
|
-
skeletonData = binaryLoader.readSkeletonData(skeletonBynary);
|
|
103
|
-
}
|
|
104
|
-
else if (textSkeletonData) {
|
|
105
|
-
const jsonLoader = new SkeletonJson(atlasLoader);
|
|
106
|
-
skeletonData = jsonLoader.readSkeletonData(textSkeletonData);
|
|
107
|
-
}
|
|
108
|
-
else {
|
|
109
|
-
console.error('Either skel or json must be provided');
|
|
110
|
-
return;
|
|
111
|
-
}
|
|
112
|
-
this.#spine = new Spine(skeletonData);
|
|
113
|
-
this.#applyAnimation();
|
|
114
|
-
this.#applySkins();
|
|
115
|
-
this._addPixiChild(this.#spine);
|
|
116
|
-
}
|
|
117
|
-
}
|
|
118
|
-
}
|
|
119
|
-
#applyAnimation() {
|
|
120
|
-
if (this.#spine && this.#animation) {
|
|
121
|
-
this.#spine.state.setAnimation(0, this.#animation, this.#loop ?? true);
|
|
122
|
-
this.#spine.state.apply(this.#spine.skeleton);
|
|
123
|
-
}
|
|
124
|
-
}
|
|
125
|
-
#applySkins() {
|
|
126
|
-
if (this.#spine && this.#skins) {
|
|
127
|
-
const newSkin = new Skin('combined-skin');
|
|
128
|
-
for (const skinName of this.#skins) {
|
|
129
|
-
const skin = this.#spine.skeleton.data.findSkin(skinName);
|
|
130
|
-
if (skin)
|
|
131
|
-
newSkin.addSkin(skin);
|
|
132
|
-
}
|
|
133
|
-
this.#spine.skeleton.setSkin(newSkin);
|
|
134
|
-
this.#spine.skeleton.setSlotsToSetupPose();
|
|
135
|
-
}
|
|
136
|
-
}
|
|
137
|
-
get atlas() {
|
|
138
|
-
return this.#atlas;
|
|
139
|
-
}
|
|
140
|
-
set atlas(atlas) {
|
|
141
|
-
this.#atlas = atlas;
|
|
142
|
-
this.#load();
|
|
143
|
-
}
|
|
144
|
-
get skeletonData() {
|
|
145
|
-
return this.#skeletonData;
|
|
146
|
-
}
|
|
147
|
-
set skeletonData(skeletonData) {
|
|
148
|
-
this.#skeletonData = skeletonData;
|
|
149
|
-
this.#load();
|
|
150
|
-
}
|
|
151
|
-
get skel() {
|
|
152
|
-
return this.#skel;
|
|
153
|
-
}
|
|
154
|
-
set skel(skel) {
|
|
155
|
-
this.#skel = skel;
|
|
156
|
-
this.#load();
|
|
157
|
-
}
|
|
158
|
-
get json() {
|
|
159
|
-
return this.#json;
|
|
160
|
-
}
|
|
161
|
-
set json(json) {
|
|
162
|
-
this.#json = json;
|
|
163
|
-
this.#load();
|
|
164
|
-
}
|
|
165
|
-
get texture() {
|
|
166
|
-
return this.#texture;
|
|
167
|
-
}
|
|
168
|
-
set texture(texture) {
|
|
169
|
-
this.#texture = texture;
|
|
170
|
-
this.#load();
|
|
171
|
-
}
|
|
172
|
-
get skins() {
|
|
173
|
-
return this.#skins;
|
|
174
|
-
}
|
|
175
|
-
set skins(skins) {
|
|
176
|
-
this.#skins = skins;
|
|
177
|
-
this.#applySkins();
|
|
178
|
-
}
|
|
179
|
-
get animation() {
|
|
180
|
-
return this.#animation;
|
|
181
|
-
}
|
|
182
|
-
set animation(animation) {
|
|
183
|
-
this.#animation = animation;
|
|
184
|
-
this.#applyAnimation();
|
|
185
|
-
}
|
|
186
|
-
get loop() {
|
|
187
|
-
return this.#loop;
|
|
188
|
-
}
|
|
189
|
-
set loop(loop) {
|
|
190
|
-
this.#loop = loop;
|
|
191
|
-
this.#applyAnimation();
|
|
192
|
-
}
|
|
193
|
-
remove() {
|
|
194
|
-
if (typeof this.#texture === 'string') {
|
|
195
|
-
textureLoader.release(this.#texture);
|
|
196
|
-
}
|
|
197
|
-
else if (this.#texture) {
|
|
198
|
-
for (const path of Object.values(this.#texture)) {
|
|
199
|
-
textureLoader.release(path);
|
|
200
|
-
}
|
|
201
|
-
}
|
|
202
|
-
super.remove();
|
|
203
|
-
}
|
|
204
|
-
}
|
|
205
|
-
export { SpineObject };
|
|
206
|
-
//# sourceMappingURL=spine.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"spine.js","sourceRoot":"","sources":["../../src/game-object-ext/spine.ts"],"names":[],"mappings":"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","sourcesContent":["import { AtlasAttachmentLoader, SkeletonBinary, SkeletonData, SkeletonJson, Skin, Spine, SpineTexture, TextureAtlas } from '@esotericsoftware/spine-pixi-v8';\nimport { EventMap } from '@webtaku/event-emitter';\nimport { Texture } from 'pixi.js';\nimport { binaryLoader } from '../asset/loaders/binary';\nimport { textLoader } from '../asset/loaders/text';\nimport { textureLoader } from '../asset/loaders/texture';\nimport { GameObject, GameObjectOptions } from '../game-object/game-object';\n\ntype SpineOptions = {\n atlas?: string;\n skeletonData?: any;\n skel?: string;\n json?: string;\n texture?: string | Record<string, string>;\n skins?: string[];\n animation?: string;\n loop?: boolean;\n} & GameObjectOptions;\n\nclass SpineObject<E extends EventMap = EventMap> extends GameObject<E> {\n #spine?: Spine;\n\n #atlas?: string;\n #skeletonData?: any;\n #skel?: string;\n #json?: string;\n #texture?: string | Record<string, string>;\n #skins?: string[];\n #animation?: string;\n #loop?: boolean;\n\n constructor(opts?: SpineOptions) {\n super(opts);\n if (opts) {\n if (opts.atlas) this.atlas = opts.atlas;\n if (opts.skeletonData) this.skeletonData = opts.skeletonData;\n if (opts.skel) this.skel = opts.skel;\n if (opts.json) this.json = opts.json;\n if (opts.texture) this.texture = opts.texture;\n if (opts.skins) this.skins = opts.skins;\n if (opts.animation) this.animation = opts.animation;\n if (opts.loop) this.loop = opts.loop;\n }\n }\n\n async #load() {\n if (this.#atlas && (\n this.#skeletonData ||\n this.#skel ||\n this.#json\n )) {\n const promises: Promise<any>[] = [];\n\n let textAtlasData: string | undefined;\n let skeletonBynary: Uint8Array | undefined;\n let textSkeletonData: string | undefined;\n\n let texture: Texture | undefined;\n let textures: Record<string, Texture> | undefined;\n\n if (!textLoader.checkLoaded(this.#atlas)) console.info(`Atlas not preloaded. Loading now: ${this.#atlas}`);\n promises.push((async () => textAtlasData = await textLoader.load(this.#atlas!))());\n\n if (this.#skeletonData) {\n // Skeleton data is already loaded, no need to load again\n } else if (this.#skel) {\n if (!binaryLoader.checkLoaded(this.#skel)) console.info(`Skeleton not preloaded. Loading now: ${this.#skel}`);\n promises.push((async () => skeletonBynary = await binaryLoader.load(this.#skel!))());\n } else if (this.#json) {\n if (!textLoader.checkLoaded(this.#json)) console.info(`Skeleton not preloaded. Loading now: ${this.#json}`);\n promises.push((async () => textSkeletonData = await textLoader.load(this.#json!))());\n } else {\n console.error('Either skel or json must be provided');\n return;\n }\n\n if (typeof this.#texture === 'string') {\n if (!textureLoader.checkLoaded(this.#texture)) console.info(`Texture not preloaded. Loading now: ${this.#texture}`);\n promises.push((async () => texture = await textureLoader.load(this.#texture as string))());\n } else if (this.#texture) {\n textures = {};\n for (const [key, path] of Object.entries(this.#texture)) {\n if (!textureLoader.checkLoaded(path)) console.info(`Texture not preloaded. Loading now: ${path}`);\n promises.push((async () => {\n const texture = await textureLoader.load(path);\n if (texture) textures[key] = texture;\n })());\n }\n }\n\n await Promise.all(promises);\n\n if (texture || textures) {\n const atlas = new TextureAtlas(textAtlasData!);\n atlas.pages.forEach((page) => {\n if (texture) page.setTexture(SpineTexture.from(texture.source));\n else if (textures) {\n page.setTexture(SpineTexture.from(textures[page.name].source));\n }\n });\n\n const atlasLoader = new AtlasAttachmentLoader(atlas);\n\n let skeletonData: SkeletonData;\n if (this.#skeletonData) {\n const jsonLoader = new SkeletonJson(atlasLoader);\n skeletonData = jsonLoader.readSkeletonData(this.#skeletonData);\n } else if (skeletonBynary) {\n const binaryLoader = new SkeletonBinary(atlasLoader);\n skeletonData = binaryLoader.readSkeletonData(skeletonBynary);\n } else if (textSkeletonData) {\n const jsonLoader = new SkeletonJson(atlasLoader);\n skeletonData = jsonLoader.readSkeletonData(textSkeletonData);\n } else {\n console.error('Either skel or json must be provided');\n return;\n }\n\n this.#spine = new Spine(skeletonData);\n this.#applyAnimation();\n this.#applySkins();\n\n this._addPixiChild(this.#spine);\n }\n }\n }\n\n #applyAnimation() {\n if (this.#spine && this.#animation) {\n this.#spine.state.setAnimation(\n 0,\n this.#animation,\n this.#loop ?? true,\n );\n this.#spine.state.apply(this.#spine.skeleton);\n }\n }\n\n #applySkins() {\n if (this.#spine && this.#skins) {\n const newSkin = new Skin('combined-skin');\n for (const skinName of this.#skins) {\n const skin = this.#spine.skeleton.data.findSkin(skinName);\n if (skin) newSkin.addSkin(skin);\n }\n this.#spine.skeleton.setSkin(newSkin);\n this.#spine.skeleton.setSlotsToSetupPose();\n }\n }\n\n get atlas() {\n return this.#atlas;\n }\n\n set atlas(atlas: string | undefined) {\n this.#atlas = atlas;\n this.#load();\n }\n\n get skeletonData() {\n return this.#skeletonData;\n }\n\n set skeletonData(skeletonData: any | undefined) {\n this.#skeletonData = skeletonData;\n this.#load();\n }\n\n get skel() {\n return this.#skel;\n }\n\n set skel(skel: string | undefined) {\n this.#skel = skel;\n this.#load();\n }\n\n get json() {\n return this.#json;\n }\n\n set json(json: string | undefined) {\n this.#json = json;\n this.#load();\n }\n\n get texture() {\n return this.#texture;\n }\n\n set texture(texture: string | Record<string, string> | undefined) {\n this.#texture = texture;\n this.#load();\n }\n\n get skins() {\n return this.#skins;\n }\n\n set skins(skins: string[] | undefined) {\n this.#skins = skins;\n this.#applySkins();\n }\n\n get animation() {\n return this.#animation;\n }\n\n set animation(animation: string | undefined) {\n this.#animation = animation;\n this.#applyAnimation();\n }\n\n get loop() {\n return this.#loop;\n }\n\n set loop(loop: boolean | undefined) {\n this.#loop = loop;\n this.#applyAnimation();\n }\n\n remove() {\n if (typeof this.#texture === 'string') {\n textureLoader.release(this.#texture);\n } else if (this.#texture) {\n for (const path of Object.values(this.#texture)) {\n textureLoader.release(path);\n }\n }\n super.remove();\n }\n}\n\nexport { SpineObject };\n"]}
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
import { Sprite } from 'pixi.js';
|
|
2
|
-
import { textureLoader } from '../asset/loaders/texture';
|
|
3
|
-
import { GameObject } from '../game-object/game-object';
|
|
4
|
-
class SpriteObject extends GameObject {
|
|
5
|
-
#sprite;
|
|
6
|
-
#src;
|
|
7
|
-
constructor(opts) {
|
|
8
|
-
super(opts);
|
|
9
|
-
if (opts) {
|
|
10
|
-
if (opts.src)
|
|
11
|
-
this.src = opts.src;
|
|
12
|
-
}
|
|
13
|
-
}
|
|
14
|
-
async #load() {
|
|
15
|
-
this.#sprite?.destroy({ children: true });
|
|
16
|
-
this.#sprite = undefined;
|
|
17
|
-
if (this.#src) {
|
|
18
|
-
if (!textureLoader.checkLoaded(this.#src)) {
|
|
19
|
-
console.info(`Texture not preloaded. Loading now: ${this.#src}`);
|
|
20
|
-
}
|
|
21
|
-
const texture = await textureLoader.load(this.#src);
|
|
22
|
-
if (texture) {
|
|
23
|
-
this.#sprite = new Sprite({ texture, anchor: 0.5, zIndex: -999999 });
|
|
24
|
-
this._addPixiChild(this.#sprite);
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
get src() {
|
|
29
|
-
return this.#src;
|
|
30
|
-
}
|
|
31
|
-
set src(src) {
|
|
32
|
-
if (this.#src !== src) {
|
|
33
|
-
if (this.#src)
|
|
34
|
-
textureLoader.release(this.#src);
|
|
35
|
-
this.#src = src;
|
|
36
|
-
this.#load();
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
remove() {
|
|
40
|
-
if (this.#src)
|
|
41
|
-
textureLoader.release(this.#src);
|
|
42
|
-
super.remove();
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
export { SpriteObject };
|
|
46
|
-
//# sourceMappingURL=sprite.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"sprite.js","sourceRoot":"","sources":["../../src/game-object-ext/sprite.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,UAAU,EAAqB,MAAM,4BAA4B,CAAC;AAM3E,MAAM,YAA4C,SAAQ,UAAa;IACrE,OAAO,CAAU;IACjB,IAAI,CAAU;IAEd,YAAY,IAAoB;QAC9B,KAAK,CAAC,IAAI,CAAC,CAAC;QACZ,IAAI,IAAI,EAAE,CAAC;YACT,IAAI,IAAI,CAAC,GAAG;gBAAE,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC;QACpC,CAAC;IACH,CAAC;IAED,KAAK,CAAC,KAAK;QACT,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;QAC1C,IAAI,CAAC,OAAO,GAAG,SAAS,CAAC;QAEzB,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACd,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;gBAC1C,OAAO,CAAC,IAAI,CAAC,uCAAuC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;YACnE,CAAC;YACD,MAAM,OAAO,GAAG,MAAM,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACpD,IAAI,OAAO,EAAE,CAAC;gBACZ,IAAI,CAAC,OAAO,GAAG,IAAI,MAAM,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,MAAM,EAAE,CAAC,CAAC;gBACrE,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YACnC,CAAC;QACH,CAAC;IACH,CAAC;IAED,IAAI,GAAG;QACL,OAAO,IAAI,CAAC,IAAI,CAAC;IACnB,CAAC;IAED,IAAI,GAAG,CAAC,GAAuB;QAC7B,IAAI,IAAI,CAAC,IAAI,KAAK,GAAG,EAAE,CAAC;YACtB,IAAI,IAAI,CAAC,IAAI;gBAAE,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAChD,IAAI,CAAC,IAAI,GAAG,GAAG,CAAC;YAChB,IAAI,CAAC,KAAK,EAAE,CAAC;QACf,CAAC;IACH,CAAC;IAED,MAAM;QACJ,IAAI,IAAI,CAAC,IAAI;YAAE,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAChD,KAAK,CAAC,MAAM,EAAE,CAAC;IACjB,CAAC;CACF;AAED,OAAO,EAAE,YAAY,EAAE,CAAC","sourcesContent":["import { EventMap } from '@webtaku/event-emitter';\nimport { Sprite } from 'pixi.js';\nimport { textureLoader } from '../asset/loaders/texture';\nimport { GameObject, GameObjectOptions } from '../game-object/game-object';\n\ntype SpriteOptions = {\n src?: string;\n} & GameObjectOptions;\n\nclass SpriteObject<E extends EventMap = EventMap> extends GameObject<E> {\n #sprite?: Sprite;\n #src?: string;\n\n constructor(opts?: SpriteOptions) {\n super(opts);\n if (opts) {\n if (opts.src) this.src = opts.src;\n }\n }\n\n async #load() {\n this.#sprite?.destroy({ children: true });\n this.#sprite = undefined;\n\n if (this.#src) {\n if (!textureLoader.checkLoaded(this.#src)) {\n console.info(`Texture not preloaded. Loading now: ${this.#src}`);\n }\n const texture = await textureLoader.load(this.#src);\n if (texture) {\n this.#sprite = new Sprite({ texture, anchor: 0.5, zIndex: -999999 });\n this._addPixiChild(this.#sprite);\n }\n }\n }\n\n get src() {\n return this.#src;\n }\n\n set src(src: string | undefined) {\n if (this.#src !== src) {\n if (this.#src) textureLoader.release(this.#src);\n this.#src = src;\n this.#load();\n }\n }\n\n remove() {\n if (this.#src) textureLoader.release(this.#src);\n super.remove();\n }\n}\n\nexport { SpriteObject };\n"]}
|
|
@@ -1,68 +0,0 @@
|
|
|
1
|
-
import { Text as PixiText } from 'pixi.js';
|
|
2
|
-
import { GameObject } from '../game-object/game-object';
|
|
3
|
-
class TextObject extends GameObject {
|
|
4
|
-
#pixiText = new PixiText({ anchor: 0.5 });
|
|
5
|
-
#text;
|
|
6
|
-
#textAlign;
|
|
7
|
-
#fontSize;
|
|
8
|
-
#color;
|
|
9
|
-
constructor(opts) {
|
|
10
|
-
super(opts);
|
|
11
|
-
this._addPixiChild(this.#pixiText);
|
|
12
|
-
if (opts) {
|
|
13
|
-
if (opts.text)
|
|
14
|
-
this.text = opts.text;
|
|
15
|
-
if (opts.textAlign)
|
|
16
|
-
this.textAlign = opts.textAlign;
|
|
17
|
-
if (opts.fontSize)
|
|
18
|
-
this.fontSize = opts.fontSize;
|
|
19
|
-
if (opts.color)
|
|
20
|
-
this.color = opts.color;
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
get text() {
|
|
24
|
-
return this.#text;
|
|
25
|
-
}
|
|
26
|
-
set text(text) {
|
|
27
|
-
this.#text = text;
|
|
28
|
-
this.#pixiText.text = text || '';
|
|
29
|
-
}
|
|
30
|
-
get textAlign() {
|
|
31
|
-
return this.#textAlign;
|
|
32
|
-
}
|
|
33
|
-
set textAlign(textAlign) {
|
|
34
|
-
this.#textAlign = textAlign;
|
|
35
|
-
if (textAlign !== undefined)
|
|
36
|
-
this.#pixiText.style.align = textAlign;
|
|
37
|
-
}
|
|
38
|
-
get fontSize() {
|
|
39
|
-
return this.#fontSize;
|
|
40
|
-
}
|
|
41
|
-
set fontSize(fontSize) {
|
|
42
|
-
this.#fontSize = fontSize;
|
|
43
|
-
if (fontSize !== undefined)
|
|
44
|
-
this.#pixiText.style.fontSize = fontSize;
|
|
45
|
-
}
|
|
46
|
-
get color() {
|
|
47
|
-
return this.#color;
|
|
48
|
-
}
|
|
49
|
-
set color(color) {
|
|
50
|
-
this.#color = color;
|
|
51
|
-
if (color !== undefined)
|
|
52
|
-
this.#pixiText.style.fill = color;
|
|
53
|
-
}
|
|
54
|
-
get anchorX() {
|
|
55
|
-
return this.#pixiText.anchor.x - 0.5;
|
|
56
|
-
}
|
|
57
|
-
set anchorX(value) {
|
|
58
|
-
this.#pixiText.anchor.x = value + 0.5;
|
|
59
|
-
}
|
|
60
|
-
get anchorY() {
|
|
61
|
-
return this.#pixiText.anchor.y - 0.5;
|
|
62
|
-
}
|
|
63
|
-
set anchorY(value) {
|
|
64
|
-
this.#pixiText.anchor.y = value + 0.5;
|
|
65
|
-
}
|
|
66
|
-
}
|
|
67
|
-
export { TextObject };
|
|
68
|
-
//# sourceMappingURL=text.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"text.js","sourceRoot":"","sources":["../../src/game-object-ext/text.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAqB,MAAM,4BAA4B,CAAC;AAS3E,MAAM,UAA0C,SAAQ,UAAa;IACnE,SAAS,GAAG,IAAI,QAAQ,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC;IAC1C,KAAK,CAAU;IACf,UAAU,CAA+B;IACzC,SAAS,CAAU;IACnB,MAAM,CAAU;IAEhB,YAAY,IAAwB;QAClC,KAAK,CAAC,IAAI,CAAC,CAAC;QACZ,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QACnC,IAAI,IAAI,EAAE,CAAC;YACT,IAAI,IAAI,CAAC,IAAI;gBAAE,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;YACrC,IAAI,IAAI,CAAC,SAAS;gBAAE,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC;YACpD,IAAI,IAAI,CAAC,QAAQ;gBAAE,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;YACjD,IAAI,IAAI,CAAC,KAAK;gBAAE,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;QAC1C,CAAC;IACH,CAAC;IAED,IAAI,IAAI;QACN,OAAO,IAAI,CAAC,KAAK,CAAC;IACpB,CAAC;IAED,IAAI,IAAI,CAAC,IAAwB;QAC/B,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QAClB,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,IAAI,IAAI,EAAE,CAAC;IACnC,CAAC;IAED,IAAI,SAAS;QACX,OAAO,IAAI,CAAC,UAAU,CAAC;IACzB,CAAC;IAED,IAAI,SAAS,CAAC,SAAkD;QAC9D,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;QAC5B,IAAI,SAAS,KAAK,SAAS;YAAE,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,GAAG,SAAS,CAAC;IACtE,CAAC;IAED,IAAI,QAAQ;QACV,OAAO,IAAI,CAAC,SAAS,CAAC;IACxB,CAAC;IAED,IAAI,QAAQ,CAAC,QAA4B;QACvC,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC;QAC1B,IAAI,QAAQ,KAAK,SAAS;YAAE,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;IACvE,CAAC;IAED,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IAED,IAAI,KAAK,CAAC,KAAyB;QACjC,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,IAAI,KAAK,KAAK,SAAS;YAAE,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC;IAC7D,CAAC;IAED,IAAI,OAAO;QACT,OAAO,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,GAAG,GAAG,CAAC;IACvC,CAAC;IAED,IAAI,OAAO,CAAC,KAAa;QACvB,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,GAAG,KAAK,GAAG,GAAG,CAAC;IACxC,CAAC;IAED,IAAI,OAAO;QACT,OAAO,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,GAAG,GAAG,CAAC;IACvC,CAAC;IAED,IAAI,OAAO,CAAC,KAAa;QACvB,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,GAAG,KAAK,GAAG,GAAG,CAAC;IACxC,CAAC;CACF;AAED,OAAO,EAAE,UAAU,EAAE,CAAC","sourcesContent":["import { EventMap } from '@webtaku/event-emitter';\nimport { Text as PixiText } from 'pixi.js';\nimport { GameObject, GameObjectOptions } from '../game-object/game-object';\n\ntype TextObjectOptions = {\n text: string;\n textAlign?: 'left' | 'center' | 'right';\n fontSize?: number;\n color?: string;\n} & GameObjectOptions;\n\nclass TextObject<E extends EventMap = EventMap> extends GameObject<E> {\n #pixiText = new PixiText({ anchor: 0.5 });\n #text?: string;\n #textAlign?: 'left' | 'center' | 'right';\n #fontSize?: number;\n #color?: string;\n\n constructor(opts?: TextObjectOptions) {\n super(opts);\n this._addPixiChild(this.#pixiText);\n if (opts) {\n if (opts.text) this.text = opts.text;\n if (opts.textAlign) this.textAlign = opts.textAlign;\n if (opts.fontSize) this.fontSize = opts.fontSize;\n if (opts.color) this.color = opts.color;\n }\n }\n\n get text() {\n return this.#text;\n }\n\n set text(text: string | undefined) {\n this.#text = text;\n this.#pixiText.text = text || '';\n }\n\n get textAlign() {\n return this.#textAlign;\n }\n\n set textAlign(textAlign: 'left' | 'center' | 'right' | undefined) {\n this.#textAlign = textAlign;\n if (textAlign !== undefined) this.#pixiText.style.align = textAlign;\n }\n\n get fontSize() {\n return this.#fontSize;\n }\n\n set fontSize(fontSize: number | undefined) {\n this.#fontSize = fontSize;\n if (fontSize !== undefined) this.#pixiText.style.fontSize = fontSize;\n }\n\n get color() {\n return this.#color;\n }\n\n set color(color: string | undefined) {\n this.#color = color;\n if (color !== undefined) this.#pixiText.style.fill = color;\n }\n\n get anchorX() {\n return this.#pixiText.anchor.x - 0.5;\n }\n\n set anchorX(value: number) {\n this.#pixiText.anchor.x = value + 0.5;\n }\n\n get anchorY() {\n return this.#pixiText.anchor.y - 0.5;\n }\n\n set anchorY(value: number) {\n this.#pixiText.anchor.y = value + 0.5;\n }\n}\n\nexport { TextObject };\n"]}
|