PixiJS

Class: Geometry

PIXI.Geometry

The Geometry represents a model. It consists of two components: GeometryStyle - The structure of the model such as the attributes layout GeometryData - the data of the model - this consits of buffers.

This can include anything from positions, uvs, normals, colors etc..

Geometry can be defined without passing in a style or data if required (thats how I prefer!)

let geometry = new PIXI.Geometry();

geometry.addAttribute('positions', [0, 0, 100, 0, 100, 100, 0, 100], 2);
geometry.addAttribute('uvs', [0,0,1,0,1,1,0,1],2)
geometry.addIndex([0,1,2,1,3,2])

new PIXI.Geometry (buffers, attributes)

Geometry.js:42
Name Type Description
buffers array optional

an array of buffers. optional.
attributes object optional

of the geometry, optional structure of the attributes layout

Methods

PIXI.Geometry.merge (geometries)PIXI.Geometry static

Geometry.js:318

merges an array of geometries into a new single one geometry attribute styles must match for this operation to work

Name Type Description
geometries array | PIXI.Geometry

array of geometries to merge
Returns:
Type Description
PIXI.Geometry shiney new geometry

addAttribute (id, buffer, size, normalised, type, stride, start)PIXI.Geometry

Geometry.js:87

Adds an attribute to the geometry

Name Type Default Description
id String

the name of the attribute (matching up to a shader)
buffer PIXI.Buffer optional

the buffer that holds the data of the attribute . You can also provide an Array and a buffer will be created from it.
size Number 0 optional

the size of the attribute. If you hava 2 floats per vertex (eg position x and y) this would be 2
normalised Boolean false optional

should the data be normalised.
type Number PIXI.TYPES.FLOAT optional

what type of numbe is the attribute. Check {PIXI.TYPES} to see the ones available
stride Number 0 optional

How far apart (in floats) the start of each value is. (used for interleaving data)
start Number 0 optional

How far into the array to start reading values (used for interleaving data)
Returns:
Type Description
PIXI.Geometry returns self, useful for chaining.

addIndex (buffer)PIXI.Geometry

Geometry.js:153

Adds an index buffer to the geometry The index buffer contains integers, three for each triangle in the geometry, which reference the various attribute buffers (position, colour, UV coordinates, other UV coordinates, normal, …). There is only ONE index buffer.

Name Type Description
buffer PIXI.Buffer optional

the buffer that holds the data of the index buffer. You can also provide an Array and a buffer will be created from it.
Returns:
Type Description
PIXI.Geometry returns self, useful for chaining.

clone ()PIXI.Geometry

Geometry.js:278

returns a clone of the geometry

Returns:
Type Description
PIXI.Geometry a new clone of this geometry

destroy ()

Geometry.js:253

Destroys the geometry.

getAttribute (id)PIXI.Attribute

Geometry.js:140

returns the requested attribute

Name Type Description
id String

the name of the attribute required
Returns:
Type Description
PIXI.Attribute the attribute requested.

getIndex ()PIXI.Buffer

Geometry.js:182

returns the index buffer

Returns:
Type Description
PIXI.Buffer the index buffer.

interleave ()PIXI.Geometry

Geometry.js:193

this function modifies the structure so that all current attributes become interleaved into a single buffer This can be useful if your model remains static as it offers a little performance boost

Returns:
Type Description
PIXI.Geometry returns self, useful for chaining.