在膝盖上将旧的射击游戏移植到JavaScript

有一个古老的LaserAge玩具，它是用Flash编写的（在非常古老的Macromedia Flash 4上），并且只能在Windows下使用。小时候，我真的很喜欢它，所以我决定将它移植为灵魂，以便可以在所有设备上的浏览器中播放。

游戏的目标是在各个级别上与您的飞船消灭对手并获得奖励，如果您获得奖励，武器也会得到改善。当敌人的鱼雷击中时，玩家的武器降级。

当一个关卡上的所有敌人都被消灭时，它会切换到下一个关卡。共有100个级别。

就游戏而言，关卡是一个波浪（Wave），几个波浪被组合成一个大关卡（Level），这仅仅是背景的变化，即 每次只有4个大级别，其中25个挥手。在最后一波高潮中，通常会有一个boss-一个具有巨大生命值和强大武器的敌人。

业务逻辑游戏

游戏空间

这是一个普通的矩形区域，上部是敌舰，在玩家下方。

, , .

.

( ) ( ).

, : ( ), .

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 —