Skip to content

Latest commit

 

History

History
36 lines (25 loc) · 1.13 KB

README.md

File metadata and controls

36 lines (25 loc) · 1.13 KB

Shapes

A tool for discovering new CSS polygon shapes generated with css-doodle @shape() function and mathematical expressions. Read more about its usage: https://yuanchuan.dev/polygon-shapes.


screenshot of interface

Commands

  • fill: nonzero | evenodd;
  • frame: number for frame size;
  • points: number between 3 - 3600;
  • rotate: number in degree for rotation;
  • scale: number for scale factor;
  • move: a pair of value for translating x, y coords;
  • turn: angle between start/end point, defaults to be 1;
  • x: x coordinate for cartesian equation;
  • y: y coordinate for cartesian equation;
  • r: polar equation;

Operations

  • Operations available: +, -, *, /, %, ^, |, &, >>, <<.
  • All JavaScript Math functions and constants can be used. Such as sin, cos, tan, PI or π etc.

Variables

Everything declared is considered a variable.

Website

https://css-doodle.com/shapes