Skip to content

A GPU animated point cloud for three.js suitable for tweening large numbers of points

License

Notifications You must be signed in to change notification settings

sasakiassociates/animated-points

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

animated-points

A GPU animated point cloud for three.js suitable for tweening large numbers of points

##Installation npm install --save animated-points

##Usage

import AnimatedPoints from "animated-points";

//load the records (typically from a file or API call)
var records = [{type:'A', age:23},{type:'B', age:24}];

//create a new instance of AnimatedPoints passing in the total number of records (this must be declared up front and cannot be changed)
var animatedPoints = new AnimatedPoints(records.length);
animatedPoints.setProperties(_getPositions1(records));

//to animate to the next state, calculate a different set of positions for the data. Using a 2 seond delay as an example.
setTimeout(function() {
  animatedPoints.setProperties(_getPositions2(records));
}, 2000);

for a more complete example on how to use this with three.js, see the demo in 'examples'.

About

A GPU animated point cloud for three.js suitable for tweening large numbers of points

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published