Portieren Sie ein altes Shoot'em-Up-Spiel auf unseren Knien auf JavaScript

Es gibt ein altes Spielzeug LaserAge, das in Flash (auf einem sehr alten Macromedia Flash 4) geschrieben ist und nur unter Windows funktioniert. Als Kind hat es mir sehr gut gefallen, deshalb habe ich beschlossen, es für die Seele zu portieren, damit ich von allen Geräten aus über den Browser spielen kann.

Das Ziel des Spiels ist es, Gegner mit Ihrem Raumschiff auf verschiedenen Ebenen zu zerstören und Boni zu erhalten. Wenn Sie einen Bonus erhalten, wird die Waffe verbessert. Wenn ein feindlicher Torpedo trifft, wird die Waffe des Spielers herabgestuft.

Wenn alle Gegner in einem Level zerstört sind, wechseln Sie zum nächsten Level. Insgesamt gibt es 100 Level.

In Bezug auf das Spiel ist das Level eine Welle (Wave) und mehrere Wellen werden zu einem großen Level (Level) kombiniert, was einfach eine Änderung des Hintergrunds ist, d. H. Nur 4 große Ebenen in jeweils 25 Wellen. In der letzten Welle eines hohen Levels gibt es normalerweise einen Boss - einen Feind mit einem enormen Lebenswert und mächtigen Waffen.

Geschäftslogikspiel

Spielraum

Es ist ein gewöhnlicher rechteckiger Bereich, im oberen Teil befinden sich feindliche Schiffe und unterhalb des Spielers.

, , .

.

( ) ( ).

, : ( ), .

1 (), 0 .

• —
  
  
  • — 1
  • — 2
  • — 3
• 
  
  
  • — 4
  • — 5
• — 6 7 ( )
• — 8 ( )
• — 9 ( , , )

:

• — 15-19 ( , , )
• — 20-24
• — 25-29
• — 30-34
• — 30-34
• — 35 — 39
• — 40+

, .

, . ().

:

"torpedo": {
    "sprite": "Bullet1_1.png", // 
    "isRandomIntensity": false, //     - true    - false
    "intensity": [
        // 0
        {
            "min": 50, //  
            "max": 200, //  
            "type": "pause" //pause -  , shoot -  ()
        },
        // 1
        {
            "min": 100,
            "max": 200,
            "type": "shoot"
        },
        {
            "min": 50,
            "max": 80,
            "type": "pause"
        },
        {
            "min": 30,
            "max": 100,
            "repeat": 2
        }
    ],
    "speed": 2.5, //
    "type": "bullet", // 
    "sound": "alienTorpedo"
}

, .

← →. .

( ).

, , , . .

JSON- :

"alien10": {
    "life": 35,
    "weapons": [
        {
            "weapon": "blueTorpedo",
            "position": {
                "x": -6,
                "y": 0
            }
        },
        {
            "weapon": "blueTorpedo",
            "position": {
                "x": 6,
                "y": 0
            }
        }
    ],
    "sprite": "AlienShip10_1.png",
    "movement": "horizontalFast",
    "killPoints": 2100
}

JSON- :

"horizontalFast": {
    "movements": [
        {
            "type": "freeMovement", //freeMovement - , followPlayer -    (  )
            "speedDelta": {
                "vx": -6,
                "vy": 0
            },
            "intensity": [ //    
                {
                    "min": 20,
                    "max": 150
                },
                {
                    "min": 150,
                    "max": 350
                }
            ]
        }
    ]
}

,

, . , ().

, . .

JSON- :

        "2": {
            "level": 1, 
            "enemies": [ //  
                {
                    "id": "alien1",
                    "position": {
                        "x": 200,
                        "y": 35
                    }
                },
                //...
                {
                    "id": "alien1",
                    "position": {
                        "x": 525,
                        "y": 40
                    }
                }
            ],
            "bonuses": [ //  
                {
                    "id": "bonus1",
                    "position": {
                        "x": 350,
                        "y": 10
                    }
                }
            ]
        },

JavaScript

JavaScript, Hexi JS: https://github.com/kittykatattack/hexi .

:

• (, )
• , ,
• 
  
  
  • -. JSON (, )
• (), -.

- TexturePacker

: https://github.com/kittykatattack/sound.js

:

:

Main

.

:

