More Shapes plugin for litecanvas

Plugin to draw shapes like ellipse and polygons in litecanvas games.

Install

NPM: npm i @litecanvas/plugin-more-shapes

CDN: https://unpkg.com/@litecanvas/plugin-more-shapes/dist/dist.js

Usage

See a demo on playground.

`vertices(points: number[][])`

Draw lines connecting vertices.

import litecanvas from "litecanvas"
import pluginMoreShapes from "@litecanvas/plugin-more-shapes"

// example: draw a triangle
function draw() {
  cls(0)

  vertices([
    // X Y points
    [0, 128],
    [128, 128],
    [64, 0],
  ])

  // you should choose fill or/and stroke that vertices
  stroke(4)
  // or/and
  // fill(5)
}

`oval(x, y, rx, ry, color)`

Draw a ellipse outline.

import litecanvas from "litecanvas"
import pluginMoreShapes from "@litecanvas/plugin-more-shapes"

function draw() {
  cls(0)
  oval(100, 100, 32, 64, 4)
}

`ovalfill(x, y, rx, ry, color)`

Draw a color-filled ellipse.

`rpol(x, y, sides, radius, color)`

Draw a regular polygon outline.

import litecanvas from "litecanvas"
import pluginMoreShapes from "@litecanvas/plugin-more-shapes"

function draw() {
  cls(0)
  rpol(100, 100, 5, 64, 4)
}

`rpolfill(x, y, sides, radius, color)`

Draw a color-filled regular polygon.

`star(x, y, tips, radius, color)`

Draw a star outline.

import litecanvas from "litecanvas"
import pluginMoreShapes from "@litecanvas/plugin-more-shapes"

function draw() {
  cls(0)
  star(100, 100, 8, 64, 5)
}

`starfill(x, y, tips, radius, color)`

Draw a color-filled star.

litecanvas / plugin-more-shapes