ribbon mesh... first attempt

[jerome]

http://www.babylonjs-playground.com/#2E9DTS#9

 

Here is a very simple but useful, I hope, mesh type : ribbon

A ribbon is defined by two pathes or curves. It is the surface between these two pathes.

A path in an array of vertices sequentially along this path.

 

For now, there is no control, but you need at least two vertices on each path (so in each array) to create a ribbon.

If a path has more vertices than the other, the ribbon is created on the shorter path only. Supernumery vertices are ignored.

 

This mesh type is very basic but could be very useful as you can set any curve points in parameters.

 

5 simple examples :

- a flat ribbon with 2 pathes of 3 vertices each

- a cubic ribbon (with ribbons, you can reproduce many basic shapes, even agregate ribbons if needed)

- a sinusoidal ribbon along x-axis

- a tubular ribbon, a bit more complex than a simple cylinder

- a conic ribbon

 

As gently proposed by JCPalmer, here is the function signature :

 

var pathA = [vertA1, vertA2, vertA3, ...];

var pathB = [vertB1, vertB2, vertB3, ...];

var mesh = new BABYLON.Mesh("ribbon", scene);

 

createRibbon(mesh, pathA, pathB);

 

 

first day playing with BJS and some code already running... :-D

Damn, I like this framework !!!

[Dad72]

Damn, I like this framework !!!

 

 

Yes, everyone loves, It is a great engine/framework , made by awesome developers 

[jerome]

I'll migrate my network weathermap soft from threejs to bjs as soon as tomorrow if my users let me some time

[GameMonetize]

I like it!!! I would love to see it in BABYLON.MEsh

[jerome]

Why not ...

I need to learn some typescript before, arf

 

the function is really light actually, about 20 LOC only in js

[jerome]

hey folks !

Added to the magic ribbon two new examples :

 

helix ribbon and her majesty, the one-face moebius ribbon

 

http://www.babylonjs-playground.com/#2E9DTS#9