SVG "Invader" Sprite Generator

CLI Usage

Installation

npm install -g svg-invader-gen

CLI Options

svg-invader-gen [OPTIONS]

• -x #, --pixel-width=# [NUMBER] Width of "pixel" (Default is 20)
• -y #, --pixel-height=# [NUMBER] Height of "pixel" (Default is 20)
• -w #, --pixels-wide=# [NUMBER] Number of pixels wide to make the sprite (Default is 5)
• -h #, --pixels-high=# [NUMBER] Number of pixels high to make the sprite (Default is 5)
• -n, --non-symmetric [FLAG] Don't mirror the sprite across the vertical axis
• -o [TYPE], --output-type=[TYPE] [STRING] Output type: "svg", "html", or "text" (Default is "svg")

Module usage

Installation

npm install -S svg-invader-gen

JS

const invaderGen = require('svg-invader-gen');

const opts = {
  pixelsWide: 5,
  pixelsHigh: 5,
  pixelWidth: 20,
  pixelHeight: 20,
  verticalSymmetry: true,
  outputType: 'svg',
};

const go = () => {
  const sprite = invaderGen.getSprite(opts);

  const svg = invaderGen.outputSprite(opts, sprite);

  console.log(svg);
};

go();

TypeScript

import { Sprite, SpriteOptions, getSprite, outputSprite } from 'svg-invader-gen';

const opts: SpriteOptions = {
  pixelsWide: 5,
  pixelsHigh: 5,
  pixelWidth: 20,
  pixelHeight: 20,
  verticalSymmetry: true,
  outputType: 'svg',
};

const go = () => {
  const sprite: Sprite = getSprite(opts);
  const svg: string = outputSprite(opts, sprite);

  console.log(svg);
};

go();