/ccompass

A javascript library for simplify the canvas api

Primary LanguageJavaScript

Ccompass

A library for simplify your life with HTML5 canvas, inspired in P5.js

Objetive

Ccompass reduces the boilerplate code when draw in canvas

without ccompass

// set up
const canvas = document.getElementById('canvas1')
const ctx = canvas.getContext('2d')

// draw
ctx.beginPath()
ctx.moveTo(20, 20)
ctx.lineTo(100, 20)
ctx.strokeStyle = 'tomato'
ctx.stroke()
ctx.closePath()

with ccompass

// set up
import Ccompass from 'ccompass'

const canvas = document.getElementById('canvas1')
const ctx = canvas.getContext('2d')
const draw = new Ccompass(ctx)

// draw
draw.stroke('tomato')
draw.line(20, 20, 100, 20)

Todos

Vector Method

  • Set
  • Add
  • Subtract
  • Set Magnitude
  • Multiply
  • Copy

Functions to add

  • Perling noice function
  • Lerp function