@awayjs/scene
Version:
AwayJS scene classes
546 lines (545 loc) • 23.5 kB
JavaScript
import { __extends } from "tslib";
import { ElementsType } from '@awayjs/renderer';
import { PrimitivePrefabBase } from '../prefabs/PrimitivePrefabBase';
/**
* A Cube primitive prefab.
*/
var PrimitiveCubePrefab = /** @class */ (function (_super) {
__extends(PrimitiveCubePrefab, _super);
/**
* Creates a new Cube object.
* @param width The size of the cube along its X-axis.
* @param height The size of the cube along its Y-axis.
* @param depth The size of the cube along its Z-axis.
* @param segmentsW The number of segments that make up the cube along the X-axis.
* @param segmentsH The number of segments that make up the cube along the Y-axis.
* @param segmentsD The number of segments that make up the cube along the Z-axis.
* @param tile6 The type of uv mapping to use. When true, a texture will be subdivided in a 2x3 grid,
* each used for a single face. When false, the entire image is mapped on each face.
*/
function PrimitiveCubePrefab(material, elementsType, width, height, depth, segmentsW, segmentsH, segmentsD, tile6) {
if (material === void 0) { material = null; }
if (elementsType === void 0) { elementsType = 'triangle'; }
if (width === void 0) { width = 100; }
if (height === void 0) { height = 100; }
if (depth === void 0) { depth = 100; }
if (segmentsW === void 0) { segmentsW = 1; }
if (segmentsH === void 0) { segmentsH = 1; }
if (segmentsD === void 0) { segmentsD = 1; }
if (tile6 === void 0) { tile6 = true; }
var _this = _super.call(this, material, elementsType) || this;
_this._width = width;
_this._height = height;
_this._depth = depth;
_this._segmentsW = segmentsW;
_this._segmentsH = segmentsH;
_this._segmentsD = segmentsD;
_this._tile6 = tile6;
return _this;
}
Object.defineProperty(PrimitiveCubePrefab.prototype, "width", {
/**
* The size of the cube along its X-axis.
*/
get: function () {
return this._width;
},
set: function (value) {
this._width = value;
this._pInvalidatePrimitive();
},
enumerable: false,
configurable: true
});
Object.defineProperty(PrimitiveCubePrefab.prototype, "height", {
/**
* The size of the cube along its Y-axis.
*/
get: function () {
return this._height;
},
set: function (value) {
this._height = value;
this._pInvalidatePrimitive();
},
enumerable: false,
configurable: true
});
Object.defineProperty(PrimitiveCubePrefab.prototype, "depth", {
/**
* The size of the cube along its Z-axis.
*/
get: function () {
return this._depth;
},
set: function (value) {
this._depth = value;
this._pInvalidatePrimitive();
},
enumerable: false,
configurable: true
});
Object.defineProperty(PrimitiveCubePrefab.prototype, "tile6", {
/**
* The type of uv mapping to use. When false, the entire image is mapped on each face.
* When true, a texture will be subdivided in a 3x2 grid, each used for a single face.
* Reading the tiles from left to right, top to bottom they represent the faces of the
* cube in the following order: bottom, top, back, left, front, right. This creates
* several shared edges (between the top, front, left and right faces) which simplifies
* texture painting.
*/
get: function () {
return this._tile6;
},
set: function (value) {
this._tile6 = value;
this._pInvalidatePrimitive();
},
enumerable: false,
configurable: true
});
Object.defineProperty(PrimitiveCubePrefab.prototype, "segmentsW", {
/**
* The number of segments that make up the cube along the X-axis. Defaults to 1.
*/
get: function () {
return this._segmentsW;
},
set: function (value) {
this._segmentsW = value;
this._pInvalidatePrimitive();
this._pInvalidateUVs();
},
enumerable: false,
configurable: true
});
Object.defineProperty(PrimitiveCubePrefab.prototype, "segmentsH", {
/**
* The number of segments that make up the cube along the Y-axis. Defaults to 1.
*/
get: function () {
return this._segmentsH;
},
set: function (value) {
this._segmentsH = value;
this._pInvalidatePrimitive();
this._pInvalidateUVs();
},
enumerable: false,
configurable: true
});
Object.defineProperty(PrimitiveCubePrefab.prototype, "segmentsD", {
/**
* The number of segments that make up the cube along the Z-axis. Defaults to 1.
*/
get: function () {
return this._segmentsD;
},
set: function (value) {
this._segmentsD = value;
this._pInvalidatePrimitive();
this._pInvalidateUVs();
},
enumerable: false,
configurable: true
});
/**
* @inheritDoc
*/
PrimitiveCubePrefab.prototype._pBuildGraphics = function (target, elementsType) {
var indices;
var positions;
var normals;
var tangents;
var stride;
var tl, tr, bl, br;
var i, j, inc = 0;
var vidx, fidx; // indices
var dw, dh, dd; // deltas
var outer_pos;
// half cube dimensions
var hw = this._width / 2;
var hh = this._height / 2;
var hd = this._depth / 2;
if (elementsType == ElementsType.TRIANGLE) {
var triangleGraphics = target;
var numVertices = ((this._segmentsW + 1) * (this._segmentsH + 1) +
(this._segmentsW + 1) * (this._segmentsD + 1) + (this._segmentsH + 1) * (this._segmentsD + 1)) * 2;
var numIndices = ((this._segmentsW * this._segmentsH +
this._segmentsW * this._segmentsD + this._segmentsH * this._segmentsD) * 12);
if (numVertices == triangleGraphics.numVertices && triangleGraphics.indices != null) {
triangleGraphics.invalidateIndices();
triangleGraphics.invalidateVertices(triangleGraphics.positions);
triangleGraphics.invalidateVertices(triangleGraphics.normals);
triangleGraphics.invalidateVertices(triangleGraphics.tangents);
}
else {
triangleGraphics.setIndices(new Uint16Array(numIndices));
triangleGraphics.setPositions(new Float32Array(numVertices * 3));
triangleGraphics.setNormals(new Float32Array(numVertices * 3));
triangleGraphics.setTangents(new Float32Array(numVertices * 3));
this._pInvalidateUVs();
}
indices = triangleGraphics.indices.get(triangleGraphics.numElements);
positions = triangleGraphics.positions.get(numVertices);
normals = triangleGraphics.normals.get(numVertices);
tangents = triangleGraphics.tangents.get(numVertices);
stride = triangleGraphics.concatenatedBuffer.stride / 4;
vidx = 0;
fidx = 0;
// Segment dimensions
dw = this._width / this._segmentsW;
dh = this._height / this._segmentsH;
dd = this._depth / this._segmentsD;
for (i = 0; i <= this._segmentsW; i++) {
outer_pos = -hw + i * dw;
for (j = 0; j <= this._segmentsH; j++) {
// front
positions[vidx] = outer_pos;
positions[vidx + 1] = -hh + j * dh;
positions[vidx + 2] = -hd;
normals[vidx] = 0;
normals[vidx + 1] = 0;
normals[vidx + 2] = -1;
tangents[vidx] = 1;
tangents[vidx + 1] = 0;
tangents[vidx + 2] = 0;
vidx += stride;
// back
positions[vidx] = outer_pos;
positions[vidx + 1] = -hh + j * dh;
positions[vidx + 2] = hd;
normals[vidx] = 0;
normals[vidx + 1] = 0;
normals[vidx + 2] = 1;
tangents[vidx] = -1;
tangents[vidx + 1] = 0;
tangents[vidx + 2] = 0;
vidx += stride;
if (i && j) {
tl = 2 * ((i - 1) * (this._segmentsH + 1) + (j - 1));
tr = 2 * (i * (this._segmentsH + 1) + (j - 1));
bl = tl + 2;
br = tr + 2;
indices[fidx++] = tl;
indices[fidx++] = bl;
indices[fidx++] = br;
indices[fidx++] = tl;
indices[fidx++] = br;
indices[fidx++] = tr;
indices[fidx++] = tr + 1;
indices[fidx++] = br + 1;
indices[fidx++] = bl + 1;
indices[fidx++] = tr + 1;
indices[fidx++] = bl + 1;
indices[fidx++] = tl + 1;
}
}
}
inc += 2 * (this._segmentsW + 1) * (this._segmentsH + 1);
for (i = 0; i <= this._segmentsW; i++) {
outer_pos = -hw + i * dw;
for (j = 0; j <= this._segmentsD; j++) {
// top
positions[vidx] = outer_pos;
positions[vidx + 1] = hh;
positions[vidx + 2] = -hd + j * dd;
normals[vidx] = 0;
normals[vidx + 1] = 1;
normals[vidx + 2] = 0;
tangents[vidx] = 1;
tangents[vidx + 1] = 0;
tangents[vidx + 2] = 0;
vidx += stride;
// bottom
positions[vidx] = outer_pos;
positions[vidx + 1] = -hh;
positions[vidx + 2] = -hd + j * dd;
normals[vidx] = 0;
normals[vidx + 1] = -1;
normals[vidx + 2] = 0;
tangents[vidx] = 1;
tangents[vidx + 1] = 0;
tangents[vidx + 2] = 0;
vidx += stride;
if (i && j) {
tl = inc + 2 * ((i - 1) * (this._segmentsD + 1) + (j - 1));
tr = inc + 2 * (i * (this._segmentsD + 1) + (j - 1));
bl = tl + 2;
br = tr + 2;
indices[fidx++] = tl;
indices[fidx++] = bl;
indices[fidx++] = br;
indices[fidx++] = tl;
indices[fidx++] = br;
indices[fidx++] = tr;
indices[fidx++] = tr + 1;
indices[fidx++] = br + 1;
indices[fidx++] = bl + 1;
indices[fidx++] = tr + 1;
indices[fidx++] = bl + 1;
indices[fidx++] = tl + 1;
}
}
}
inc += 2 * (this._segmentsW + 1) * (this._segmentsD + 1);
for (i = 0; i <= this._segmentsD; i++) {
outer_pos = hd - i * dd;
for (j = 0; j <= this._segmentsH; j++) {
// left
positions[vidx] = -hw;
positions[vidx + 1] = -hh + j * dh;
positions[vidx + 2] = outer_pos;
normals[vidx] = -1;
normals[vidx + 1] = 0;
normals[vidx + 2] = 0;
tangents[vidx] = 0;
tangents[vidx + 1] = 0;
tangents[vidx + 2] = -1;
vidx += stride;
// right
positions[vidx] = hw;
positions[vidx + 1] = -hh + j * dh;
positions[vidx + 2] = outer_pos;
normals[vidx] = 1;
normals[vidx + 1] = 0;
normals[vidx + 2] = 0;
tangents[vidx] = 0;
tangents[vidx + 1] = 0;
tangents[vidx + 2] = 1;
vidx += stride;
if (i && j) {
tl = inc + 2 * ((i - 1) * (this._segmentsH + 1) + (j - 1));
tr = inc + 2 * (i * (this._segmentsH + 1) + (j - 1));
bl = tl + 2;
br = tr + 2;
indices[fidx++] = tl;
indices[fidx++] = bl;
indices[fidx++] = br;
indices[fidx++] = tl;
indices[fidx++] = br;
indices[fidx++] = tr;
indices[fidx++] = tr + 1;
indices[fidx++] = br + 1;
indices[fidx++] = bl + 1;
indices[fidx++] = tr + 1;
indices[fidx++] = bl + 1;
indices[fidx++] = tl + 1;
}
}
}
}
else if (elementsType == ElementsType.LINE) {
var lineGraphics = target;
var numSegments = this._segmentsH * 4 + this._segmentsW * 4 + this._segmentsD * 4;
positions = new Float32Array(numSegments * 6);
var thickness = new Float32Array(numSegments);
vidx = 0;
fidx = 0;
//front/back face
for (i = 0; i < this._segmentsH; ++i) {
positions[vidx++] = -hw;
positions[vidx++] = i * this._height / this._segmentsH - hh;
positions[vidx++] = -hd;
positions[vidx++] = hw;
positions[vidx++] = i * this._height / this._segmentsH - hh;
positions[vidx++] = -hd;
thickness[fidx++] = 1;
positions[vidx++] = -hw;
positions[vidx++] = hh - i * this._height / this._segmentsH;
positions[vidx++] = hd;
positions[vidx++] = hw;
positions[vidx++] = hh - i * this._height / this._segmentsH;
positions[vidx++] = hd;
thickness[fidx++] = 1;
}
for (i = 0; i < this._segmentsW; ++i) {
positions[vidx++] = i * this._width / this._segmentsW - hw;
positions[vidx++] = -hh;
positions[vidx++] = -hd;
positions[vidx++] = i * this._width / this._segmentsW - hw;
positions[vidx++] = hh;
positions[vidx++] = -hd;
thickness[fidx++] = 1;
positions[vidx++] = hw - i * this._width / this._segmentsW;
positions[vidx++] = -hh;
positions[vidx++] = hd;
positions[vidx++] = hw - i * this._width / this._segmentsW;
positions[vidx++] = hh;
positions[vidx++] = hd;
thickness[fidx++] = 1;
}
//left/right face
for (i = 0; i < this._segmentsH; ++i) {
positions[vidx++] = -hw;
positions[vidx++] = i * this._height / this._segmentsH - hh;
positions[vidx++] = -hd;
positions[vidx++] = -hw;
positions[vidx++] = i * this._height / this._segmentsH - hh;
positions[vidx++] = hd;
thickness[fidx++] = 1;
positions[vidx++] = hw;
positions[vidx++] = hh - i * this._height / this._segmentsH;
positions[vidx++] = -hd;
positions[vidx++] = hw;
positions[vidx++] = hh - i * this._height / this._segmentsH;
positions[vidx++] = hd;
thickness[fidx++] = 1;
}
for (i = 0; i < this._segmentsD; ++i) {
positions[vidx++] = hw;
positions[vidx++] = -hh;
positions[vidx++] = i * this._depth / this._segmentsD - hd;
positions[vidx++] = hw;
positions[vidx++] = hh;
positions[vidx++] = i * this._depth / this._segmentsD - hd;
thickness[fidx++] = 1;
positions[vidx++] = -hw;
positions[vidx++] = -hh;
positions[vidx++] = hd - i * this._depth / this._segmentsD;
positions[vidx++] = -hw;
positions[vidx++] = hh;
positions[vidx++] = hd - i * this._depth / this._segmentsD;
thickness[fidx++] = 1;
}
//top/bottom face
for (i = 0; i < this._segmentsD; ++i) {
positions[vidx++] = -hw;
positions[vidx++] = -hh;
positions[vidx++] = hd - i * this._depth / this._segmentsD;
positions[vidx++] = hw;
positions[vidx++] = -hh;
positions[vidx++] = hd - i * this._depth / this._segmentsD;
thickness[fidx++] = 1;
positions[vidx++] = -hw;
positions[vidx++] = hh;
positions[vidx++] = i * this._depth / this._segmentsD - hd;
positions[vidx++] = hw;
positions[vidx++] = hh;
positions[vidx++] = i * this._depth / this._segmentsD - hd;
thickness[fidx++] = 1;
}
for (i = 0; i < this._segmentsW; ++i) {
positions[vidx++] = hw - i * this._width / this._segmentsW;
positions[vidx++] = -hh;
positions[vidx++] = -hd;
positions[vidx++] = hw - i * this._width / this._segmentsW;
positions[vidx++] = -hh;
positions[vidx++] = hd;
thickness[fidx++] = 1;
positions[vidx++] = i * this._width / this._segmentsW - hw;
positions[vidx++] = hh;
positions[vidx++] = -hd;
positions[vidx++] = i * this._width / this._segmentsW - hw;
positions[vidx++] = hh;
positions[vidx++] = hd;
thickness[fidx++] = 1;
}
// build real data from raw data
lineGraphics.setPositions(positions);
lineGraphics.setThickness(thickness);
}
};
/**
* @inheritDoc
*/
PrimitiveCubePrefab.prototype._pBuildUVs = function (target, elementsType) {
var i, j, index;
var uvs;
var stride;
var u_tile_dim, v_tile_dim;
var u_tile_step, v_tile_step;
var tl0u, tl0v;
var tl1u, tl1v;
var du, dv;
var numVertices;
if (elementsType == ElementsType.TRIANGLE) {
numVertices = ((this._segmentsW + 1) * (this._segmentsH + 1) +
(this._segmentsW + 1) * (this._segmentsD + 1) + (this._segmentsH + 1) * (this._segmentsD + 1)) * 2;
var triangleGraphics = target;
if (triangleGraphics.uvs && numVertices == triangleGraphics.numVertices) {
triangleGraphics.invalidateVertices(triangleGraphics.uvs);
}
else {
triangleGraphics.setUVs(new Float32Array(numVertices * 2));
}
uvs = triangleGraphics.uvs.get(numVertices);
stride = triangleGraphics.uvs.stride;
if (this._tile6) {
u_tile_dim = u_tile_step = 1 / 3;
v_tile_dim = v_tile_step = 1 / 2;
}
else {
u_tile_dim = v_tile_dim = 1;
u_tile_step = v_tile_step = 0;
}
// Create planes two and two, the same way that they were
// constructed in the buildGraphics() function. First calculate
// the top-left UV coordinate for both planes, and then loop
// over the points, calculating the UVs from these numbers.
// When tile6 is true, the layout is as follows:
// .-----.-----.-----. (1,1)
// | Bot | T | Bak |
// |-----+-----+-----|
// | L | F | R |
// (0,0)'-----'-----'-----'
index = 0;
// FRONT / BACK
tl0u = 1 * u_tile_step;
tl0v = 1 * v_tile_step;
tl1u = 2 * u_tile_step;
tl1v = 0 * v_tile_step;
du = u_tile_dim / this._segmentsW;
dv = v_tile_dim / this._segmentsH;
for (i = 0; i <= this._segmentsW; i++) {
for (j = 0; j <= this._segmentsH; j++) {
uvs[index] = (tl0u + i * du) * this._scaleU;
uvs[index + 1] = (tl0v + (v_tile_dim - j * dv)) * this._scaleV;
index += stride;
uvs[index] = (tl1u + (u_tile_dim - i * du)) * this._scaleU;
uvs[index + 1] = (tl1v + (v_tile_dim - j * dv)) * this._scaleV;
index += stride;
}
}
// TOP / BOTTOM
tl0u = 1 * u_tile_step;
tl0v = 0 * v_tile_step;
tl1u = 0 * u_tile_step;
tl1v = 0 * v_tile_step;
du = u_tile_dim / this._segmentsW;
dv = v_tile_dim / this._segmentsD;
for (i = 0; i <= this._segmentsW; i++) {
for (j = 0; j <= this._segmentsD; j++) {
uvs[index] = (tl0u + i * du) * this._scaleU;
uvs[index + 1] = (tl0v + (v_tile_dim - j * dv)) * this._scaleV;
index += stride;
uvs[index] = (tl1u + i * du) * this._scaleU;
uvs[index + 1] = (tl1v + j * dv) * this._scaleV;
index += stride;
}
}
// LEFT / RIGHT
tl0u = 0 * u_tile_step;
tl0v = 1 * v_tile_step;
tl1u = 2 * u_tile_step;
tl1v = 1 * v_tile_step;
du = u_tile_dim / this._segmentsD;
dv = v_tile_dim / this._segmentsH;
for (i = 0; i <= this._segmentsD; i++) {
for (j = 0; j <= this._segmentsH; j++) {
uvs[index] = (tl0u + i * du) * this._scaleU;
uvs[index + 1] = (tl0v + (v_tile_dim - j * dv)) * this._scaleV;
index += stride;
uvs[index] = (tl1u + (u_tile_dim - i * du)) * this._scaleU;
uvs[index + 1] = (tl1v + (v_tile_dim - j * dv)) * this._scaleV;
index += stride;
}
}
}
else if (elementsType == ElementsType.LINE) {
//nothing to do here
}
};
return PrimitiveCubePrefab;
}(PrimitivePrefabBase));
export { PrimitiveCubePrefab };