xxxxxxxxxx
33
import {Path, Distort} from 'https://cdn.jsdelivr.net/npm/@baku89/pave@0.5.1/+esm'
console.log('loaded')
window.setup = function() {
createCanvas(400, 400);
}
window.draw = function() {
background('white');
const rect = Path.rect([100, 100], [300, 300])
const wavingRect = Path.distort(
rect,
Distort.wave(20, 200, frameCount * 5),
{subdivide: 10}
)
const path = Path.unite([
Path.circle([mouseX, mouseY], 100),
wavingRect
])
const offsetPath = Path.offset(path, -10)
strokeWeight(5)
strokeJoin('round')
noFill()
Path.drawToP5(path)
Path.drawToP5(offsetPath)
}