jasonsturges / pixi-drawing-shapes

Drawing shapes with Pixi.js

Pixi.js Drawing Shapes

Drawing shapes with Pixi.js using drawing function and @pixi/graphics-extras package.

Live demo: https://jasonsturges.com/pixi-drawing-shapes/

Drawing Functions

Shape	Package
Arc	Example drawing function
Burst	Example drawing function
Chamfer Rectangle	Pixi graphics-extras drawing function
Dash	Example drawing function
Fillet Rectangle	Pixi graphics-extras drawing function
Gear	Example drawing function
Polygon	Example drawing function
Regular Polygon	Pixi graphics-extras drawing function
Rounded Polygon	Pixi graphics-extras drawing function
Rounded Rectangle	Pixi graphics-extras drawing function
Star	Example drawing function
Star	Pixi graphics-extras drawing function
Torus	Pixi graphics-extras drawing function
Wedge	Example drawing function

Getting Started

Install dependencies: npm i

To run a local development server:

• npm run dev — Live reload using Vite
• npm run preview — Preview build artifact (requires a build)