• resources — (, , json)
• sounds — : — , —
• gameScene — HexiJS
• game — Game
• hexi — HexiJS
• gameStorage — localStorage

:

• init() — HexiJS
• load() — (, , json)
• setup() — , ,
• playLoop() — ( , , , ).
• saveGame() —
• loadGame() —

:

Main.resources = [
        "images/environment1.png",
        "images/environment2.png",
        "images/environment3.png",
        "images/environment4.png",
        "images/interface.png",
        "images/life-icon.png",

        "images/ships-texture.json",
        "images/bullet-texture.json",

        "sounds/alien-torpedo-shoot.wav",
        "sounds/alien-red-plasma-shoot.wav",
        "sounds/hero-torpedo-shoot.wav",
        "sounds/explode.wav",
        "sounds/hero-green-plasma-shoot.wav",
        "sounds/alien-green-plasma-shoot.wav",
        "sounds/alien-blue-torpedo-shoot.wav",
        "sounds/alien-yellow-laser.wav",
        "sounds/pulse-plasma.wav",
        "sounds/laser.wav",

        "sounds/track0.ogg",
        "sounds/track1.ogg",
        "sounds/track2.ogg",
        "sounds/track3.ogg",
        "sounds/track4.ogg",

        "data/hero-configuration.json",
        "data/levels-configuration.json",
        "data/enemy-configuration.json",
        "data/ui-configuration.json",
    ];

Game

.

:

• level — . : { "wave": 1 // , "type": 1 }
• score — . : {"points": 0 }
• bulletsController — BulletsController.
• enemyController — EnemyController. ( .. )
• player — Player
• hexi — Hexi ()
• game — Game
• gameStorage — GameStorage

:

• clearShips() — ,
• setupLevel() — ( , , )
• nextLevel() —
• previousLevel() —
• forwardLevel() — ( 5)
• rewindLevel() — ( 5)
• restoreState(gameState: JSON) — gameState
• resetGame() — ( )
• update() —
• enemyDestroyed() —

GameStorage

.

:

• game — Game

:

• save() —
• load() —

InputDevice

: click touch , .

:

• game — Game

:

• init() — callback'
• loadTapped() — "Load"
• storeTapped() — "Store"
• resetTapped() — "Reset"
• pauseTapped() — "Pause"

Actor

.

:

• hexi — Hexi ()
• game — Game
• life —
• initialLife —
• sprite — Hexi.Sprite
• shipConfiguration —

:

• move() —
• update() —
• setPosition(position: {x, y}) —

WeaponedActor

( ) .

:

• automatedWeapons —
• canShoot —
• isWeaponShooting —

:

• startShoot() —
• stopShoot() —
• onShootStarted() — ,
• onShootStopped() — ,
• updateShooting() —

Enemy

.

:

• type —
• syncWeapons —
• movementEngine — MovementEngine

:

• setWeapon() —
• shootWithWeapon() —
• setLifeLine() —
• hit() — ()

MovementEngine

.

, . vx, vy . ( ).

:

• movementsConfiguration —
• firstMovementConfiguration —
• movementItensity —
• movementItensityCounter —
• movementItensitySlot —
• isBounceBottom — . false,

:

• setMovement() —
• updateMovement() —

Player

.

:

• weapons —
• collisionSprite — ( , )
• weaponLifeLevels —
• invisibilityCounter — ( , )

:

• upgrade() — (+1 )
• downgrade() — (+1 )
• shootWithLaser(currentWeapon, weapon) —
• shootWithBullets(currentWeapon, weapon) —
• setWeapon() —
• setLife(life: number) — ( )
• hitUpgrade(upgradeItem) —

Bonus

. .

:

• type —
• movementEngine — MovementEngine
• upgradeBonus —

:

• shootWithUpgrade(upgradeBonus: JSON) —

EnemyController

, , .

:

• enemies —
• bonuses —
• player —
• upgrades —

:

• isLevelCompleted() — ( , )
• update() —
• clear() — ,

BulletsController

(), .

:

• playerBullets —
• enemyBullets —
• explosionSplashes —
• playerLaser — ( ).

:

• update() — ,
• clear() — ,
• updatePlayerBullets() —
• updatePlayerLaser() —
• updateEnemyBullets() —
• updateExplosions() —

JavaScript.

, , .

, , ..

, !

!

http://laseroid.azurewebsites.net/ —

https://github.com/EntityFX/laseroid —