regl-line2d

Draw polyline with regl.

Remake on gl-line2d:

• GPU join calculation.
• Bevel, round and rectangular joins.
• Dash patterns.
• Self-overlapping and sharp angles cases.
• Multiline rendering.
• Float64 precision.
• <polyline>-compatible API

Demo.

Usage

let regl = require('regl')({extensions: 'angle_instanced_arrays'})
let line2d = require('regl-line2d')(regl)

// draw red triangle
line2d.render({ thickness: 4, points: [0,0, 1,1, 1,0], close: true, color: 'red' })

line2d.render(options|list?)

Draw line or multiple lines and update options, once per frame at most.

To render multiple lines pass an array with options for every line as list:

line2d.render([
  {thickness: 2, points: [0,0, 1,1], color: 'blue'},
  {thickness: 2, points: [0,1, 1,0], color: 'blue'}
])

null argument will destroy line2d instance and dispose resources.

line2d.update(options|list)

Update line(s) not incurring redraw.

line2d.draw(id?)

Draw lines from last updated options. id integer can specify a single line from the list to redraw.

line2d.destroy()

Dispose line2d and associated resources.

Related

• regl-scatter2d
• regl-error2d

Similar

• regl-line-builder
• instanced-lines-demos

License

(c) 2017 Dima Yv. MIT License

Development supported by plot.ly.

Current Tags

• 3.0.18                                ...           latest (5 years ago)

2 Versions

• 3.0.18                                ...           5 years ago
• 3.0.15                                ...           6 years ago