LiamMyles / pwp

Playing with Polygon Friends

Playing With Polygons (PWP)

A project created for the fun of creating cool patterns with maths 🔢

Glass Diagrams

 classDiagram
    NGonDrawer --|> NGonAnimator
    note for NGonDrawer "Constructed with the NGon shape \n and provides all the methods used \n by the canvas to draw the NGon"
    NGonDrawer --|> NGonSequence
    SpiralsDrawer --|> SpiralsAnimator

    class NGonDrawer{
      NGonSubdivisions: NGon
      String: background
      Boolean: showVertices
      Boolean: showSubdivisions
      number: size    
      toggleVertices()
      toggleSubdivisions()
      -alignDrawing()
      -drawSubdivisions()
      -drawVertices()
      -drawNGon()
      -drawLoop()
      +initializeSketch()
    }

    class NGonAnimator{
      DrawMode: drawMode
      Number: timeSinceLastIncrement
      Number: currentLineDrawn
      Number: currentAnimationTick
      Number: linesPerDraw
      Number: animationDurationSeconds
      Number: totalAnimationTicks
      Boolean: isPlaying
      +reset()
      +setLinePerDraw()
      +useLinesPerDraw()
      +setDrawMode()
      +useDrawMode()
      +setDurationOfDraw()
      +useDurationOfDraw()
      -drawActiveLines()
      +incrementDrawing()
      +stepForward()
      +stepBack()
      +useTogglePlaying()
      -drawBackground()
      -drawLoop()
    }

Sequences to create different variation's

Get Shape Classes

  classDiagram
    NGon --|> NGonJumps
    NGonJumps --|> NGonSubdivisions
    NGonJumps --|> NGonSpirals

    class NGon {
      Number verticesAmount
      Array~Vertices~ verticesMatrix
      setVertices(Number) void
    }

    class NGonJumps {
      Array~Number~ jumps
      setJumps(Array~Number~) void
    }

    class NGonSubdivisions{
      Number subdivisions
      Number points
      Boolean autoPoints
      setSubdivisions(Number) void
      useSubdivisions(Number)
      setPoints(Number) void
      usePoints(Number) void
      calculateVertexMatrix() void
    }

    class NGonSpirals{
      Number: reduction
      setReduction(Number)
    }

Default N-Gon Shape

graph TD
  UV[updateVertices] --> V
  subgraph User Controlled Variables
  V[/Vertices\]
  J[/Jumps\]
  S[/Subdivisions\]
  P[/Points\]
  end
  subgraph Jumped & Subdivision & Points Matrix
  subgraph Jumped & Subdivision Matrix
  subgraph Jumped Matrix
  subgraph Basic Matrix
  V --> N
  end
  N[getNGonVertices] -->|initialVertices| JP[getJumpedPoints]
  J -->|Optional| JP
  end
  S ---> SM
  JP --> SM[getSubdivisionsMatrix]
  end
  SM --> PM[getPointsMatrix]
  V --> PM
  P --> PM
  S --> PM
  end
  subgraph Draw
  PM --> D{Matrix to Draw}
  end

Spiral N-Gon Shape

graph TD
  subgraph User Controlled Variables
  V[/Vertices\]
  J[/Jumps\]
  R[/Reductions\]
  M[/Mirror Spiral\]
  end
  subgraph SM [Spiral Matrix]
  V --> N
  N[getNGonVertices] -->|initialVertices| JP[getJumpedPoints]
  J -->|Optional| JP
  JP --> S[getSpiral]
  R --> S
  M --> S
  end
  subgraph Draw
  S --> D{Matrix to Draw}
  end