Shape triangulation with holes error

[sguionni]

Hello,

i have a problem with the shape with holes extrusion.

I created a shape with a hole inside. But i have a console error : SEVERE: ShapeUtils: removeHoles() ERROR (but not at any time).

My code :

    public static Shape computeShape ( final PWPModelProduct p_product )
    {
        PWPModelLevel level;
        Shape shape;
        List< Vector2 > arrPoint;
        final int xMin, xMax, yMin, yMax;
        // ------------ DECLARE ------------//

        level = p_product.getLevel();
        shape = new Shape();
        arrPoint = new ArrayList< >();

        xMin = p_product.getOffsetLeft();
        xMax = level.getWallWidth() - p_product.getOffsetRight();
        yMin = level.getPlinthHeight() + p_product.getOffsetBottom();
        yMax = level.getWallHeight() - level.getCorniceHeight() - p_product.getOffsetTop();
        // ------------- INIT --------------//

        arrPoint.add( new Vector2( xMin, yMin ) );
        arrPoint.add( new Vector2( xMax, yMin ) );
        arrPoint.add( new Vector2( xMax, yMax ) );
        arrPoint.add( new Vector2( xMin, yMax ) );

        shape.fromPoints( arrPoint );

        PWPManagerProduct.computeHoles( shape, level.getArrFurniture(), p_product.getOffsetFurniture() );

        return shape;
    }

    private static void computeHoles ( final Shape p_shape, final List< PWPModelFurniture > p_arrFurniture,
            final int p_offset )
    {
        List< Path > arrHole;
        Path hole;
        List< Vector2 > arrPoint;
        int xMin, xMax, yMin, yMax;
        // ------------ DECLARE ------------//

        arrHole = p_shape.getHoles();
        // ------------- INIT --------------//

        for ( final PWPModelFurniture furniture : p_arrFurniture )
        {
            // Create bbox.
            xMin = (int)furniture.getPosition().getX() - p_offset;
            xMax = (int)furniture.getPosition().getX() + furniture.getWidth() + p_offset;
            yMin = (int)furniture.getPosition().getY() - p_offset;
            yMax = (int)furniture.getPosition().getY() + furniture.getHeight() + p_offset;

            arrPoint = new ArrayList< >();
            arrPoint.add( new Vector2( xMin, yMin ) );
            arrPoint.add( new Vector2( xMax, yMin ));
            arrPoint.add( new Vector2( xMax, yMax ));
            arrPoint.add( new Vector2( xMin, yMax ) );
            hole = new Path( arrPoint );

            // Add to holes list.
            arrHole.add( hole );
        }
    }

Then i create a geometry with this shape and the error occurs.

ExtrudeGeometryParameters param;
        MeshPhongMaterial mat;
        // ------------ DECLARE ------------//

        param = new ExtrudeGeometryParameters();
        mat = new MeshPhongMaterial();
        // ------------- INIT --------------//

        param.bevelEnabled = false;
        param.amount = 1;

        this.setGeometry( p_shape.extrude( param ) );

Note that the 3D result sometimes seems ok, sometimes not.
Then, if my hole is over a shape edge, i have another message: WARNING: FontUtils: triangulate() - Warning, unable to triangulate polygon!
In this case, the 3D result is always wrong.

EDIT: Some screen shots

Result seems ok but error in console:

Multiple holes problem:

Problem when hole is on a shape edge:

[thothbot]

This is known issue, which occurs when a hole is outside of the element.

[thothbot]

You need to make sure that a hole is inside

[sguionni]

Ok but multiple holes inside a shape causes a bug too as you can see is the second screenshot.
And an error occurs sometimes with hole inside (screenshot 1).

[thothbot]

Ok, I'll investigate this issue during preparing 1.7

[sguionni]

Ok thank you,
i found some reports about these bugs like on this post : mrdoob/three.js#3386

[sguionni]

Do you know if it's possible to put holes on the edge in the last Threejs version ?
I'm investigating in the ShapeUtils code but if no solutions was found i have to find an alternative solution.

[thothbot]

yes it should be possible in threejs, I did this few month ago. I don't remember my approach, but it was working

[sguionni]

Great, so if the Parallax shape/extrude geometry code is updated according Threejs history, all should work.

[thothbot]

Yep, it should be,
As you know I'm working on Parallax 2.0, so I hope all will be there asap. Also I'll update development documentation, so I hope someone will help me with all of this

[sguionni]

Ok, do you think if i start translating ShapeUtils from the last Threejs is a good idea ?

[thothbot]

Yeah, will be cool, but you need to do this on the master branch, dev branch is not ready yet for the new version, later we can merge your changes to the new Parallax version. But as I know you need to update some other libs :) especially under the math package.

So if you ready, make your changes in the master branch.

[sguionni]

Yes ok , i think i'll update FontUtils too, some code has moved to ShapeUtils.

[thothbot]

Will be cool, we need FontUtils as well

[sguionni]

I can't push to the master branch (git-receive-pack not permitted).