Class

Verly

Verly(iterations, canvas, ctx)

Constructor

new Verly(iterations, canvas, ctx)

Parameters:
Name Type Description
iterations Number
canvas HTMLCanvasElement
ctx CanvasRenderingContext2D

View Source Verly.js, line 15

Methods

addEntity(e)

Parameters:
Name Type Description
e Entity

View Source Verly.js, line 89

createBox(x, y, w, h)

Parameters:
Name Type Description
x number
y number
w number
h number

View Source Verly.js, line 137

createCloth(posx, posy, w, h, segments, pinOffset)

Parameters:
Name Type Description
posx number
posy number
w number
h number
segments number
pinOffset number

View Source Verly.js, line 199

createHexagon(x, y, segments, radius, stride1, stride2)

Parameters:
Name Type Default Description
x number
y number
segments number
radius number 50
stride1 number 1
stride2 number 5

View Source Verly.js, line 162

createRope(x, y, segments, gap, pin)

Parameters:
Name Type Default Description
x number
y number
segments number 10
gap number 15
pin number 0

View Source Verly.js, line 253

interact()

drags points

View Source Verly.js, line 96

joinEntities(…args)

Joins two Entity Class Together
Parameters:
Name Type Attributes Description
args Entity <repeatable>

View Source Verly.js, line 57

Example
let canvas = document.getElementById('c');
let ctx = canvas.getContext('2d');
let width = canvas.width = 600;
let height = canvas.height = 500;

let verly = new Verly(16, canvas, ctx);
let box = verly.createBox(100, 100, 100, 100);
let rope = verly.createRope(100, 100, 15, 10, 0);

// verly.joinEntities(...Entity)
let mix = verly.joinEntities(box, rope);
mix.addStick(0, 18, 20)

function animate() {
 ctx.clearRect(0, 0, width, height);

 verly.update();
 verly.render();
 verly.interact();
 verly.renderPointIndex();

 requestAnimationFrame(animate);
}
animate();

render()

renders all the entity

View Source Verly.js, line 122

renderPointIndex()

View Source Verly.js, line 113

update()

updates all the physics stuff

View Source Verly.js, line 103

Verly()

Constructor

new Verly()

Version:
  • 1.2.0
Author:
  • <hazru.anurag@gmail.com>

View Source Verly.js, line 3

Methods

addEntity(e)

Parameters:
Name Type Description
e Entity

View Source Verly.js, line 89

createBox(x, y, w, h)

Parameters:
Name Type Description
x number
y number
w number
h number

View Source Verly.js, line 137

createCloth(posx, posy, w, h, segments, pinOffset)

Parameters:
Name Type Description
posx number
posy number
w number
h number
segments number
pinOffset number

View Source Verly.js, line 199

createHexagon(x, y, segments, radius, stride1, stride2)

Parameters:
Name Type Default Description
x number
y number
segments number
radius number 50
stride1 number 1
stride2 number 5

View Source Verly.js, line 162

createRope(x, y, segments, gap, pin)

Parameters:
Name Type Default Description
x number
y number
segments number 10
gap number 15
pin number 0

View Source Verly.js, line 253

interact()

drags points

View Source Verly.js, line 96

joinEntities(…args)

Joins two Entity Class Together
Parameters:
Name Type Attributes Description
args Entity <repeatable>

View Source Verly.js, line 57

Example
let canvas = document.getElementById('c');
let ctx = canvas.getContext('2d');
let width = canvas.width = 600;
let height = canvas.height = 500;

let verly = new Verly(16, canvas, ctx);
let box = verly.createBox(100, 100, 100, 100);
let rope = verly.createRope(100, 100, 15, 10, 0);

// verly.joinEntities(...Entity)
let mix = verly.joinEntities(box, rope);
mix.addStick(0, 18, 20)

function animate() {
 ctx.clearRect(0, 0, width, height);

 verly.update();
 verly.render();
 verly.interact();
 verly.renderPointIndex();

 requestAnimationFrame(animate);
}
animate();

render()

renders all the entity

View Source Verly.js, line 122

renderPointIndex()

View Source Verly.js, line 113

update()

updates all the physics stuff

View Source Verly.js, line 103