Edge Duplicate programmatically?

Daniele_D · September 29, 2020, 4:57pm

Hello everyone,

Quite new Babylon.js user here, I came from another well-known framework but I must say Babylon makes everything easier to implement.
There is one thing I cannot wrap my head around though: I am exporting OBJ files from a CAD system, they are dynamically generated and downloaded from my frontend. This specific CAD exports them as flat shaded meshes, and there is no workaround for this during export. That is why, upon loading the mesh in Babylon, I apply a forceSharedVertices and it correctly makes all the faces smooth.
Now, to preserve “edginess” on some of the edges, I would like to apply an Edge Duplicate filter, effetely duplicating the edges when the angle between two faces is over a certain value. This will make them look sharp in the engine.
Is there any add-on or method I can use to do this? Does anyone have a workaround? Unfortunately, passing it through Blender isn’t doable since I need to generate each mesh dynamically…

Thank you in advance,

Daniel

Deltakosh · September 29, 2020, 5:23pm

Hey and welcome, did you have a look to the edgeRenderer? It is not exactly what you want but its code should help you a lot

github.com

BabylonJS/Babylon.js/blob/master/src/Rendering/edgesRenderer.ts

import { Nullable } from "../types";
import { VertexBuffer } from "../Meshes/buffer";
import { AbstractMesh } from "../Meshes/abstractMesh";
import { Mesh } from "../Meshes/mesh";
import { LinesMesh, InstancedLinesMesh } from "../Meshes/linesMesh";
import { Vector3, TmpVectors, Matrix } from "../Maths/math.vector";
import { IDisposable, Scene } from "../scene";
import { Observer } from "../Misc/observable";
import { Effect } from "../Materials/effect";
import { Material } from "../Materials/material";
import { ShaderMaterial } from "../Materials/shaderMaterial";
import { Camera } from "../Cameras/camera";
import { Constants } from "../Engines/constants";
import { Node } from "../node";

import "../Shaders/line.fragment";
import "../Shaders/line.vertex";
import { DataBuffer } from '../Meshes/dataBuffer';
import { SmartArray } from '../Misc/smartArray';

This file has been truncated. show original

Daniele_D · October 10, 2020, 8:20am

Sorry for the late response. Thank you, I am having a look at it. If I manage to do something with it, I’ll make a pull request, I believe this is an important feature for 3D mesh editing.

Topic		Replies	Views
Edge rendering issue Questions	4	704	March 20, 2023
Mesh edge rendering doesnt update Questions	4	835	November 27, 2020
Duplicating meshes without binding their geometry Questions	7	1087	August 27, 2021
Smoother strokes in 2d geometry Questions	5	507	December 20, 2020
Smooth shading is not working in Babylon React-Native Bugs material , mesh , meshes , babylon-native	16	704	August 1, 2022

Edge Duplicate programmatically?

Related topics