[Two.js] Issue 548

Rendering points with Two.js

by jonobr1

HTML

<script src="https://cdn.jsdelivr.net/gh/jonobr1/two.js@dev/build/two.js"></script>

JavaScript

var two = new Two({
	fullscreen: true,
  autostart: true
}).appendTo(document.body);

var points;


var vertices = [];
for (var i = 0; i < 100; i++) {
	var x = Math.random() * two.width;
  var y = Math.random() * two.height;
	vertices.push(new Two.Vector(x, y));
}

points = two.makePoints(vertices);
points.size = 5;

points = two.makePoints(
	two.width / 2,
  two.height / 2,
  two.width / 2 + 20,
  two.height / 2,
  two.width / 2 + 40,
  two.height / 2
);

points.noStroke();
points.fill = '#00AEFF';
points.size = 10;