domain-destroyer/dist/ParticleRenderer.js

A modern recreation of the timeless Desktop Destroyer game developed by Ing. Miroslav Nemecek, written in TypeScript.

export class ParticleRenderer {
    constructor(game) {
        // returns the elements to render a particle
        this.generate = (partNum, coords) => {
            // create the sprite view frame
            this.viewFrame = document.createElement("div");
            this.viewFrame.id = "destroyer-particle-sprite-view-frame";
            this.viewFrame.className = `destroyer-sprite particle-sprite-view-frame`;
            this.viewFrame.style.zIndex = `${game.zIndStart + 1}`;
            this.viewFrame.style.top = `${coords.y - 75 + game.currentWeapon.particleOffset}px`;
            this.viewFrame.style.left = `${coords.x - 75 + game.currentWeapon.particleOffset}px`;
            // create the spritesheet renderer
            this.spriteRenderer = document.createElement("div");
            this.spriteRenderer.id = "destroyer-particle-spriteRenderer";
            this.spriteRenderer.className = `destroyer-sprite particle-sprite-renderer`;
            this.spriteRenderer.style.backgroundImage = `url(${game.currentWeapon.sprites.particles[partNum]})`;
            this.spriteRenderer.style.zIndex = `${game.zIndStart + 2}`;
            // pack the renderer into the view frame
            this.viewFrame.appendChild(this.spriteRenderer);
            return this.viewFrame;
        };
    }
}
export default ParticleRenderer;
//# sourceMappingURL=ParticleRenderer.js.map