Wireframe shader with quads instead of triangles

Dinkelborg_At_C4Real · September 13, 2016, 9:59am

Hi,

is it possible to display a model as a wireframe, but instead of showing the triangulated mesh, show the quads?
I know all meshed are automatically triangulated, so it would probably need a custom shader, but due to the detail of the mesh we cannot spare a lot of performance. On the bright side we are ‘only’ targeting PCs with this application, so there is a bigger performance budget in the first place.

All hints towards any shaders or other methods are highly appreciated.
Thanks for all help in advance.

max · September 13, 2016, 10:11am

If this model always will be rendered wirefamed, then simply unwrapping it quads to square texture with border will do the trick

will · September 13, 2016, 10:24am

I would probably just construct a pc.Mesh out of lines instead of triangles. It would be a variation on this:

github.com

playcanvas/engine/blob/master/src/scene/procedural.js#L218


* @param {Object} opts An object that specifies optional inputs for the function as follows:
* @param {Number[]} opts.normals An array of 3-dimensional vertex normals.
* @param {Number[]} opts.tangents An array of 3-dimensional vertex tangents.
* @param {Number[]} opts.colors An array of 4-dimensional vertex colors.
* @param {Number[]} opts.uvs An array of 2-dimensional vertex texture coordinates.
* @param {Number[]} opts.uvs1 Same as opts.uvs, but for additional UV set
* @param {Number[]} opts.indices An array of triangle indices.
* @returns {pc.Mesh} A new Geometry constructed from the supplied vertex and triangle data.
* @example
* // Create a new mesh supplying optional parameters using object literal notation
* var mesh = pc.createMesh(
*     graphicsDevice,
*     positions,
*     {
*         normals: treeNormals,
*         uvs: treeUvs,
*         indices: treeIndices
*     });
* @author Will Eastcott
*/
pc.createMesh = function (device, positions, opts) {