1.1.0 • Published 8 years ago

gl-sphere v1.1.0

Weekly downloads
1
License
MIT
Repository
github
Last release
8 years ago

gl-sphere

Generate all you need to build an webgl sphere based on stack.gl

example

npm.io

how to use

var createSphere = require("gl-sphere");
var sphere = createSphere(
  gl,
  {
    radius: 3,
    longDivision: 30,
    latDivision: 30,
    position: {x: 0.5, y: -1.0, z: -14.0},
    rotation: {x: 0, y: Math.PI / 3, z: Math.PI / 5},
    color: {r: 0.8, g: 0.1, b: 0.2, a: 1.0}
  }
);

/*In your render method*/
render() {
	/*......*/
	shader.uniforms.uModelView = sphere.matrix;
	sphere.vertices.bind();
	shader.attributes.aPosition.pointer();
	sphere.colors.bind();
	shader.attributes.aColor.pointer();
	sphere.normals.bind();
	shader.attributes.aNormal.pointer();
	sphere.indices.bind();
	gl.drawElements(gl.TRIANGLES, sphere.length, gl.UNSIGNED_SHORT, 0);
	/*......*/
}

how to run demo

npm install
npm run start-example

After running npm start, a wzrd server should start running on http://localhost:9966/ Enjoy!