How to get rid of lines and make a solid ribon

Questions
1

I create a ribbon figure using points. I simply expect to see a flat part, but instead it is all rostered with lines which flicker on movements.
image
How do I get rid of the lines?

2

It’s hard to know what happens with a screenshot only (maybe you are experiencing z-fighthing?).

Are you able to share a repro in the Playground?

3

It looks like you have multiple overlapping faces but I’m new to Babylon and haven’t used the Ribbons yet so can’t offer anything from my end, sorry.

@Evgeni_Popov - they did add a link (click the screenshot :slight_smile:)

1 Like
4

Ah yes, thanks!

It seems the points of your path are wrong, but as we don’t know what you want to achieve, it’s hard to help more.

You should have a look at the ribbon documentation in case it helps:

6

we don’t know what you want to achieve

I clearly stated what I want to achieve :smiley:

I simply expect to see a flat part

7

Given the explanations here about single path ribbon:

I don’t think it’s possible to do what you want with a single path. However, by splitting your points into two paths, you can do it like this:

1 Like
8

Looks cool! Thank you for the solution!

9

Now I am thinking of creating a pentagon :joy:

Works same:

var p1 = new BABYLON.Vector3(-9.683672280328846, -17.124734791785762, 3.601149002563143)
var p2 = new BABYLON.Vector3(-9.637248018547881, -17.09232054035031, 3.8696670869405185)
var p3 = new BABYLON.Vector3(-9.845919433584033, -16.948599896472967, 3.975063531896848)
var p4 = new BABYLON.Vector3(-10.021309686474776, -16.89218996925528, 3.7716840280832176)
var p5 = new BABYLON.Vector3(-9.921035439918924, -17.00104730057368, 3.540592164662228)
var p5 = new BABYLON.Vector3(-9.921035439918924, -17.00104730057368, 3.540592164662228)
var points = [[p1, p2, p3], [p5, p4, p3]];