Can I create Custom shapes by scripting in PlayCanvas?

Usman_Hameed · April 15, 2022, 2:04am

Hi,
I wonder if I can create parameteric shapes such as Arc, Curve, Box by using script. Each shape will have customized size, rotation and position.
I can’t find any suitable answer anywhere.

Leonidas · April 15, 2022, 6:59am

Hi @Usman_Hameed and welcome,

Yes, you can use the Mesh API to create custom shapes by providing vertex positions and indices. Here is the full API:

https://developer.playcanvas.com/api/pc.Mesh.html

Here is an example using it:
https://playcanvas.github.io/#/graphics/mesh-generation

And here is how the engine produces the internal primitives like box and sphere:

github.com

playcanvas/engine/blob/13c52d00dbaaea0f593d3980884f4d36a6f961ec/src/scene/procedural.js

import { Vec2 } from '../math/vec2.js';
import { Vec3 } from '../math/vec3.js';
import { Debug } from '../core/debug.js';

import {
    SEMANTIC_TANGENT, SEMANTIC_BLENDWEIGHT, SEMANTIC_BLENDINDICES,
    TYPE_UINT8
} from '../graphics/constants.js';

import { Mesh } from './mesh.js';

/** @typedef {import('../graphics/graphics-device.js').GraphicsDevice} GraphicsDevice */

const primitiveUv1Padding = 4.0 / 64;
const primitiveUv1PaddingScale = 1.0 - primitiveUv1Padding * 2;

// cached mesh primitives
const shapePrimitives = [];

/**

This file has been truncated. show original