SphereGeometry with 2D Outline

Questions
,
8

your approach is exactly what i wanted, but when i try it i get this:

image

Here is my Code:


    geometry = new THREE.SphereGeometry(0.1, 32, 32);
    material = new THREE.MeshBasicMaterial({
      color: color,
      depthTest: false,
      opacity: 1,
      visible: true,
    });

    const sphere = new THREE.Mesh(geometry, material)
    if (tag) sphere.userData.tag = tag;
    sphere.position.copy(position)
    scene.add(sphere)

    const outlineM = new THREE.MeshBasicMaterial({
      color: 0x000000,
      side: THREE.BackSide
    });
    const outline = new THREE.Mesh(geometry.clone(), outlineM);
    outline.scale.set(1.15, 1.15, 1.15);
    sphere.add(outline);