metafizzy / zdog

Flat, round, designer-friendly pseudo-3D engine for canvas & SVG

Home Page:https://zzz.dog

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Unexpected Shape Transparency

JBatUN opened this issue · comments

Great work! Exploring the potential to use zdog for data visualization applications. But experiencing an unexpected effect of transparency with the shapes rendered as shown in the screenshot.

let box = new Zdog.Box({
        addTo: pointGrp,
        translate: { x: long, y: lat, z: size },
        rotate: { z: Math.PI / 8 },
        width: 15,
        height: 15,
        depth: size*3,
        stroke: false,
        color: '#C25',
        leftFace: color_left,
        rightFace: color_left,
        rearFace: '#ED0',
        topFace: color_left,
        bottomFace: color,
    });

zdog-map

Any ideas why this may be happening?

Thanks!

It could be how you're combining the Zdog objects with the other imagery. Are you setting the global composite for canvas?